:root{--bg:#ece1d0;--surface:#fff9f1eb;--surface-strong:#fffdf8;--line:#533a241f;--line-strong:#533a2433;--text:#534131;--heading:#291f17;--muted:#8f7a64;--accent:#315c4c;--accent-soft:#d0a364;--danger:#9d4838;--font-body:"Noto Sans SC", "PingFang SC", sans-serif;--font-display:"Iowan Old Style", "Palatino Linotype", serif;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#app{height:100%}body{font-family:var(--font-body);color:var(--text);background:radial-gradient(circle at 0 0,#ffefcddb,#0000 30%),radial-gradient(circle at 100%,#759a852e,#0000 26%),linear-gradient(#f4ebdd 0%,#e8d8c1 100%);margin:0;overflow:hidden}body:before{content:"";pointer-events:none;opacity:.25;background-image:linear-gradient(#5f47310d 1px,#0000 1px),linear-gradient(90deg,#5f47310d 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 84%);mask-image:radial-gradient(circle,#000,#0000 84%)}button,input,textarea,select{font:inherit}button{border:0}.hidden-input{display:none}#app{height:100vh;overflow:hidden}h1,h2,h3{color:var(--heading);font-family:var(--font-display);margin:0}h1{font-size:22px}.eyebrow,.toolbar-label,.group-title{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:11px}.editor-shell{border:1px solid var(--line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffbf5b3;border-radius:18px;flex-direction:column;width:calc(100vw - 28px);height:calc(100vh - 56px);margin:28px auto;padding:8px;display:flex;overflow:hidden;box-shadow:0 16px 40px #543a231f}.topbar,.workspace{gap:8px;display:grid}.topbar{grid-template-columns:1fr;align-items:center;padding:2px 2px 6px}.topbar-title{flex-wrap:wrap;align-items:center;gap:12px;min-width:0;display:flex}.topbar-actions,.stage-badges,.editor-block-actions,.list-card-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.badge{color:var(--accent);background:#315c4c14;border-radius:999px;align-items:center;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-muted{color:var(--muted);background:#533a2414}.badge-warn{color:#8a6638;background:#d0a3642e}.badge-pass{color:var(--accent);background:#315c4c1f}.ghost-button,.primary-button,.material-card,.mini-button,.editor-block-actions button,.list-card-actions button,.drag-handle,.preview-close{border:1px solid var(--line);color:var(--text);background:#fffdf9e6;border-radius:12px}.ghost-button,.primary-button,.mini-button,.editor-block-actions button,.list-card-actions button,.drag-handle,.preview-close{cursor:pointer;padding:7px 10px;font-size:12px;line-height:1.2;transition:transform .2s,border-color .2s,background-color .2s,box-shadow .2s}.ghost-button:hover,.primary-button:hover,.mini-button:hover,.editor-block-actions button:hover,.list-card-actions button:hover,.drag-handle:hover,.preview-close:hover{transform:translateY(-1px)}.primary-button{background:linear-gradient(135deg, var(--accent), var(--accent-soft));color:#fffaf3;border:none;box-shadow:0 8px 18px #4968512e}.save-state{color:var(--accent);background:#315c4c14;border-radius:999px;align-items:center;padding:7px 10px;font-size:12px;font-weight:600;display:inline-flex}.topbar-actions{justify-content:flex-end;width:100%}.workspace{flex:1;grid-template-columns:260px minmax(0,1fr) 280px;min-height:0;overflow:hidden}.sidebar,.canvas-panel,.inspector{min-width:0;min-height:0}.sidebar,.inspector{overflow:hidden}.panel-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;height:100%;padding:10px;box-shadow:0 8px 18px #4f38230f}.panel-card-column{flex-direction:column;min-height:0;display:flex;overflow:hidden}.panel-card.compact{padding:8px}.panel-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.panel-head h3{margin-top:4px;font-size:18px}.template-list-head,.group-section-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.sidebar-tools{flex-shrink:0;gap:6px;margin-top:8px;display:grid}.flow-strip{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.flow-step{min-height:28px;color:var(--muted);background:#fffcf7cc;border:1px solid #533a241a;border-radius:999px;align-items:center;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex}.search-input,.title-input,.field-item input,.field-item textarea,.field-item select,.image-field input{border:1px solid var(--line);width:100%;color:var(--text);background:#fffdf9f2;border-radius:10px;outline:none;padding:8px 10px;font-size:13px}.search-input:focus,.title-input:focus,.field-item input:focus,.field-item textarea:focus,.field-item select:focus,.image-field input:focus{border-color:#315c4c5c;box-shadow:0 0 0 3px #315c4c14}.content-textarea{resize:vertical;min-height:84px}.template-item{background:#fffcf8cc;border:1px solid #533a2414;border-radius:12px;gap:8px;padding:12px;display:grid}.template-item.preset-item{text-align:left;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}.template-item.preset-item:hover{border-color:#315c4c33;transform:translateY(-1px);box-shadow:0 8px 16px #4c372214}.template-title,.template-head strong,.material-card strong,.editor-block-meta strong,.list-card-head strong{color:var(--heading);display:block}.template-desc,.template-head span,.material-card span,.editor-block-meta span{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.5;display:block}.material-groups{flex:1;gap:12px;min-height:0;margin-top:10px;padding-right:4px;display:grid;overflow:auto}.group-section,.group-grid{gap:6px;display:grid}.material-card{text-align:left;cursor:grab;border-radius:10px;width:100%;padding:10px;transition:transform .22s,box-shadow .22s,border-color .22s}.material-card:hover{border-color:#315c4c42;transform:translateY(-1px);box-shadow:0 8px 16px #4c372214}.material-card-preview{align-content:start;gap:8px}.material-card-meta{gap:2px;display:grid}.material-card-meta strong{font-size:13px}.material-card-meta span{margin-top:0;font-size:11px}.material-preview-shell{background:#fffcf7eb;border:1px solid #533a2414;border-radius:10px;width:100%;display:block;overflow:hidden}.material-preview-canvas{transform-origin:0 0;pointer-events:none;-webkit-user-select:none;user-select:none;width:238%;transform:scale(.42)}.canvas-panel{flex-direction:column;gap:8px;min-height:0;display:flex}.danger-button,.danger-text,.mini-button.danger{color:var(--danger)}.danger-text:disabled{opacity:.45;cursor:not-allowed}.canvas-stage{flex-direction:column;gap:10px;min-height:0;display:flex;overflow:hidden}.stage-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.title-field{flex:1;gap:6px;min-width:min(420px,100%);display:grid}.article-stage{background:radial-gradient(circle at top,#ffeec673,#0000 24%),linear-gradient(#f7efe3 0%,#ecdfcb 100%);border-radius:14px;flex:1;justify-content:center;min-height:0;padding:10px;display:flex;overflow:auto}.article-shell{align-content:start;gap:8px;width:min(100%,460px);min-height:100%;display:grid}.drop-slot{min-height:30px;color:var(--muted);background:#fffbf4a8;border:1px dashed #533a2424;border-radius:12px;justify-content:center;align-items:center;font-size:12px;transition:border-color .2s,background-color .2s,color .2s;display:flex}.drop-slot.active{color:var(--accent);background:#315c4c14;border-color:#315c4c5c}.editor-block{background:#fffdf9eb;border:1px solid #533a241f;border-radius:16px;padding:8px;transition:border-color .2s,box-shadow .2s,transform .2s}.editor-block:hover{border-color:#315c4c2e;transform:translateY(-1px)}.editor-block.selected{border-color:#315c4c52;box-shadow:0 12px 20px #315c4c1a}.inline-editor{background:#f8fcf9eb;border:1px solid #315c4c24;border-radius:12px;margin-top:8px;padding:10px}.inline-editor-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.inline-editor-head strong{color:var(--heading);font-size:14px}.inline-editor-tip{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.6}.editor-block-head{justify-content:space-between;align-items:flex-start;gap:10px;padding-bottom:8px;display:flex}.editor-block-meta{align-items:flex-start;gap:8px;min-width:0;display:flex}.drag-handle{cursor:grab;white-space:nowrap}.article-block-render{pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:12px;overflow:hidden}.empty-canvas{padding:12px 0}.empty-canvas-card{text-align:center;background:#fffcf7e6;border:1px dashed #533a2429;border-radius:18px;padding:22px 18px}.empty-canvas-card h3{margin-top:8px;font-size:20px}.empty-canvas-card p:last-child{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.7}.inspector{align-self:start;min-height:0;max-height:100%;display:flex;overflow:auto}.field-grid{gap:8px;margin-top:8px;display:grid}.field-grid-compact{gap:6px;margin-top:10px}.field-item,.field-list{gap:6px;display:grid}.field-item span,.field-list-head span{color:var(--muted);font-size:12px}.field-list{background:#fffcf89e;border:1px solid #533a2414;border-radius:12px;padding:8px}.field-list-head,.list-card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.list-card{background:#ffffffb8;border:1px solid #533a2414;border-radius:12px;gap:8px;padding:9px;display:grid}.field-list .list-card+.list-card{margin-top:8px}.image-field{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.template-empty{color:var(--muted);background:#fffcf8c2;border-radius:10px;padding:10px;font-size:12px;line-height:1.6}.inspector-card,.inspector-editor-card{flex-direction:column;flex:none;width:100%;height:auto;min-height:0;display:flex;overflow:hidden}.inspector-editor-card{border-radius:12px;padding:6px}.inspector-editor-card .panel-head{border-bottom:1px solid #533a2414;margin-bottom:8px;padding:2px 2px 8px}.inspector-editor-card .panel-head h3{margin-top:2px;font-size:16px;line-height:1.35}.inspector-editor-card .field-grid{flex:none;gap:6px;margin-top:0;padding-right:2px;overflow:visible}.inspector-editor-card .field-item,.inspector-editor-card .field-list{gap:4px}.inspector-editor-card .field-item span,.inspector-editor-card .field-list-head span{font-size:11px}.inspector-editor-card .field-item input,.inspector-editor-card .field-item textarea,.inspector-editor-card .field-item select,.inspector-editor-card .image-field input{border-radius:9px;padding:7px 9px;font-size:12px}.inspector-editor-card .content-textarea{min-height:68px}.inspector-editor-card .field-list{background:#ffffff94;border-radius:10px;gap:6px;padding:6px}.inspector-editor-card .field-list-head,.inspector-editor-card .list-card-head{gap:6px}.inspector-editor-card .list-card{border-radius:10px;gap:6px;padding:7px}.inspector-editor-card .list-card-actions{gap:6px}.inspector-editor-card .mini-button,.inspector-editor-card .list-card-actions button{border-radius:8px;padding:5px 8px;font-size:11px}.inspector-editor-card .image-field{gap:6px}.inspector-editor-card .template-empty{padding:8px;font-size:11px}.template-picker-backdrop{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#291f1742;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.template-picker-card{background:#fffbf5fa;border:1px solid #533a241f;border-radius:18px;flex-direction:column;gap:12px;width:min(760px,100vw - 32px);max-height:min(76vh,720px);padding:14px;display:flex;box-shadow:0 22px 56px #3c29182e}.template-picker-list{gap:10px;min-height:0;padding-right:4px;display:grid;overflow:auto}.preview-modal{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#291f1747;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.preview-modal-card{background:#fffbf5f5;border:1px solid #533a241f;border-radius:18px;gap:12px;width:min(960px,100%);max-height:min(88vh,900px);padding:14px;display:grid;box-shadow:0 22px 56px #3c29182e}.preview-modal-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.preview-modal-body{justify-content:center;min-height:0;display:flex;overflow:auto}.preview-phone-frame{background:#f5efe5;border:1px solid #533a241f;border-radius:28px;width:min(100%,430px);overflow:hidden;box-shadow:0 20px 36px #412d1b29}.preview-phone-top{background:#f0e7da;justify-content:center;padding:12px 0;display:flex}.preview-phone-top span{background:#291f1724;border-radius:999px;width:76px;height:6px;display:block}.preview-article{background:#fff;max-height:min(72vh,760px);padding:10px;overflow:auto}@media (width<=1320px){.workspace{grid-template-columns:240px minmax(0,1fr) 260px}}@media (width<=1180px){body,#app{overflow:auto}.editor-shell{height:auto;min-height:calc(100vh - 32px)}.workspace{grid-template-columns:1fr;overflow:visible}.sidebar,.canvas-panel,.inspector{overflow:visible}.panel-card,.canvas-stage{height:auto}.article-stage{min-height:520px}}@media (width<=768px){.editor-shell{border-radius:20px;width:calc(100vw - 16px);margin:8px auto;padding:10px}.topbar,.editor-block-head,.field-list-head,.list-card-head,.preview-modal-head{flex-direction:column;align-items:flex-start;display:flex}.topbar-actions,.editor-block-actions,.list-card-actions,.stage-badges{width:100%}.image-field{grid-template-columns:1fr}.preview-modal{padding:10px}.preview-modal-card{max-height:92vh;padding:12px}}