:root{--ink:#0a1a35;--blue:#1357d7;--line:#c9d8ef;--paper:#f4f8fc}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,PingFang SC,sans-serif;overflow-x:hidden}main{min-height:100vh}header{border-bottom:1px solid var(--line);color:var(--blue);letter-spacing:.08em;justify-content:space-between;align-items:center;padding:1.25rem 2rem;font:700 .75rem ui-monospace,monospace;display:flex}header p{margin:0}header span,small{color:#5274a3;font:.75rem ui-monospace,monospace}button,input,select{border:1px solid var(--line);min-height:2.75rem;font:inherit;padding:.75rem}button{background:var(--blue);border-color:var(--blue);color:#fff;cursor:pointer;font-weight:700}h2{margin-top:0;font-size:1rem}.eyebrow{color:var(--blue);margin:0 0 1rem;font:700 .75rem ui-monospace,monospace}.studio{grid-template-columns:15rem minmax(0,1fr);min-width:0;min-height:calc(100vh - 58px);display:grid}.site-rail{border-right:1px solid var(--line);padding:1.5rem}.site-choice,.module-card{text-align:left;width:100%;color:var(--ink);background:0 0;gap:.4rem;margin-bottom:.75rem;display:grid}.workspace{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:48px 48px;min-width:0;padding:3rem;display:block;overflow-x:clip}.workspace-head{justify-content:space-between;align-items:start;gap:1rem;display:flex}.workspace-head h1{margin:0;font-size:clamp(2.5rem,5vw,4.5rem)}.workspace-head button{margin-left:.5rem}.composer{grid-template-columns:1fr 1fr;gap:1rem;margin:2rem 0;display:grid}.composer>div,.writer{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 92%, transparent);padding:1.25rem}.slot{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.5rem;min-height:3.5rem;padding:.6rem 0;display:flex}.slot span{color:#fff;background:var(--blue);align-items:center;gap:.4rem;padding:.35rem .55rem;font:.75rem ui-monospace,monospace;display:inline-flex}.slot button{background:0 0;border:0;min-height:auto;padding:0}.writer>input,.workspace-head input{background:#fff;margin:.25rem}.article-template-hint{color:#5274a3;margin:.7rem 0 0;font-size:.8rem}.writer{flex-direction:column;height:min(48rem,100vh - 3rem);min-height:34rem;display:flex;overflow:hidden}.writer .workspace-head{flex:none}.editor-frame{flex-direction:column;flex:1;min-height:0;margin-top:1rem;display:flex;position:relative}.editor-hint{color:#5274a3;font-size:.8rem}.milkdown-canvas{border:1px solid var(--line);background:#fff;flex:1;min-height:0;padding:1.5rem;overflow-y:auto}.milkdown-canvas .ProseMirror{outline:none;min-height:100%;line-height:1.8}.milkdown-canvas .ProseMirror pre{color:#e5edf9;background:#111827;border:1px solid #263247;border-radius:.8rem;margin:1.35rem 0;padding:3.25rem 1.2rem 1.2rem;font:.84rem/1.75 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;position:relative;overflow-x:auto;box-shadow:0 .8rem 1.8rem #0f172a29}.milkdown-canvas .ProseMirror pre:before{content:"";background:#ff5f57;border-radius:50%;width:.72rem;height:.72rem;position:absolute;top:1rem;left:1.15rem;box-shadow:1.15rem 0 #febc2e,2.3rem 0 #28c840}.milkdown-canvas .ProseMirror pre code{color:inherit;font:inherit;background:0 0;padding:0}.milkdown-canvas .ProseMirror :not(pre)>code{color:#b42318;background:#fff0ed;border:1px solid #fed7d1;border-radius:.3rem;padding:.13rem .36rem;font:.86em ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.markdown-syntax-marker,.markdown-fence-marker{color:#a1a1aa;pointer-events:none;-webkit-user-select:none;user-select:none}.markdown-syntax-marker{vertical-align:middle;margin-right:.45rem;font:500 .8rem ui-monospace,monospace;display:inline-block}.markdown-syntax-marker--open{margin-right:0}.markdown-syntax-marker--close{margin-left:0;margin-right:0}.markdown-fence-marker{color:#8294b4;letter-spacing:.02em;font:500 .75rem ui-monospace,monospace;display:block}.markdown-fence-marker--open{margin-bottom:.7rem}.markdown-fence-marker--close{margin-top:.7rem}.slash-menu{z-index:10;color:#18181b;background:#fff;border:1px solid #e4e4e7;border-radius:.5rem;gap:.125rem;width:17rem;max-height:min(17rem,100% - 1rem);padding:.375rem;display:grid;position:absolute;overflow-y:auto;box-shadow:0 10px 30px #18181b1f}.slash-menu button{color:#18181b;text-align:left;background:0 0;border:0;border-radius:.375rem;grid-template-columns:2rem 1fr;gap:.55rem;min-height:2.85rem;padding:.42rem;display:grid}.slash-menu button:hover,.slash-menu button.active{background:#f4f4f5}.slash-command-icon{color:#52525b;border:1px solid #e4e4e7;border-radius:.375rem;place-items:center;width:2rem;height:2rem;font:600 .72rem ui-monospace,monospace;display:grid}.slash-menu b,.slash-menu small{display:block}.slash-menu b{font-size:.85rem}.slash-menu small{color:#71717a;margin-top:.08rem;font-size:.72rem}.empty{padding:6rem 3rem}kbd{border:1px solid var(--line);padding:.1rem .25rem}@media (max-width:760px){.studio,.composer{grid-template-columns:1fr}.workspace{padding:1.25rem}.site-rail{border-right:0;border-bottom:1px solid var(--line)}.workspace-head{display:block}.workspace-head button{margin:.5rem .25rem 0 0}}.module-preview{border:1px solid var(--line);min-height:5rem;color:var(--ink);background:#fff;padding:.65rem;font-size:.72rem;display:grid}.module-preview strong{font-size:1rem}.hero-preview{color:#fff;background:linear-gradient(135deg,#0a1a35 55%,#1357d7)}.hero-preview span{color:#ff8d32;font-size:1.4rem}.article-preview i{color:var(--blue);font-style:normal}.list-preview{gap:.25rem}.project-preview{grid-template-columns:repeat(3,1fr);align-items:center}.project-preview b{background:var(--blue);color:#fff;padding:.5rem}.project-preview span{grid-column:1/-1}.author-preview{grid-template-columns:2.5rem 1fr auto;align-items:center}.author-preview>b{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:2rem;height:2rem;display:grid}.toc-preview{gap:.25rem}.code-preview{color:#d9e7ff;background:#0a1a35;margin:0;font-size:.65rem;overflow:auto}.embed-preview{background-image:linear-gradient(90deg, var(--line) 1px, transparent 1px), linear-gradient(var(--line) 1px, transparent 1px);background-size:14px 14px}.article-module-gallery{grid-template-columns:7rem repeat(3,minmax(0,1fr));align-items:stretch;gap:.5rem;margin:.75rem 0;display:grid}.article-module-gallery>span{color:var(--blue);font:700 .7rem ui-monospace,monospace}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.post-switcher{flex-wrap:wrap;gap:.35rem;margin:.5rem 0;display:flex}.post-switcher button{min-height:2rem;color:var(--ink);border-color:var(--line);background:#fff;padding:.4rem .55rem}.post-switcher button.selected{background:var(--blue);border-color:var(--blue);color:#fff}.template-picker{color:var(--blue);gap:.35rem;margin:1rem 0;font:700 .75rem ui-monospace,monospace;display:grid}.template-picker select{color:var(--ink);background:#fff}.module-instance{gap:.4rem;display:grid}.module-actions{flex-wrap:wrap;gap:.35rem;display:flex}.module-actions button{min-height:2rem;padding:.35rem .55rem}.module-actions input{background:#fff;max-width:13rem;min-height:2rem;padding:.35rem .55rem}.module-actions input[type=number]{width:5rem}.builder{grid-template-columns:minmax(0,1fr) 18rem;gap:1rem;margin:2rem 0;display:grid}.canvas-instance{width:100%;min-height:0;color:inherit;cursor:pointer;text-align:inherit;background:0 0;border:2px solid #0000;padding:0;display:block}.canvas-instance.selected{border-color:var(--blue);box-shadow:0 0 0 4px #cfe0ff}.module-library label{gap:.4rem;margin:1rem 0;display:grid}.module-library input,.module-library textarea{background:#fff;width:100%}.module-library textarea{resize:vertical;min-height:5rem}.module-library .toggle-field{align-items:center;display:flex}.module-library .toggle-field input{width:auto}.back-library{min-height:2rem;color:var(--blue);border-color:var(--blue);background:#fff;padding:.35rem .55rem}.remove-module{color:#b42318;background:#fff;border-color:#b42318;width:100%}.module-library{border:1px solid var(--line);background:#fff;align-self:start;padding:1rem;position:sticky;top:1rem}.puzzle-piece{clip-path:polygon(0 0,43% 0,48% 8%,52% 8%,57% 0,100% 0,100% 100%,57% 100%,52% 92%,48% 92%,43% 100%,0 100%);border-radius:8px;position:relative}.canvas-slot{outline:1px dashed #0000;min-height:3rem;padding:.5rem;transition:outline-color .12s,background .12s,transform .12s;position:relative}.canvas-slot:empty{outline-color:var(--blue);background:#eff5ff}.canvas-slot.drop-target{outline:2px dashed var(--blue);background:#dbeaff;transform:scale(1.01)}.slot-hint{color:#5274a3;letter-spacing:.08em;padding:.5rem;font:700 .7rem ui-monospace,monospace;display:block}.published-link{color:var(--blue);border:1px solid var(--blue);background:#fff;padding:.55rem .8rem;text-decoration:none}.create-site{gap:.75rem;max-width:32rem;display:grid}.site-live-preview{border:1px solid var(--blue);background:color-mix(in srgb, var(--paper) 88%, white);margin:2rem 0;padding:1.25rem}.preview-label{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.preview-label span{color:#5274a3;font-size:.8rem}.preview-canvas{border:1px solid var(--line);background:#fff;overflow:hidden}.preview-canvas header{border-bottom:1px solid var(--line);color:var(--blue);justify-content:space-between;padding:1rem;display:flex}.preview-canvas header span{font-size:.8rem}.draft-hero,.draft-featured,.draft-list,.draft-project,.draft-author{border-bottom:1px solid var(--line);padding:1.5rem}.draft-hero{color:#fff;background:#0a1a35}.draft-hero p,.draft-project b,.draft-author b,.draft-list b,.draft-featured b{color:#8db3ff;font:700 .7rem ui-monospace,monospace}.draft-hero h2{max-width:12ch;margin:.5rem 0;font-size:2rem}.draft-hero span{color:#ffb067;font-weight:700}.preview-main,.preview-secondary{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));display:grid}.draft-featured h3,.draft-project h3,.draft-author h3{margin:.5rem 0;font-size:1.25rem}.draft-list p{border-top:1px solid var(--line);margin:.65rem 0 0;padding-top:.65rem}.draft-list span{color:var(--blue)}.draft-project{background:#eaf2ff}.draft-author button{background:var(--blue);color:#fff;font:inherit;border:0;padding:.55rem .75rem;font-weight:700}