:root{--bg: #f3f4f6;--bg-2: #ffffff;--panel: #ffffff;--line: #e6e8ee;--line-strong: #cfd3dc;--paper: #ffffff;--ink: #111318;--muted: #6b7280;--accent: #2563eb;--accent-ink: #ffffff;--accent-soft: #eef3ff;--danger: #dc3d3d;--danger-soft: #fdecec;--shadow: 0 10px 30px rgba(17, 19, 24, .06);--radius: 12px;font-family:Inter,system-ui,sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit;color:inherit}.hidden{display:none!important}.view{min-height:100vh}#setup{max-width:920px;margin:0 auto;padding:64px 28px 88px}.setup-top h1{font-size:clamp(2.1rem,4.5vw,3.2rem);font-weight:700;letter-spacing:-.05em;margin:8px 0 10px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;color:var(--accent);margin:0;font-weight:600}.lede{color:var(--muted);max-width:36rem;line-height:1.55;margin:0 0 36px}.how-list,.feature-list{margin:0;padding-left:1.2rem;color:var(--ink);line-height:1.55}.how-list li,.feature-list li{margin:0 0 8px}.how-list li:last-child,.feature-list li:last-child{margin-bottom:0}.site-footer{display:flex;gap:16px;margin-top:28px;padding-top:16px;border-top:1px solid var(--line);font-size:.85rem}.site-footer a,.legal a{color:var(--muted)}.site-footer a:hover,.legal a:hover{color:var(--accent)}.landing{max-width:640px;margin:0 auto;padding:72px 28px 40px}.landing-hero h1{font-size:clamp(2.2rem,5vw,3.4rem);letter-spacing:-.05em;margin:8px 0 12px}.landing-cta{margin:28px 0 40px}.landing-cta .btn{display:inline-block;text-decoration:none;padding:12px 22px;font-size:1rem}.landing-points{list-style:none;margin:0;padding:0}.landing-points li{padding:14px 0;border-top:1px solid var(--line);line-height:1.45}.landing-points li:last-child{border-bottom:1px solid var(--line)}.landing-more{margin:28px 0 0;color:var(--muted);font-size:.92rem}.landing-more a,.article-meta a{color:var(--accent)}.landing-foot{max-width:720px;margin:0 auto 40px;padding:0 28px}.article-meta{color:var(--muted);font-size:.88rem;margin:-8px 0 28px}.projects{display:grid;gap:18px;margin:28px 0}.project{padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.project h2{margin:0 0 8px;font-size:1.15rem;text-transform:none;letter-spacing:0}.project h2 a{color:var(--ink);text-decoration:none}.project h2 a:hover{color:var(--accent)}.project p{margin:0;color:var(--muted)}.legal{max-width:720px;margin:0 auto;padding:48px 28px 80px;line-height:1.6}.legal h1{font-size:2rem;letter-spacing:-.04em;margin:8px 0 12px}.legal h2{font-size:1rem;margin:28px 0 8px}.legal-nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:12px;box-shadow:var(--shadow)}.panel h2{margin:0 0 14px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}.provider-list,.format-list{display:grid;gap:8px}.provider-list{grid-template-columns:repeat(3,1fr)}.format-list{grid-template-columns:repeat(auto-fill,minmax(148px,1fr))}.choice{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);padding:14px 12px;cursor:pointer;text-align:left;transition:border-color .15s,background .15s,transform .15s}.choice:hover{border-color:var(--line-strong);transform:translateY(-1px)}.choice.active{border-color:var(--accent);background:var(--accent-soft)}.choice strong{display:block;font-weight:600}.choice span{display:block;color:var(--muted);font-size:.8rem;margin-top:4px}.paper-thumb{height:52px;display:grid;place-items:center;margin-bottom:10px}.paper-thumb i{display:block;background:var(--paper);border:1px solid var(--line);box-shadow:0 6px 14px #11131814;border-radius:2px}.blurb{color:var(--muted);margin:0 0 14px;font-size:.92rem}.custom-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.custom-grid label{display:flex;flex-direction:column;gap:6px;font-size:.75rem;color:var(--muted);font-weight:500}.custom-grid input,.custom-grid select,.prop-row input,.prop-row select{width:100%;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:8px 10px}.custom-grid input:focus,.custom-grid select:focus{outline:none;border-color:var(--accent);background:#fff}.custom-tools{display:flex;align-items:center;gap:14px;margin-top:12px;flex-wrap:wrap}.setup-actions{display:flex;align-items:center;gap:16px;margin-top:10px}.hint{color:var(--muted);margin:0;font-size:.85rem}.btn{background:var(--bg-2);color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:9px 14px;cursor:pointer;font-weight:500;text-decoration:none;display:inline-block}.btn:hover{border-color:var(--line-strong);background:#fafafa}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}.btn.primary:hover{filter:brightness(1.05)}.btn.ghost{background:transparent}.btn.ghost[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.btn.danger-ghost{background:transparent;color:var(--danger);border-color:#f3c4c4}.btn.danger-ghost:hover{background:var(--danger-soft)}.btn:disabled{opacity:.4;cursor:default}#editor{position:relative;height:100vh;display:flex;flex-direction:column;background:var(--bg)}.editor-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--line)}.brand-mini{display:flex;align-items:center;gap:10px;min-width:0}.logo-mark{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:var(--ink);color:#fff;font-weight:700;font-size:.68rem}.brand-mini strong{display:block;font-size:.92rem}.brand-mini small{display:block;color:var(--muted);font-size:.76rem}.bar-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.editor-body{flex:1;display:grid;grid-template-columns:1fr 292px;min-height:0}.workspace{position:relative;min-width:0;background:#e7e9ee}#stage{position:absolute;top:0;right:0;bottom:0;left:0}.drop-hint{position:absolute;left:50%;bottom:18px;transform:translate(-50%);color:var(--muted);background:#ffffffe6;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:.82rem;pointer-events:none}.workspace.dragover .drop-hint{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.workspace.dragover:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:2px dashed var(--accent);border-radius:16px;pointer-events:none}kbd{font-family:inherit;background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:0 5px}.sidebar{background:var(--panel);border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.sidebar-head{padding:16px 16px 8px}.sidebar-head h2{margin:0;font-size:.92rem}.sidebar-head p{margin:4px 0 0;color:var(--muted);font-size:.78rem}.layer-list{list-style:none;margin:0;padding:8px;overflow:auto;flex:1}.layer-item{display:grid;grid-template-columns:18px 1fr auto auto auto auto auto;gap:2px;align-items:center;padding:7px 8px;border:1px solid transparent;border-radius:10px;margin-bottom:6px;background:var(--bg);cursor:pointer}.layer-item.active{border-color:var(--accent);background:var(--accent-soft)}.layer-item.hidden-layer{opacity:.55}.layer-item.kept .layer-name{font-weight:600}.layer-item.dragging{opacity:.45}.layer-item.drag-over{border-color:var(--accent);box-shadow:inset 0 2px 0 var(--accent)}.layer-item button{background:transparent;color:var(--ink);border:0;cursor:pointer;width:26px;height:26px;border-radius:8px}.layer-item button:hover:not(:disabled){background:#1113180f}.layer-item button:disabled{opacity:.25;cursor:default}.layer-handle{color:var(--muted);cursor:grab;font-size:.85rem;letter-spacing:-1px;-webkit-user-select:none;user-select:none}.layer-name{font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.props{border-top:1px solid var(--line);padding:12px 14px 16px}.props h3{margin:0 0 10px;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.prop-label{margin:0 0 6px;font-size:.78rem;color:var(--muted)}.prop-hint{margin:8px 0 0;font-size:.75rem;color:var(--muted)}.prop-rotate{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-bottom:12px}.prop-rotate .btn{padding:8px 6px;font-size:.8rem}.color-chip{display:grid;place-items:center;background:var(--bg);border:1px solid var(--line);border-radius:999px;cursor:pointer}.color-chip input{width:28px;height:28px;padding:0;border:0;background:transparent;cursor:pointer}.swatch-stack{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin:0 0 10px}.swatch{width:100%;aspect-ratio:1;border:1px solid var(--line-strong);border-radius:4px;padding:0;cursor:pointer;background:none}.swatch:hover{transform:scale(1.08)}.swatch.selected{outline:2px solid var(--accent);outline-offset:1px}.stroke-color{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;margin:0 0 10px}.stroke-color input[type=text]{width:100%;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem}.prop-row{display:grid;grid-template-columns:72px 1fr;gap:8px;align-items:center;margin-bottom:8px;font-size:.82rem}.prop-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.prop-actions .btn{padding:7px 10px;font-size:.8rem}.versions{position:absolute;top:58px;right:300px;width:280px;max-height:calc(100vh - 80px);overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);z-index:12;padding:12px}.versions-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.version-list{list-style:none;margin:0;padding:0}.version-item{display:grid;grid-template-columns:64px 1fr;gap:8px;align-items:center;padding:8px;border-radius:8px;cursor:pointer;border:1px solid transparent}.version-item:hover{background:var(--bg);border-color:var(--line)}.version-item img{width:64px;height:48px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:4px}.version-item small{display:block;color:var(--muted);font-size:.75rem}.resume-panel{border-color:var(--accent);background:var(--accent-soft)}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#111318;color:#fff;border:0;border-radius:999px;padding:10px 16px;z-index:30}@media(max-width:860px){.provider-list,.custom-grid{grid-template-columns:1fr 1fr}.editor-body{grid-template-columns:1fr}.sidebar{display:none}.setup-actions{flex-direction:column;align-items:flex-start}}