@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;500;700&display=swap";:root{color-scheme:light;--bg: #f3f6fb;--bg-soft: rgba(255, 255, 255, .86);--panel: rgba(255, 255, 255, .88);--panel-border: rgba(57, 84, 126, .12);--text: #172131;--muted: #59697f;--accent: #2563eb;--accent-strong: #0f766e;--shadow: 0 18px 45px rgba(31, 41, 55, .12)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 12% 18%,rgba(37,99,235,.1),transparent 24%),radial-gradient(circle at 85% 14%,rgba(15,118,110,.09),transparent 26%),radial-gradient(circle at 50% 80%,rgba(59,130,246,.09),transparent 28%),linear-gradient(135deg,#f8fbff,#eef3f8 48%,#e8eef6);color:var(--text);font-family:Space Grotesk,sans-serif}body{overflow:hidden}button,input,select{font:inherit}.app-shell{display:grid;grid-template-columns:minmax(320px,420px) 1fr;height:100vh;min-height:100vh}.panel,.viewer-shell{position:relative}.panel{padding:28px;border-right:1px solid rgba(57,84,126,.08);background:linear-gradient(180deg,#ffffffeb,#f4f8fce0);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow-y:auto;height:100%}.viewer-shell{display:grid;grid-template-rows:auto 1fr;min-width:0;min-height:0}.viewer-topbar{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:28px 28px 12px}.viewer-title{font-size:clamp(1.4rem,2vw,2rem);font-weight:700;letter-spacing:-.04em}.viewer-hint,.detail-line,.file-status{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:.82rem}.viewer-frame{position:relative;margin:0 20px 20px;border-radius:28px;background:radial-gradient(circle at top,rgba(37,99,235,.12),transparent 26%),linear-gradient(180deg,#fffffff2,#eef3fafa);border:1px solid rgba(57,84,126,.12);box-shadow:var(--shadow);overflow:hidden;min-height:0}#previewCanvas{width:100%;height:100%;display:block}.eyebrow{font-family:IBM Plex Mono,monospace;color:var(--accent);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;margin-bottom:10px}.eyebrow.muted{color:var(--muted)}h1{margin:0;font-size:clamp(2rem,3vw,3.2rem);line-height:.94;letter-spacing:-.06em}.lede{margin:14px 0 22px;color:var(--muted);line-height:1.55;max-width:34ch}.card{margin-bottom:16px;padding:18px;border-radius:22px;background:var(--panel);border:1px solid var(--panel-border);box-shadow:0 10px 30px #1f29370f}.summary-card{background:linear-gradient(180deg,#f5fafffa,#ecf3f9f5)}.card-title{margin-bottom:14px;color:var(--accent-strong);font-family:IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field-grid .wide{grid-column:1 / -1}label{display:grid;gap:8px;color:var(--text);font-size:.94rem}input,select{width:100%;border:1px solid rgba(57,84,126,.16);border-radius:14px;background:#fffffff0;color:var(--text);padding:11px 12px;outline:none;transition:border-color .12s ease,transform .12s ease,background .12s ease}input[type=range]{padding:0;height:32px;background:transparent}input:focus,select:focus{border-color:#2563ebb8;background:#fff}.file-drop{position:relative;align-content:center;min-height:118px;padding:18px;border-radius:18px;border:1px dashed rgba(37,99,235,.34);background:linear-gradient(180deg,#ffffffe6,#f2f7fcd6);cursor:pointer}.file-drop strong{display:block;margin-top:4px;font-size:1.02rem}.file-drop input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.summary-line{margin-bottom:6px;font-size:1.02rem;line-height:1.45}[data-mode-section=flyer]{display:none}body[data-mode=flyer] [data-mode-section=flyer]{display:block}body[data-mode=flyer] [data-mode-section=brochure]{display:none}body::-webkit-scrollbar,.panel::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-track,.panel::-webkit-scrollbar-track{background:#39547e14}body::-webkit-scrollbar-thumb,.panel::-webkit-scrollbar-thumb{border-radius:999px;background:#2563eb61;border:3px solid transparent;background-clip:content-box}@media (max-width: 1100px){body{overflow:auto}.app-shell{grid-template-columns:1fr}.viewer-shell{min-height:70vh}.panel{border-right:0;border-bottom:1px solid rgba(57,84,126,.08)}}@media (max-width: 720px){.panel,.viewer-topbar{padding-inline:18px}.viewer-frame{margin:0 12px 12px;border-radius:22px}.field-grid{grid-template-columns:1fr}}