.studio-body{--s-bg: var(--color-bg);--s-panel: color-mix(in srgb, var(--color-bg) 88%, #fff 12%);--s-panel-2: var(--color-surface);--s-panel-3: color-mix(in srgb, var(--color-surface) 82%, var(--color-bg) 18%);--s-border: var(--color-line);--s-text: var(--color-ink);--s-muted: var(--color-muted);--s-faint: var(--color-faint);--s-accent: var(--color-accent);--s-accent-soft: var(--color-accent-soft);--s-danger: #c0504d;--s-radius: max(8px, calc(var(--radius) + 6px));--s-shadow: 0 18px 44px color-mix(in srgb, var(--color-ink) 12%, transparent);background:var(--s-bg);color:var(--s-text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.5;margin:0;min-height:100vh}.studio-body *{box-sizing:border-box}.studio-body h1,.studio-body h2,.studio-body h3,.studio-body h4{color:var(--s-text);font-family:inherit;letter-spacing:normal}.studio-body a{color:inherit}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.login-card{width:100%;max-width:340px;background:var(--s-panel);border:1px solid var(--s-border);border-radius:var(--s-radius);padding:2rem;box-shadow:var(--s-shadow)}.login-card h1{font-size:1.05rem;font-weight:600;margin:0 0 .25rem;letter-spacing:.02em}.login-card p{color:var(--s-muted);margin:0 0 1.5rem;font-size:.82rem}.field{margin-bottom:.9rem}.field label{display:block;font-size:.78rem;color:var(--s-muted);margin-bottom:.4rem}.input,.textarea,.select{width:100%;background:var(--s-panel-2);border:1px solid var(--s-border);border-radius:8px;color:var(--s-text);padding:.55rem .7rem;font-size:.85rem;font-family:inherit;transition:border-color .15s ease}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--s-accent)}.textarea{min-height:220px;resize:vertical;line-height:1.6;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.textarea-compact{min-height:130px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid var(--s-border);background:var(--s-panel-2);color:var(--s-text);border-radius:8px;padding:.5rem .9rem;font-size:.82rem;font-family:inherit;cursor:pointer;transition:background .15s ease,border-color .15s ease,opacity .15s ease}.btn:hover{border-color:var(--s-muted)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--s-accent);border-color:var(--s-accent);color:#fff;width:100%}.btn-primary:hover{background:color-mix(in srgb,var(--s-accent) 86%,var(--s-text) 14%);border-color:color-mix(in srgb,var(--s-accent) 86%,var(--s-text) 14%)}.btn-danger{color:var(--s-danger);border-color:transparent;background:transparent}.btn-danger:hover{background:#c0504d1f;border-color:transparent}.btn.active{border-color:var(--s-accent);color:var(--s-accent);background:var(--s-accent-soft)}.error-msg{color:#e88;font-size:.78rem;margin-top:.5rem}.success-msg{color:#7bbf8a;font-size:.78rem}.studio-shell{display:grid;grid-template-columns:200px 1fr;min-height:100vh}.studio-side{background:var(--s-panel);border-right:1px solid var(--s-border);padding:1.25rem 1rem;display:flex;flex-direction:column;gap:.25rem}.studio-brand{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--s-muted);padding:.25rem .5rem 1.25rem}.nav-item{text-align:left;background:none;border:none;color:var(--s-muted);padding:.55rem .6rem;border-radius:8px;font-size:.85rem;cursor:pointer;font-family:inherit;transition:background .12s ease,color .12s ease}.nav-item:hover,.nav-item.active{color:var(--s-text);background:var(--s-panel-2)}.studio-main{padding:1.75rem 2rem 4rem;overflow-y:auto;max-height:100vh}.studio-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.studio-head h2{font-size:1.1rem;font-weight:600;margin:0}.studio-head .sub{color:var(--s-muted);font-size:.8rem;margin-top:.2rem}.toolbar{display:flex;gap:.5rem;align-items:center}.panel{background:var(--s-panel);border:1px solid var(--s-border);border-radius:var(--s-radius);padding:1.25rem;margin-bottom:1.25rem;box-shadow:0 1px color-mix(in srgb,#fff 46%,transparent)}.panel h3{font-size:.9rem;font-weight:600;margin:0 0 1rem}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 0}.row .label{font-size:.82rem;color:var(--s-muted)}.range-val{font-variant-numeric:tabular-nums;color:var(--s-text);min-width:3.5em;text-align:right;font-size:.8rem}input[type=range]{flex:1;accent-color:var(--s-accent)}input[type=color]{width:38px;height:28px;border:1px solid var(--s-border);border-radius:6px;background:none;padding:0;cursor:pointer}.post-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--s-border)}.post-row:last-child{border-bottom:none}.post-row .meta{font-size:.75rem;color:var(--s-muted);margin-top:.15rem}.tag{display:inline-block;font-size:.68rem;padding:.1rem .45rem;border-radius:999px;border:1px solid var(--s-border);color:var(--s-muted);margin-left:.4rem}.block-item{display:flex;align-items:center;gap:.75rem;background:var(--s-panel-2);border:1px solid var(--s-border);border-radius:8px;padding:.7rem .8rem;margin-bottom:.5rem}.block-item .handle{cursor:grab;color:var(--s-muted);font-size:1rem;user-select:none}.block-item .handle:active{cursor:grabbing}.block-item .b-title{font-size:.85rem;flex:1}.block-item .b-type{font-size:.7rem;color:var(--s-muted)}.toggle{width:36px;height:20px;border-radius:999px;background:var(--s-border);border:none;position:relative;cursor:pointer;transition:background .15s ease;flex-shrink:0}.toggle.on{background:var(--s-accent)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s ease}.toggle.on:after{transform:translate(16px)}.banner{border-radius:8px;padding:.7rem .9rem;font-size:.8rem;margin-bottom:1.25rem;border:1px solid}.banner.warn{background:color-mix(in srgb,var(--s-accent-soft) 62%,transparent);border-color:color-mix(in srgb,var(--s-accent) 34%,var(--s-border));color:color-mix(in srgb,var(--s-accent) 72%,var(--s-text))}.banner.ok{background:color-mix(in srgb,#7bbf8a 12%,var(--s-panel));border-color:color-mix(in srgb,#7bbf8a 34%,var(--s-border));color:color-mix(in srgb,#3f7f4d 78%,var(--s-text))}.hint{font-size:.75rem;color:var(--s-muted);margin-top:.35rem}.modal-overlay{position:fixed;inset:0;background:color-mix(in srgb,var(--s-text) 42%,transparent);display:flex;align-items:flex-start;justify-content:center;padding:3rem 1rem;z-index:50;overflow-y:auto}.modal{background:var(--s-panel);border:1px solid var(--s-border);border-radius:var(--s-radius);width:100%;max-width:720px;padding:1.5rem}.modal-wide{max-width:1040px}.modal h3{margin:0 0 1.25rem;font-size:1rem}.modal-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.25rem}.content-workbench{display:grid;grid-template-columns:272px minmax(0,1fr);gap:1.25rem;min-height:calc(100vh - 7rem)}.content-explorer{background:var(--s-panel);border:1px solid var(--s-border);border-radius:18px;padding:.75rem;overflow:auto;position:sticky;top:0;height:calc(100vh - 8rem);scrollbar-width:thin}.explorer-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.4rem .35rem .9rem;border-bottom:1px solid var(--s-border);margin-bottom:.65rem}.eyebrow{color:var(--s-muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.1em}.icon-mini{width:32px;height:32px;border-radius:10px;border:1px solid var(--s-border);background:var(--s-panel-2);color:var(--s-text);cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.icon-mini:hover{background:var(--s-panel-3);border-color:color-mix(in srgb,var(--s-accent) 28%,var(--s-border));transform:translateY(-1px)}.folder-node,.post-node,.file-row{width:100%;display:flex;align-items:center;gap:.45rem;border:0;background:transparent;color:var(--s-muted);text-align:left;border-radius:9px;padding:.38rem .5rem;font:inherit;cursor:pointer;transition:background .14s ease,color .14s ease,transform .14s ease}.folder-node:hover,.post-node:hover,.file-row:hover,.folder-node.active{background:var(--s-panel-2);color:var(--s-text)}.folder-node.active{box-shadow:inset 3px 0 0 var(--s-accent)}.folder-node:hover,.post-node:hover{transform:translate(1px)}.folder-node strong{font-weight:600}.folder-children{margin-left:.85rem;border-left:1px solid var(--s-border);padding-left:.35rem}.post-node{font-size:.78rem;padding-left:1.15rem}.post-node span{color:var(--s-accent)}.editor-canvas{min-width:0}.workbench-topbar{position:sticky;top:0;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:-.25rem 0 1rem;padding:.25rem 0 .75rem;background:linear-gradient(180deg,var(--s-bg) 72%,transparent)}.workbench-topbar .toolbar:first-child .btn-primary,.workbench-topbar .toolbar:first-child .btn:nth-child(2){box-shadow:0 10px 24px color-mix(in srgb,var(--s-text) 10%,transparent)}.editor-layout{min-height:min(760px,calc(100vh - 9rem));display:grid;grid-template-columns:minmax(560px,800px) 320px;justify-content:center;gap:1.35rem;align-items:start;padding:clamp(1.1rem,2vw,1.5rem);border:1px solid var(--s-border);border-radius:var(--s-radius);background:color-mix(in srgb,var(--s-bg) 84%,var(--s-panel-2) 16%);overflow:hidden}.editor-main-card,.glass-card{background:var(--s-panel);border:1px solid var(--s-border);border-radius:var(--s-radius)}.editor-main-card{padding:1rem}.title-grid{display:grid;grid-template-columns:1fr 200px;gap:.65rem;margin-bottom:.7rem}.ghost-input{width:100%;border:1px solid var(--s-border);border-radius:8px;background:var(--s-panel-2);color:var(--s-text);padding:.66rem .82rem;font:inherit;outline:none}.ghost-input::placeholder{color:var(--s-muted)}.title-input{font-size:1rem}.slug-input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.article-textarea{width:100%;min-height:clamp(520px,calc(100vh - 18rem),680px);resize:vertical;border:1px solid var(--s-border);border-radius:8px;background:color-mix(in srgb,var(--s-panel) 58%,var(--s-bg) 42%);color:var(--s-text);padding:1.05rem;font:.95rem/1.75 ui-monospace,SF Mono,Menlo,Consolas,monospace;outline:none}.article-textarea:focus,.ghost-input:focus{border-color:var(--s-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--s-accent) 18%,transparent)}.editor-side-stack{display:grid;gap:1.15rem}.glass-card{padding:1rem;color:var(--s-text)}.glass-card label{display:block;margin-bottom:.65rem;color:var(--s-muted);font-size:.88rem}.cover-drop{width:100%;height:150px;border:1px dashed var(--s-border);border-radius:8px;background:var(--s-panel-2);color:var(--s-muted);display:grid;place-items:center;font-size:2rem;cursor:pointer;overflow:hidden}.cover-drop img{width:100%;height:100%;object-fit:cover}.meta-summary{min-height:62px;resize:vertical;margin-bottom:.55rem}.glass-card .ghost-input{margin-bottom:.5rem}.check-row{display:flex!important;align-items:center;gap:.45rem;margin:.5rem 0 0!important}.selected-path{margin-top:.75rem;font-size:.76rem;color:var(--s-muted);background:var(--s-panel-2);border:1px solid var(--s-border);border-radius:999px;padding:.32rem .55rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-headline,.panel-headline,.image-add{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.link-button{background:transparent;border:0;color:var(--s-muted);cursor:pointer;font-size:.76rem}.image-add .ghost-input{margin:0}.image-add .btn{flex:0 0 auto;border-color:var(--s-border);background:var(--s-panel-2);color:var(--s-text)}.image-tile{width:62px;height:62px;border:1px dashed var(--s-border);border-radius:8px;background:var(--s-panel-2);color:var(--s-muted);font-size:1.4rem;margin-top:.75rem;cursor:pointer}.lb-root{display:grid;grid-template-columns:226px minmax(420px,1fr) 316px;min-height:calc(100vh - 8.4rem);border:1px solid var(--s-border);border-radius:var(--s-radius);overflow:hidden;background:color-mix(in srgb,var(--s-bg) 82%,var(--s-panel-2) 18%)}.lb-sidebar,.lb-prop-panel{background:var(--s-panel);min-width:0}.lb-sidebar{border-right:1px solid var(--s-border);overflow:auto}.lb-sidebar-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--s-border);background:var(--s-panel-2)}.lb-stab{height:50px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--s-muted);font:inherit;font-size:.82rem;cursor:pointer}.lb-stab:hover,.lb-stab.active{color:var(--s-text)}.lb-stab.active{border-bottom-color:var(--s-accent)}.lb-library{padding:.9rem .8rem 1.4rem}.lb-group+.lb-group{margin-top:1.15rem}.lb-group-label{color:var(--s-muted);font-size:.72rem;margin:0 0 .45rem .15rem}.lb-block-btn,.lb-preset-item{width:100%;display:flex;align-items:center;gap:.75rem;border:0;border-radius:8px;background:transparent;color:var(--s-text);padding:.55rem .6rem;text-align:left;font:inherit}.lb-block-btn{cursor:pointer}.lb-block-btn:hover{background:var(--s-panel-2)}.lb-block-icon{width:20px;color:var(--s-muted);text-align:center;flex:0 0 auto}.lb-block-name{font-size:.84rem;font-weight:600}.lb-block-desc{color:var(--s-muted);font-size:.74rem;line-height:1.35}.lb-preset-item{justify-content:space-between;border:1px solid var(--s-border);background:var(--s-panel-2);margin-bottom:.55rem}.lb-canvas-area{min-width:0;display:grid;grid-template-rows:56px minmax(0,1fr);background:color-mix(in srgb,var(--s-bg) 76%,var(--s-panel-2) 24%)}.lb-canvas-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1.25rem;border-bottom:1px solid var(--s-border)}.lb-canvas-hint{color:var(--s-muted);font-size:.8rem}.lb-viewport-toggle{display:inline-flex;gap:.25rem;padding:.25rem;border:1px solid var(--s-border);border-radius:8px;background:var(--s-panel)}.lb-vp-btn{width:32px;height:28px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:var(--s-muted);cursor:pointer}.lb-vp-btn:hover,.lb-vp-btn.active{background:var(--s-panel-2);color:var(--s-text)}.lb-canvas-scroll{min-height:0;overflow:auto;display:flex;justify-content:center;padding:clamp(2rem,5vw,3.8rem) 1.5rem}.lb-canvas-frame{width:min(100%,790px);align-self:start;border:1px solid var(--s-border);border-radius:10px;background:var(--s-panel);box-shadow:var(--s-shadow);overflow:hidden;transition:width .18s ease}.lb-canvas-frame--mobile{width:min(100%,390px)}.lb-frame-chrome{height:44px;display:grid;grid-template-columns:52px 1fr;align-items:center;gap:.5rem;padding:0 .75rem;border-bottom:1px solid var(--s-border);background:var(--s-panel-2)}.lb-frame-dots{display:flex;gap:.38rem}.lb-frame-dots span{width:9px;height:9px;border-radius:50%;background:color-mix(in srgb,var(--s-muted) 36%,var(--s-panel))}.lb-frame-url{height:26px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:color-mix(in srgb,var(--s-bg) 62%,var(--s-panel) 38%);color:var(--s-muted);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-frame-body{min-height:530px;position:relative;padding:0}.canvas-block-wrap{position:relative;border-bottom:1px solid var(--s-border);cursor:pointer}.canvas-block-wrap:hover,.canvas-block-wrap--active{background:color-mix(in srgb,var(--s-panel-2) 42%,transparent)}.canvas-block-wrap--active{box-shadow:inset 2px 0 0 var(--s-accent)}.canvas-block-handle{position:absolute;left:.55rem;top:50%;transform:translateY(-50%);width:18px;height:28px;display:grid;place-items:center;color:color-mix(in srgb,var(--s-muted) 44%,transparent);cursor:grab;z-index:1}.canvas-block-handle:active{cursor:grabbing}.canvas-block-card{min-height:54px;padding-left:2.1rem}.canvas-block-card--hidden{opacity:.45}.canvas-block-label{display:flex;align-items:center;gap:.45rem;min-height:28px;padding:.35rem 1rem 0 .3rem;color:var(--s-muted);font-size:.72rem}.canvas-block-icon{width:14px;text-align:center}.canvas-block-badge{border:1px solid var(--s-border);border-radius:999px;padding:.04rem .35rem;font-size:.66rem}.canvas-block-actions{position:absolute;right:.75rem;top:.5rem;display:flex;gap:.25rem;opacity:0;pointer-events:none;transition:opacity .14s ease}.canvas-block-wrap:hover .canvas-block-actions,.canvas-block-wrap--active .canvas-block-actions{opacity:1;pointer-events:auto}.cba-btn{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--s-border);border-radius:6px;background:var(--s-panel);color:var(--s-muted);cursor:pointer}.cba-btn:hover{color:var(--s-text);border-color:var(--s-muted)}.cba-btn--danger:hover{color:var(--s-danger);border-color:color-mix(in srgb,var(--s-danger) 44%,var(--s-border))}.lb-empty{min-height:360px;display:grid;place-content:center;text-align:center;color:var(--s-muted)}.lb-empty p{margin:.2rem 0}.lb-prop-panel{border-left:1px solid var(--s-border);overflow:hidden}.prop-editor{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr)}.prop-editor-head{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.8rem 1rem;border-bottom:1px solid var(--s-border)}.prop-editor-body{min-height:0;overflow:auto;padding:1rem}.array-item{border:1px solid var(--s-border);border-radius:8px;background:var(--s-panel-2);padding:.65rem;margin-bottom:.6rem}.lb-prop-empty{height:100%;min-height:360px;display:grid;place-content:center;text-align:center;color:var(--s-muted)}.lb-prop-empty p{margin:.2rem 0}.compact-panel{margin-top:1rem}.file-row{border-bottom:1px solid var(--s-border);border-radius:0;padding:.65rem .2rem}.file-row small{margin-left:auto;color:var(--s-muted)}.folder-list{border-top:1px solid var(--s-border);margin-top:1rem;padding-top:.75rem}.folder-row{display:grid;grid-template-columns:1fr .7fr 1.2fr auto;gap:.5rem;margin-bottom:.5rem;align-items:center}.editor-tabs,.editor-tools{display:flex;gap:.45rem;flex-wrap:wrap;margin-bottom:.6rem}.wysiwyg-preview,.wysiwyg-editor{min-height:360px;max-height:60vh;overflow:auto;background:var(--s-panel-2);border:1px solid var(--s-border);border-radius:8px;padding:1.5rem;color:var(--s-text);line-height:1.75}.wysiwyg-editor{outline:none;font-family:Georgia,"Source Serif 4",serif;font-size:1rem}.wysiwyg-editor:focus{border-color:var(--s-accent)}.wysiwyg-preview h1,.wysiwyg-preview h2,.wysiwyg-preview h3{margin:1.2em 0 .5em}.wysiwyg-preview p,.wysiwyg-preview ul,.wysiwyg-preview blockquote{margin:1em 0}.wysiwyg-preview blockquote{border-left:2px solid var(--s-accent);padding-left:1rem;color:var(--s-muted)}.spin{display:inline-block;width:13px;height:13px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:studiospin .7s linear infinite}@keyframes studiospin{to{transform:rotate(360deg)}}@media(max-width:1180px){.content-workbench{grid-template-columns:236px minmax(0,1fr)}.lb-root{grid-template-columns:210px minmax(320px,1fr) 280px}.lb-canvas-scroll{padding:2rem 1rem}.editor-layout{grid-template-columns:1fr}.editor-side-stack{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}}@media(max-width:920px){.content-workbench,.lb-root{grid-template-columns:1fr}.lb-sidebar{border-right:0;border-bottom:1px solid var(--s-border);max-height:280px}.lb-prop-panel{border-left:0;border-top:1px solid var(--s-border)}.lb-canvas-area{min-height:640px}.content-explorer{position:static;height:auto;max-height:320px}.editor-side-stack{grid-template-columns:1fr}}@media(max-width:720px){.studio-shell{grid-template-columns:1fr}.studio-side{flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid var(--s-border)}.grid-2,.folder-row{grid-template-columns:1fr}.workbench-topbar,.editor-layout,.title-grid{grid-template-columns:1fr;flex-direction:column;align-items:stretch}.editor-layout{padding:1rem}.lb-canvas-toolbar{height:auto;flex-wrap:wrap;align-items:center;padding:.8rem}.lb-canvas-area{grid-template-rows:auto minmax(0,1fr)}.lb-canvas-scroll{padding:1rem .75rem}.lb-frame-body{min-height:460px}.article-textarea{min-height:420px}}