#app [hidden]{display:none!important}.wrap--wide{max-width:1480px}.small{font-size:.85rem}code{background:var(--ink-3);color:var(--bone);border-radius:6px;padding:1px 5px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.92em}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin:8px 0 24px;display:flex}.page-head .kicker{margin:0 0 10px}.new-page .page-head{margin:0 0 18px}.new-page .page-head .h2{font-size:clamp(1.8rem,3vw,2.6rem)}.new-page .page-head .kicker{margin:0 0 6px}.workspace{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(16px,2.4vw,32px);padding-bottom:64px;display:grid}.pane{flex-direction:column;gap:12px;min-width:0;display:flex}.pane-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;min-height:24px;display:flex}.pane-head .label{margin:0}.pane--editor{position:sticky;top:12px}.src-editor{flex-direction:column;gap:10px;display:flex}.src-box{--src-lh:24px;border:2px solid var(--line);border-radius:var(--radius);background:var(--ink-2);grid-template-columns:44px minmax(0,1fr);height:clamp(360px,100vh - 280px,760px);transition:border-color .2s;display:grid;position:relative;overflow:hidden}.src-box:focus-within{border-color:var(--signal)}.src-editor.has-errors .src-box:not(:focus-within){border-color:#6b2a1f}.src-gutter{background:var(--ink);border-right:1px solid var(--line);position:relative;overflow:hidden}.src-gutter-inner{will-change:transform;padding:14px 0}.src-mirror{visibility:hidden;pointer-events:none;box-sizing:border-box;font:500 15px/var(--src-lh) ui-monospace, "SF Mono", Menlo, Consolas, monospace;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;tab-size:2;padding:0 14px 0 12px;position:absolute;top:0;left:0}.src-gutter-inner span{height:var(--src-lh);line-height:var(--src-lh);text-align:right;font:500 12px/var(--src-lh) ui-monospace, "SF Mono", Menlo, Consolas, monospace;color:#6f6c66;font-variant-numeric:tabular-nums;padding-right:10px;display:block}.src-gutter-inner span.is-error{color:var(--ink);background:var(--signal);font-weight:800}.src-main{min-width:0;position:relative}.src-marks{pointer-events:none;position:absolute;inset:14px 0 auto}.src-marks span{height:var(--src-lh);box-shadow:inset 3px 0 0 var(--signal);background:#ff4d2e24;position:absolute;left:0;right:0}.src-text{resize:none;width:100%;height:100%;color:var(--bone);font:500 15px/var(--src-lh) ui-monospace, "SF Mono", Menlo, Consolas, monospace;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;tab-size:2;caret-color:var(--signal);background:0 0;border:0;outline:none;margin:0;padding:14px 14px 14px 12px;display:block;position:relative;overflow:hidden auto}.src-text::selection{background:#ff4d2e59}.src-status{color:#ff8a73;margin:0;font-size:.9rem;font-weight:700}.src-status.is-ok{color:var(--ok)}.src-status:empty{display:none}.src-errors{gap:6px;max-height:220px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.src-errors:empty{display:none}.src-error{color:#ffd9d1;width:100%;min-height:44px;font:500 .92rem/1.35 var(--font);text-align:left;cursor:pointer;background:#2a1512;border:0;border-radius:10px;padding:10px 12px;display:block}.src-error:hover{background:#3a1a14}.src-error-line{color:#ff8a73;font-weight:800}.preview-frame{border-radius:var(--radius);background:var(--ink-2);box-shadow:0 0 0 1px var(--line), 0 30px 80px -40px #000c;position:relative;overflow:hidden}.preview{aspect-ratio:4/3;width:100%;min-height:320px;max-height:calc(100vh - 430px);position:relative}.preview-stale{z-index:5;background:var(--ink);color:#ffb3a3;pointer-events:none;border-radius:999px;margin:0;padding:6px 12px;font-size:.8rem;font-weight:700;position:absolute;top:12px;left:12px;box-shadow:0 0 0 1px #5a2a21}.settings{gap:16px;margin-top:8px;display:grid}.theme-note{min-height:1.5em;color:var(--muted);margin:0;font-size:.9rem}.theme-note .pill{margin-right:4px}.controls{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.accent-field{align-items:center;gap:10px;min-height:48px;display:inline-flex}.accent-label{font-weight:600}.accent-field input[type=color]{border:2px solid var(--line);background:var(--ink-2);cursor:pointer;border-radius:12px;width:48px;height:48px;padding:4px}.accent-field input[type=color]::-webkit-color-swatch-wrapper{padding:0}.accent-field input[type=color]::-webkit-color-swatch{border:0;border-radius:7px}.accent-field.is-locked input{opacity:.4;cursor:not-allowed}.accent-field .pill--pro{text-decoration:none}.btn--publish{min-height:60px;margin-left:auto;padding:16px 40px;font-size:1.2rem;font-weight:800}.upsell{color:var(--bone);background:#1f1a0b;border-radius:14px;padding:16px 18px;box-shadow:inset 0 0 0 2px #4a4214}.upsell p{margin:0}.upsell-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.tile{background:var(--ink-2);min-height:76px;color:var(--bone);text-align:left;cursor:pointer;box-shadow:0 0 0 1px var(--line);font:inherit;border:0;border-radius:14px;flex-direction:column;gap:0;padding:0;transition:box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden}.tile:hover{transform:translateY(-2px)}.tile[aria-pressed=true]{box-shadow:0 0 0 3px var(--signal)}.tile-sample{background:var(--tile-bg);min-height:76px;color:var(--tile-fg);flex:auto;justify-content:center;align-items:center;padding:8px;font-size:clamp(1.15rem,1.7vw,1.7rem);line-height:1;display:flex;position:relative;overflow:hidden}.tile-word{z-index:1;white-space:nowrap;padding:.12em .04em;display:inline-flex;position:relative;overflow:hidden}.tile-ch{will-change:transform;display:inline-block}.tile-mark{background:var(--tile-ac);border-radius:50%;width:12px;height:12px;position:absolute;bottom:10px;right:10px}.tile--brutal .tile-mark{border-radius:0;width:auto;height:4px;left:12px;right:12px}.tile--brutal .tile-sample{text-transform:uppercase;letter-spacing:.02em}.tile--editorial .tile-mark{border-radius:0;width:auto;height:2px;bottom:14px;left:25%;right:25%}.tile--pop .tile-mark{border-radius:6px;width:18px;height:18px;transform:rotate(12deg)}.tile--liquid .tile-mark{filter:blur(18px);opacity:.7;z-index:0;border-radius:50%;width:70%;height:60%;top:20%;left:15%}.tile-pro{z-index:2;padding:2px 7px;font-size:.62rem;position:absolute;top:6px;right:6px}.dlg-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}dialog.dlg--syntax{width:min(640px,100vw - 32px)}.syntax-ref{background:var(--ink);color:var(--bone);border-radius:12px;max-height:60vh;margin:12px 0 0;padding:16px;font:500 13px/1.6 ui-monospace,SF Mono,Menlo,Consolas,monospace;overflow:auto}.published{max-width:920px;margin:24px auto 80px}.published-head{margin-bottom:28px}.published-title{margin-top:10px;padding-bottom:.08em;overflow:hidden}.published-title .pt-ch{display:inline-block}.published-title:focus{outline:none}.published-sub{color:var(--muted);margin:14px 0 0;font-size:1.05rem}.link-list{gap:12px;display:grid}.link-row{border-radius:var(--radius);background:var(--ink-2);border:1px solid var(--line);grid-template-columns:130px minmax(0,1fr) auto;align-items:center;gap:8px 16px;padding:16px 18px;display:grid}.link-row[data-row=link-admin]{background:#17150b;border-color:#6b5a14}.link-label{color:var(--bone-2);font-size:.9rem;font-weight:800}.link-url{overflow-wrap:anywhere;color:var(--bone);font-size:1.05rem;font-weight:700;text-decoration:none}.link-url:hover{text-decoration:underline}.link-actions{gap:8px;display:flex}.link-note,.link-warning{color:var(--muted);grid-column:2/-1;margin:0;font-size:.9rem}.link-warning{color:#f3e39b}.published-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}@media (max-width:1100px){.tiles{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (max-width:900px){.workspace{grid-template-columns:minmax(0,1fr)}.pane--editor{position:static}.src-box{height:clamp(320px,55vh,520px)}.preview{aspect-ratio:3/4;max-height:none}.btn--publish{width:100%;margin-left:0}}@media (max-width:600px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.tile:last-child:nth-child(odd){grid-column:1/-1}.link-row{grid-template-columns:minmax(0,1fr)}.link-note,.link-warning{grid-column:1}.link-actions .btn{flex:1}}@media (prefers-reduced-motion:reduce){.tile,.tile:hover{transition:none;transform:none}}