.admin-link{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #33575d;border-radius:9px;background:linear-gradient(110deg,#14383d,#1b2441);color:#bdf8ed;font-size:10px;font-weight:800;white-space:nowrap;transition:transform .18s,border-color .18s,box-shadow .18s}.admin-link:hover,.admin-link.active{transform:translateY(-1px);border-color:#65d9c2;box-shadow:0 5px 18px #4de0c21e}.admin-link .icon{width:15px;height:15px;color:#73e1cc}
.builder-view{max-width:1440px;margin:0 auto}.builder-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin:3px 0 18px}.builder-heading-row .breadcrumbs{margin:0 0 10px}.builder-heading-row h1{margin:0;font-size:clamp(24px,3vw,34px);letter-spacing:-1px}.builder-heading-row p{margin:5px 0 0;color:#94a2be;font-size:11px}.preview-badge{display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid #46537a;border-radius:8px;background:#1a2040;color:#c2b4ff;font:8px 'DM Mono',monospace;letter-spacing:.07em;white-space:nowrap}.preview-badge i,.canvas-topline>span i{width:6px;height:6px;border-radius:50%;background:#b89cff;box-shadow:0 0 9px #a78bfa}
.page-settings{display:flex;flex-direction:column;gap:0}.page-settings .inspector-heading{width:100%}.page-settings .inspector-field{width:100%}.page-settings .inspector-field small{color:#8390aa;font-size:8px;font-weight:400}.manual-url-preview{display:grid;gap:7px;margin-top:13px;padding:10px;border:1px solid #2c4651;border-radius:8px;background:#0d1b24}.manual-url-preview small{color:#7f9b9f;font:8px 'DM Mono',monospace;letter-spacing:.08em}.manual-url-preview code{overflow-wrap:anywhere;color:#76dfc6;font:9px/1.6 'DM Mono',monospace}.form-error{margin:9px 0 0;color:#ff9b9b;font-size:9px}.create-manual-button{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:13px;padding:10px;border:1px solid #39977e;border-radius:8px;background:linear-gradient(120deg,#1a604d,#214b5a);color:#d9fff3;font-size:10px;font-weight:800;cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s}.create-manual-button:hover{transform:translateY(-1px);border-color:#72e5c4;box-shadow:0 7px 20px #56ddb82b}.create-manual-button .icon{width:15px;height:15px}.generated-manual-view{max-width:980px;margin:0 auto;animation:pageIn .35s ease both}.generated-hero{position:relative;overflow:hidden;margin-top:26px;padding:clamp(26px,6vw,58px);border:1px solid #2c4853;border-radius:18px;background:radial-gradient(ellipse at 90% 10%,#1b455033,transparent 38%),linear-gradient(145deg,#152731,#111b27 65%,#172129);box-shadow:0 22px 70px #02071355}.generated-icon{width:54px;height:54px;display:grid;place-items:center;margin-bottom:24px;border:1px solid #34765f;border-radius:16px;background:#153a32;color:#7be2bf;box-shadow:0 0 35px #42d5a51b}.generated-icon .icon{width:25px;height:25px}.generated-hero .eyebrow{color:#79d9c1;font:9px 'DM Mono',monospace;letter-spacing:.1em}.generated-hero h1{margin:9px 0;font-size:clamp(30px,5vw,46px);letter-spacing:-1.5px}.generated-hero>p:not(.eyebrow){max-width:560px;color:#a3b5bf;font-size:13px;line-height:1.8}.generated-hero>code{display:inline-block;margin-top:8px;padding:7px 10px;border:1px solid #2d4653;border-radius:7px;background:#0d1720;color:#79dfc4;font:10px 'DM Mono',monospace}.generated-hero .welcome-cta{width:max-content;margin-top:24px}.generated-empty{display:flex;align-items:center;gap:9px;margin-top:13px;padding:13px 15px;border:1px dashed #344b54;border-radius:10px;color:#9baeb5;font-size:10px}.generated-empty .status-light{flex:none}
.builder-toolbar{min-height:55px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px;padding:8px 12px;border:1px solid #283451;border-radius:11px;background:#11182a}.document-ident{display:flex;align-items:center;gap:10px}.document-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#1a3143;color:#70d5e4}.document-ident>div{display:grid;gap:2px}.document-ident small{color:#7f8ba8;font:8px 'DM Mono',monospace;letter-spacing:.07em}.document-ident strong{font-size:11px}.document-ident>.icon{color:#75819b}.toolbar-actions{display:flex;gap:7px}.toolbar-quiet,.toolbar-save{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #34405a;border-radius:8px;background:#171f33;color:#bdc9e1;font-size:9px;font-weight:700}.toolbar-quiet .icon,.toolbar-save .icon{width:14px;height:14px}.toolbar-save{border-color:#364665;background:#263654;color:#8a9dbb}.toolbar-save:disabled{cursor:not-allowed;opacity:.72}
.builder-layout{display:grid;grid-template-columns:minmax(205px,240px) minmax(340px,1fr) minmax(235px,270px);align-items:stretch;gap:11px;min-height:570px}.builder-palette,.builder-inspector{overflow:hidden;border:1px solid #2a3550;border-radius:12px;background:#111829}.builder-palette{padding:13px 10px}.builder-panel-title{display:flex;align-items:center;justify-content:space-between;padding:0 3px}.builder-panel-title>div,.inspector-heading>div{display:grid;gap:4px}.builder-panel-title small,.inspector-heading small{color:#8290ad;font:8px 'DM Mono',monospace;letter-spacing:.08em}.builder-panel-title strong{font-size:13px}.builder-panel-title>span{padding:3px 7px;border-radius:6px;background:#222d45;color:#91a2c2;font:9px 'DM Mono',monospace}.palette-hint{margin:7px 3px 12px;color:#8490aa;font-size:9px;line-height:1.6}.block-palette{display:grid;gap:6px}.palette-block{width:100%;min-height:49px;display:flex;align-items:center;gap:8px;padding:7px;border:1px solid #28334c;border-radius:8px;background:#151d30;color:#e2e9f8;text-align:left;cursor:pointer;transition:transform .16s,border-color .16s,background .16s}.palette-block:hover{transform:translateX(2px);border-color:#527d91;background:#1a2940}.palette-block>span:nth-child(2){display:grid;gap:3px;flex:1}.palette-block b{font-size:9px}.palette-block small{color:#8290aa;font-size:8px}.block-icon{width:28px;height:28px;display:grid;place-items:center;flex:none;border-radius:8px}.block-icon .icon{width:15px;height:15px}.heading-icon{background:#2b2649;color:#b8a4ff}.text-icon{background:#1a3447;color:#79d1ee}.list-icon{background:#173c39;color:#72dfc3}.code-icon{background:#312d22;color:#f0c77b}.alert-icon{background:#3c2936;color:#f09bbc}.image-icon{background:#20324b;color:#8eb9fb}.divider-icon{background:#263149}.divider-icon span{width:14px;height:1px;background:#9ca9c1}.block-plus{width:13px;height:13px;color:#8190aa;opacity:0;transition:opacity .15s}.palette-block:hover .block-plus{opacity:1}.palette-tip{display:flex;gap:8px;margin-top:14px;padding:10px;border:1px solid #31415a;border-radius:9px;background:#162133;color:#929fba;font-size:8px;line-height:1.6}.palette-tip>.icon{width:15px;height:15px;color:#80dfd0}.palette-tip b{color:#d9e4f6}
.builder-canvas-wrap{min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #2a3550;border-radius:12px;background:#0e1525}.canvas-topline{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;border-bottom:1px solid #27324b;background:#131b2e}.canvas-topline>span{display:flex;align-items:center;gap:7px;color:#8c9ab5;font:8px 'DM Mono',monospace;letter-spacing:.07em}.canvas-topline>span i{background:#72e0be;box-shadow:0 0 9px #6fe0be}.device-switch{display:flex;gap:3px;padding:3px;border:1px solid #29354f;border-radius:7px;background:#0e1627}.device-switch button{width:26px;height:23px;border:0;border-radius:5px;background:transparent;color:#8795b2;font-size:12px;cursor:pointer}.device-switch button.selected{background:#263652;color:#9be8dd}.page-canvas{width:min(100%,660px);margin:0 auto;padding:19px 19px 22px;animation:pageIn .3s ease both}.canvas-page-meta{display:flex;gap:7px;margin-bottom:15px;color:#8694b0;font:8px 'DM Mono',monospace;letter-spacing:.09em}.canvas-page-meta span:first-child{color:#72d6c4}.canvas-title-block{position:relative;display:flex;gap:10px;padding:13px 10px;border:1px solid #354b6a;border-radius:10px;background:linear-gradient(110deg,#1b2b45,#171d34);box-shadow:0 0 0 2px #5b94c512}.drag-handle{color:#7585a4;font-size:17px;cursor:grab}.canvas-title-block>div{flex:1}.canvas-title-block small{color:#73d8c4;font:8px 'DM Mono',monospace;letter-spacing:.09em}.canvas-title-block h2{margin:5px 0 4px;font-size:18px;letter-spacing:-.5px}.canvas-title-block p,.canvas-step>p{margin:0;color:#9ca9c2;font-size:9px;line-height:1.7}.more-button{align-self:flex-start;border:0;background:transparent;color:#a0adc8;font-size:18px;line-height:1;cursor:pointer}.canvas-data-card{margin-top:11px;padding:11px;border:1px solid #2f485c;border-radius:9px;background:#121f30}.canvas-data-title{display:flex;align-items:center;gap:8px;color:#e1edf9;font-size:10px}.canvas-data-title>.icon{width:15px;height:15px;color:#78d9d0}.canvas-data-title>span{margin-left:auto;color:#7e8da8;font-size:8px}.canvas-data-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.canvas-data-fields>span{display:grid;gap:4px;color:#9ba9c1;font-size:8px}.canvas-data-fields code{color:#75dbbd;font:8px 'DM Mono',monospace}.canvas-step{position:relative;margin-top:12px;padding:10px;border:1px solid #2b3550;border-radius:9px;background:#131a2b}.canvas-block-tools{display:flex;align-items:center;gap:7px;color:#8190ad;font:8px 'DM Mono',monospace;letter-spacing:.08em}.canvas-block-tools .more-button{margin-left:auto}.canvas-step h3{margin:8px 0 4px;font-size:13px}.canvas-step>p code{padding:2px 4px;border-radius:4px;background:#1b2d40;color:#a2e4dc;font:8px 'DM Mono',monospace}.canvas-code-block{margin-top:10px;overflow:hidden;border:1px solid #2a3c56;border-radius:9px;background:#0a1120}.code-top{height:32px;display:flex;align-items:center;gap:9px;padding:0 10px;border-bottom:1px solid #202e45;background:#131d30}.code-top>span{display:flex;gap:4px}.code-top>span i{width:5px;height:5px;border-radius:50%;background:#f08a9c}.code-top>span i:nth-child(2){background:#ecc56f}.code-top>span i:nth-child(3){background:#6bd6aa}.code-top small{color:#8191ae;font:7px 'DM Mono',monospace;letter-spacing:.05em}.code-top button{margin-left:auto;border:0;background:transparent;color:#9ab0ca}.code-top button .icon{width:13px;height:13px}.canvas-code-block pre{margin:0;padding:12px;color:#cbd8ee;font:9px/1.8 'DM Mono',monospace;white-space:pre-wrap}.canvas-code-block em{color:#7de0c8;font-style:normal}.canvas-add-block{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:10px;padding:9px;border:1px dashed #435272;border-radius:8px;background:#121b2d;color:#8fa1c1;font-size:9px;cursor:pointer;transition:border-color .16s,color .16s}.canvas-add-block .icon{width:13px;height:13px}.canvas-add-block:hover{border-color:#67c9b7;color:#a7f1dc}
.builder-inspector{display:flex;flex-direction:column}.inspector-tabs{height:43px;display:flex;gap:17px;padding:0 13px;border-bottom:1px solid #2a3550}.inspector-tabs button{position:relative;border:0;background:transparent;color:#8290ab;font-size:9px;cursor:pointer}.inspector-tabs button.selected{color:#eaf1ff;font-weight:800}.inspector-tabs button.selected:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;border-radius:2px;background:#75ddc7}.inspector-content{padding:13px}.inspector-heading{display:flex;align-items:center;gap:9px;padding-bottom:13px;border-bottom:1px solid #27324a}.inspector-heading strong{font-size:10px}.inspector-field{display:grid;gap:6px;margin-top:12px;color:#9ca9c1;font-size:8px;font-weight:700}.inspector-field input,.inspector-field textarea,.inspector-field select{width:100%;padding:8px;border:1px solid #2e3b57;border-radius:7px;outline:none;background:#0d1424;color:#dce5f8;font-size:9px}.inspector-field textarea{height:52px;resize:none}.inspector-field select:disabled{opacity:1}.inspector-divider{height:1px;margin:15px 0 2px;background:#27324a}.inspector-option{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:10px 0;border-bottom:1px solid #222d44}.inspector-option>span{display:grid;gap:3px}.inspector-option b{color:#d7e0f2;font-size:8px}.inspector-option small{color:#8290a9;font-size:7px}.toggle-on{position:relative;width:26px;height:15px;flex:none;border-radius:10px;background:#267f76}.toggle-on:after{content:"";position:absolute;top:2px;right:2px;width:11px;height:11px;border-radius:50%;background:#bcfff0}.inspector-footnote{display:flex;gap:7px;margin-top:14px;padding:9px;border:1px solid #343458;border-radius:8px;background:#1a1b37;color:#969bc5;font-size:8px;line-height:1.6}.inspector-footnote .icon{width:13px;height:13px;color:#b7a0ff}.builder-disclaimer{display:flex;align-items:center;gap:8px;margin-top:11px;padding:10px 12px;border:1px solid #2b3650;border-radius:9px;background:#12192a;color:#98a6bf;font-size:9px}.builder-disclaimer .status-light{flex:none;width:6px;height:6px}
@media(max-width:1150px){.builder-layout{grid-template-columns:minmax(190px,220px) minmax(300px,1fr)}.builder-inspector{grid-column:1/-1;min-height:0}.inspector-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 15px}.inspector-heading,.inspector-divider,.inspector-footnote{grid-column:1/-1}.inspector-option{align-self:center}.inspector-field{margin-top:10px}}
@media(max-width:780px){.admin-link{padding:7px}.admin-link span{display:none}.builder-layout{grid-template-columns:1fr}.builder-palette{order:2}.builder-canvas-wrap{order:1}.builder-inspector{order:3;grid-column:auto}.block-palette{grid-template-columns:repeat(2,minmax(0,1fr))}.palette-tip{display:none}.builder-heading-row{align-items:flex-start}.preview-badge{margin-top:26px;font-size:7px}.builder-inspector .inspector-content{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.builder-heading-row{display:block}.preview-badge{display:inline-flex;margin-top:11px}.builder-toolbar{align-items:flex-start}.toolbar-quiet{font-size:0}.toolbar-quiet .icon{width:15px;height:15px}.toolbar-save{font-size:8px;padding:8px}.canvas-data-fields{grid-template-columns:1fr}.canvas-data-fields>span{grid-template-columns:1fr auto;align-items:center}.page-canvas{padding:14px 10px 16px}.block-palette{grid-template-columns:1fr 1fr}.palette-block{gap:6px;padding:6px}.palette-block small{font-size:7px}.builder-inspector .inspector-content{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.builder-view *{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.functional-builder{grid-template-columns:minmax(195px,225px) minmax(330px,1fr) minmax(245px,285px);min-height:680px}.manual-picker{display:flex;align-items:center;gap:8px;color:#94a2be;font-size:9px}.manual-picker select{min-width:155px;padding:8px;border:1px solid #34405a;border-radius:8px;background:#0d1424;color:#e6eefb;font-size:10px}.toolbar-url{min-width:0;flex:1;overflow:hidden;color:#78d9c2;font:9px 'DM Mono',monospace;text-overflow:ellipsis;white-space:nowrap}.toolbar-save{cursor:pointer;border-color:#3c8b77;background:linear-gradient(110deg,#185341,#1b4850);color:#caffef}.toolbar-save:hover{filter:brightness(1.15)}.publish-button{border-color:#5a68a1;background:linear-gradient(110deg,#36477b,#44366e);color:#eee5ff}.danger-button{border-color:#70404c;background:#351f2b;color:#ffb5b6}.functional-builder .builder-inspector .inspector-content{display:block}.functional-builder .inspector-content form[hidden],.functional-builder #block-properties[hidden]{display:none}.functional-builder .inspector-field textarea{min-height:94px;resize:vertical}.editor-empty{min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#9aa8c2}.editor-empty h2{color:#e7eefb}.editor-empty p{max-width:330px;font-size:10px;line-height:1.8}.editor-empty .generated-icon{margin-bottom:8px}.editor-no-blocks{padding:16px;border:1px dashed #34405a;border-radius:10px;color:#8695af;font-size:10px;line-height:1.8;text-align:center}.editor-block{margin-top:11px;padding:12px;border:1px solid #2d3a54;border-radius:10px;background:#121a2a;color:#e0e8f7;cursor:pointer;transition:border-color .16s,background .16s,transform .16s}.editor-block:hover{border-color:#526b84;transform:translateY(-1px)}.editor-block.selected{border-color:#5aa995;box-shadow:0 0 0 2px #53d7b41a}.editor-block h2{font-size:17px}.editor-block h3{font-size:13px}.editor-block p{color:#a6b2c8;font-size:10px;line-height:1.7;white-space:pre-wrap}.editor-block-tools{display:flex;align-items:center;gap:5px;margin-bottom:7px}.editor-block-label{flex:1;color:#7e91ad;font:8px 'DM Mono',monospace;letter-spacing:.07em}.block-action{width:24px;height:23px;border:1px solid #34415c;border-radius:6px;background:#1b263b;color:#bdcbe2;font-size:11px;cursor:pointer}.block-action:hover{border-color:#6dcbb5;color:#89f1d2}.code-language{color:#80dcc7;font:8px 'DM Mono',monospace}.editor-block pre{overflow:auto;padding:10px;border-radius:7px;background:#09101c;color:#d8e4f5;font:9px/1.6 'DM Mono',monospace;white-space:pre-wrap}.editor-image-preview{display:block;max-width:100%;max-height:240px;margin:8px auto;border-radius:8px}.editor-message{min-height:22px;margin:10px 0;color:#76ddb7;font-size:9px;line-height:1.6}.editor-message[data-kind="error"]{color:#ff9b9b}.admin-login-overlay[hidden]{display:none}.admin-login-overlay{position:fixed;z-index:50;inset:var(--topbar-h) 0 0 var(--sidebar-w);display:grid;place-items:center;padding:20px;background:#080d19d9;backdrop-filter:blur(10px)}.login-card{width:min(100%,390px);padding:27px;border:1px solid #34505e;border-radius:16px;background:linear-gradient(145deg,#152633,#111827);box-shadow:0 20px 80px #0008}.login-card h1{margin:7px 0;font-size:24px}.login-card>p:not(.eyebrow){color:#9caec1;font-size:11px;line-height:1.7}.login-card .generated-icon{margin:0 0 15px}.login-card .create-manual-button{width:100%}.published-manual-header{margin:5px 0 24px;padding:clamp(22px,4vw,40px);border:1px solid #2b4653;border-radius:16px;background:radial-gradient(ellipse at 95% 0%,#1b45502c,transparent 42%),linear-gradient(140deg,#152530,#121b27)}.published-manual-header h1{margin:8px 0;font-size:clamp(28px,4vw,42px);letter-spacing:-1px}.published-description{max-width:760px;color:#a9bac4;font-size:12px;line-height:1.8}.published-blocks{display:grid;gap:14px;max-width:950px;margin:0 auto}.published-heading{margin:20px 0 0;padding-bottom:9px;border-bottom:1px solid #293a4d}.published-text{color:#c2cddd;font-size:12px;line-height:1.95;white-space:pre-wrap}.published-step{display:flex;gap:12px;padding:16px;border:1px solid #2c3b52;border-radius:12px;background:#121a28}.published-step h2{margin:1px 0 6px;font-size:15px}.published-step p,.published-note p{margin:0;color:#afbdd0;font-size:11px;line-height:1.8;white-space:pre-wrap}.published-code{overflow:hidden;border:1px solid #2d4054;border-radius:11px;background:#0a111c}.published-code-top{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-bottom:1px solid #26354a;color:#82d9c2;font:9px 'DM Mono',monospace}.copy-code{padding:5px 8px;border:1px solid #35435a;border-radius:6px;background:#172235;color:#d0dceb;font-size:9px;cursor:pointer}.published-code pre{overflow:auto;margin:0;padding:15px;color:#d5e1ef;font:11px/1.8 'DM Mono',monospace;white-space:pre-wrap}.published-note{padding:13px 15px;border-left:3px solid #edbd6d;border-radius:5px;background:#3a3022;color:#f1d18f}.published-note p{margin-top:5px;color:#decda8}.published-image{margin:8px 0}.published-image img{max-width:100%;border:1px solid #2b3e4c;border-radius:12px}.published-image figcaption{margin-top:6px;color:#94a4b8;font-size:10px}.published-divider{width:100%;border:0;border-top:1px solid #334056}.inspector-footnote{line-height:1.7}
@media(max-width:1150px){.functional-builder{grid-template-columns:minmax(190px,220px) minmax(300px,1fr)}.functional-builder .builder-inspector{grid-column:1/-1}.toolbar-url{display:none}}
@media(max-width:780px){.functional-builder{grid-template-columns:1fr}.functional-builder .builder-inspector{grid-column:auto}.builder-toolbar{flex-wrap:wrap}.manual-picker{flex:1}.toolbar-actions{width:100%;justify-content:flex-end}.admin-login-overlay{left:0;padding-top:32px}}
@media(max-width:520px){.manual-picker select{min-width:0;max-width:65vw}.toolbar-actions button{font-size:8px;padding:7px}.published-step{padding:12px}.published-code pre{font-size:9px}}

/* wiki86 article/editor polish */
.editor-block{position:relative;animation:blockEnter .32s cubic-bezier(.2,.8,.2,1) both}.editor-block:nth-of-type(2){animation-delay:.025s}.editor-block:nth-of-type(3){animation-delay:.05s}.editor-block:nth-of-type(4){animation-delay:.075s}.editor-block:focus-within{outline:2px solid #65ddc544;outline-offset:1px}.block-action:disabled{opacity:.28;cursor:not-allowed;filter:saturate(.3)}
.editor-block-step,.published-step{position:relative;overflow:hidden;border-color:#285b62;background:linear-gradient(120deg,#142834,#121d2d 70%);box-shadow:inset 3px 0 #57d9bd}.editor-block-step{padding:14px 14px 14px 16px}.published-step{align-items:flex-start;padding:20px 22px;border-radius:14px}.step-number{width:38px;height:38px;display:grid;place-items:center;flex:none;border:1px solid #4abda27a;border-radius:12px;background:#183e43;color:#82ead0;font:700 11px 'DM Mono',monospace;box-shadow:0 5px 18px #39c8a41a}.published-step h2{margin:3px 0 7px;font-size:clamp(16px,2vw,20px);letter-spacing:-.35px}.published-step p{font-size:13px;line-height:1.9}.editor-block-heading{border:0;border-bottom:1px solid #344563;border-radius:0;background:transparent;box-shadow:none}.published-heading{margin:18px 0 0;padding:0 0 11px;border:0;font-size:clamp(20px,2.5vw,26px);letter-spacing:-.55px}.published-heading:before{content:"";display:block;width:34px;height:3px;margin-bottom:10px;border-radius:4px;background:linear-gradient(90deg,#63e0c0,#738dff)}.published-text{font-size:14px;line-height:2}.editor-block-text{border-style:dashed;background:#111a2b}.editor-block-note{border-left:3px solid #f0b75b;background:#27271f}.published-note{display:flex;gap:13px;padding:17px;border:1px solid #564527;border-left:3px solid #f2b857;border-radius:12px;background:linear-gradient(110deg,#312b20,#201f20);color:#ffd486}.note-mark{width:26px;height:26px;display:grid;place-items:center;flex:none;border-radius:8px;background:#664d25;color:#ffe0a0;font-weight:800}.note-content strong{font-size:14px}.published-note p{margin-top:5px;color:#dacbaa;font-size:12px}.note-info{border-color:#234c67;border-left-color:#5bbdf2;background:linear-gradient(110deg,#162d3d,#171f2c);color:#91d9ff}.note-info .note-mark{background:#1c4056;color:#8ee1ff}.note-success{border-color:#235747;border-left-color:#64e2a5;background:linear-gradient(110deg,#16342f,#172329);color:#92f0c0}.note-success .note-mark{background:#1c503e;color:#a4f7c7}.published-code{border-color:#273d54;border-radius:13px;box-shadow:0 12px 36px #03081640;transition:border-color .2s,transform .2s}.published-code:hover{border-color:#47718a;transform:translateY(-1px)}.published-code-top{min-height:43px;padding:8px 11px 8px 15px;background:#111b2c}.copy-code{position:relative;width:33px;height:30px;display:grid;place-items:center;padding:0;border:1px solid #344760;border-radius:8px;background:#18263a;color:#a8c2dc;cursor:pointer;transition:background .18s,color .18s,border-color .18s}.copy-code .icon{width:15px;height:15px}.copy-code:hover{border-color:#59b7a3;background:#1d3b43;color:#a4f4dc}.copy-feedback{position:absolute;right:38px;top:4px;padding:5px 8px;border-radius:6px;background:#173c36;color:#9af0d3;font:10px Manrope,sans-serif;opacity:0;pointer-events:none;transform:translateX(4px);transition:opacity .18s,transform .18s;white-space:nowrap}.copy-code.copied .copy-feedback{opacity:1;transform:translateX(0)}.published-code pre{padding:17px;font-size:12px;line-height:1.85}.published-image img{display:block;width:auto;max-height:720px;object-fit:contain;box-shadow:0 12px 32px #03081655}.image-placeholder{min-height:110px;display:grid;place-items:center;padding:20px;border:1px dashed #40536a;border-radius:12px;background:linear-gradient(130deg,#141f30,#101726);color:#8294b0;font-size:11px;text-align:center}.published-image .image-placeholder{min-height:190px}.published-image figcaption{font-size:11px}.published-blocks>*{animation:blockEnter .38s cubic-bezier(.2,.8,.2,1) both}.published-blocks>*:nth-child(2){animation-delay:.04s}.published-blocks>*:nth-child(3){animation-delay:.08s}.published-blocks>*:nth-child(4){animation-delay:.12s}
@keyframes blockEnter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.editor-block,.published-blocks>*{animation:none!important}.published-code,.copy-code,.copy-feedback{transition:none!important}}
.block-action{display:grid;place-items:center}.block-action .icon{width:13px;height:13px}.block-action:not(:disabled):active{transform:scale(.92)}.manual-picker{font-weight:700}.manual-picker select{cursor:pointer}.editor-block-note.note-info{border-left:3px solid #5bbdf2;background:#172638}.editor-block-note.note-success{border-left:3px solid #64e2a5;background:#172b29}

/* Sidebar management in the admin builder */
.sidebar-manager{margin:12px 0;padding:0 14px;border:1px solid #2a3550;border-radius:12px;background:linear-gradient(120deg,#131d30,#111829);overflow:hidden}.sidebar-manager>summary{min-height:50px;display:flex;align-items:center;gap:10px;list-style:none;color:#e9f0ff;font-size:11px;font-weight:800;cursor:pointer}.sidebar-manager>summary::-webkit-details-marker{display:none}.sidebar-manager>summary .icon{width:15px;height:15px;margin-left:auto;color:#7fe2cc;transition:transform .2s}.sidebar-manager[open]>summary .icon{transform:rotate(180deg)}.manager-summary-hint{margin-left:auto;color:#8492ad;font-size:9px;font-weight:500}.sidebar-manager[open] .manager-summary-hint{margin-left:0}.sidebar-manager-content{padding:0 0 14px;animation:reveal .22s ease both}.sidebar-manager-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.manager-section{min-width:0;padding:10px;border:1px solid #2d3a55;border-radius:10px;background:#0e1627}.manager-section-heading{display:flex;align-items:center;gap:7px}.manager-order{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#183a40;color:#86e9d1;font:9px 'DM Mono',monospace}.manager-section-heading strong{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.manager-move,.manager-remove{min-width:25px;height:24px;padding:0 5px;border:1px solid #33425c;border-radius:6px;background:#19243a;color:#c4d1e7;cursor:pointer;transition:all .18s}.manager-move:hover,.manager-remove:not(:disabled):hover{border-color:#68cdb7;color:#a6f6df;transform:translateY(-1px)}.manager-move:disabled,.manager-remove:disabled{opacity:.32;cursor:not-allowed}.manager-remove{padding:0 7px;border-color:#65414d;background:#2b1e2a;color:#f5afb8;font-size:8px}.manager-section-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 34px;align-items:end;gap:8px;margin-top:7px}.manager-section-fields .inspector-field{min-width:0;margin-top:4px}.manager-section-fields input,.manager-section-fields select,.new-section-form input,.new-section-form select{min-width:0;width:100%;padding:7px;border:1px solid #2e3b57;border-radius:7px;background:#0a1221;color:#dce5f8;font-size:9px}.manager-section-fields .inspector-field{font-size:8px}.manager-icon-preview{width:32px;height:32px;display:grid;place-items:center;border:1px solid #33415c;border-radius:8px;background:#18263a;color:#7ce4cb}.manager-icon-preview .icon{width:17px;height:17px}.manager-manuals{display:grid;gap:5px;margin-top:9px;padding-top:8px;border-top:1px solid #27334b}.manager-list-title{color:#8190ac;font:8px 'DM Mono',monospace;letter-spacing:.06em}.manager-manual-row{min-width:0;display:flex;align-items:center;gap:5px;padding:5px 6px;border:1px solid #27334c;border-radius:7px;background:#131d30}.manager-manual-row>span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dbe5f6;font-size:9px;font-weight:700}.manager-manual-row>small{color:#8090aa;font-size:7px}.manager-empty{margin:0;color:#7d8aa4;font-size:8px}.new-section-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,.5fr) auto;align-items:end;gap:9px;margin-top:11px;padding:10px;border:1px dashed #3b4a66;border-radius:9px;background:#111a2b}.new-section-form .inspector-field{margin-top:0}.new-section-form .toolbar-save{min-height:31px;padding:7px 10px;font-size:9px;white-space:nowrap}.sidebar-manager .editor-message{margin:4px 0 0}.sidebar-manager .editor-message[data-kind="error"]{color:#ff9b9b}
@media(max-width:780px){.sidebar-manager-sections{grid-template-columns:1fr}.new-section-form{grid-template-columns:1fr 1fr}.new-section-form .toolbar-save{grid-column:1/-1}}
@media(max-width:520px){.sidebar-manager{padding:0 10px}.manager-summary-hint{display:none}.manager-section-fields{grid-template-columns:1fr 1fr 32px}.manager-section-heading{gap:4px}.new-section-form{grid-template-columns:1fr}}