:root{font-family:"Press Start 2P",monospace;--ui-bg: #c8c4be;--ui-panel: #dfddd5;--ui-panel-2: #f3f0e7;--ui-line: #1a1a1a;--ui-text: #111111;--ui-muted: #57544d;--accent: #e34234;--accent-2: #0f49d7;--shadow: 10px 10px 0 rgba(17, 17, 17, .95)}*{box-sizing:border-box}body{margin:0;height:100vh;overflow:hidden;background:linear-gradient(90deg,rgba(17,17,17,.12) 1px,transparent 1px),linear-gradient(rgba(17,17,17,.12) 1px,transparent 1px),linear-gradient(180deg,#d7d3cb,#bab5ad);background-size:20px 20px,20px 20px,100% 100%;color:var(--ui-text)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:minmax(260px,300px) 1fr;height:100vh}.control-panel{display:grid;gap:14px;align-content:start;padding:16px;background:linear-gradient(180deg,#d6d2c9,#c1bcb4);border-right:3px solid var(--ui-line);overflow-x:hidden;overflow-y:auto}.stage-panel{display:grid;place-items:center;padding:0;background:#000}.micro-copy,.empty-state{margin:8px 0 0;color:var(--ui-muted);line-height:1.45;font-size:.56rem}.section-heading,.card-toolbar,.button-row,.card-grid,.toggle-row.inline{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-toolbar{min-width:0}.section-heading h2,.card-title{margin:0;font-size:.6rem;text-transform:uppercase;letter-spacing:.16em}.card-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-section{padding:12px;background:var(--ui-panel);border:3px solid var(--ui-line);box-shadow:var(--shadow);position:relative}.panel-section:before{content:"";position:absolute;inset:4px;border:1px solid rgba(17,17,17,.24);pointer-events:none}.field{display:grid;gap:6px;margin-top:10px}.field span,.toggle-row span,#storage-indicator,#status-line,.meta-badge{font-size:.52rem;color:var(--ui-muted)}.field input,.field select,.text-editor{width:100%;border:2px solid var(--ui-line);background:var(--ui-panel-2);padding:10px 12px;color:var(--ui-text);font-size:.58rem;box-shadow:inset 3px 3px #11111124}.text-editor{min-height:84px;resize:vertical;font-family:Vollkorn,serif;font-size:1rem;line-height:1.1}.button-row{margin-top:10px}.button,.icon-button{border:2px solid var(--ui-line);background:var(--ui-panel-2);padding:10px 12px;text-transform:uppercase;letter-spacing:.12em;color:var(--ui-text);font-size:.52rem;box-shadow:4px 4px #111111eb}.button.accent{background:var(--accent);color:#fff7ef;border-color:var(--ui-line)}.button.ghost,.icon-button{background:#d7d3cb}.button:active,.icon-button:active{transform:translate(3px,3px);box-shadow:1px 1px #111111eb}.mini-button{padding:8px 10px;font-size:.48rem;box-shadow:3px 3px #111111eb}.icon-button{flex-shrink:0}.stack-list{display:grid;gap:8px;margin-top:10px;min-width:0}.editor-card{padding:12px;border:3px solid var(--ui-line);background:linear-gradient(180deg,#efebe0,#d9d4ca);min-width:0;overflow:hidden;box-shadow:6px 6px #111111eb}.card-grid{margin-top:10px;align-items:end}.field.compact{margin-top:0;flex:1;min-width:0}.toggle-row{display:flex;align-items:center;gap:8px;margin-top:10px}.drop-zone{display:grid;gap:4px;margin-top:10px;padding:14px;border:2px dashed var(--ui-line);background:repeating-linear-gradient(135deg,#ede8dc 0 12px,#e3ddcf 12px 24px);text-transform:uppercase;letter-spacing:.08em;font-size:.54rem;box-shadow:inset 3px 3px #1111111f}.drop-zone[data-active=true]{border-color:var(--accent-2);background:linear-gradient(135deg,#f1efe7,#cfd9f8)}.drop-zone small{text-transform:none;letter-spacing:0;color:var(--ui-muted)}.image-card .image-preview-wrap{margin-top:8px;aspect-ratio:4 / 3;background:#1b1b1b;overflow:hidden;width:100%;max-width:100%;border:2px solid var(--ui-line)}.image-preview{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1)}.canvas-wrap{display:grid;place-items:center;width:100%;height:100vh;padding:16px;background:transparent;border:0;box-shadow:none}#zine-canvas{display:block;width:auto;max-width:100%;max-height:100%;height:min(calc(100vh - 32px),calc((100vw - 32px) / .75));aspect-ratio:3 / 4;background:#000;border:0;box-shadow:none}@media(max-width:1080px){.app-shell{grid-template-columns:1fr}body,.control-panel{overflow:auto}.stage-panel{min-height:70vh}.canvas-wrap{height:70vh;padding:12px}#zine-canvas{height:min(calc(70vh - 24px),calc((100vw - 24px) / .75))}}.meta-badge{display:inline-flex;align-items:center;min-height:34px;padding:0 10px;border:2px solid var(--ui-line);background:var(--ui-panel-2);text-transform:uppercase;letter-spacing:.08em;max-width:100%}.font-drop-zone{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;margin-top:10px;padding:12px;border:2px dashed var(--ui-line);background:linear-gradient(180deg,#efe8d9,#e5decd);font-size:.5rem;text-transform:uppercase;letter-spacing:.08em}.font-drop-zone[data-active=true]{background:linear-gradient(180deg,#d3e0ff,#f2ece1);border-color:var(--accent-2)}