.article .container,.faq-section .container,.site-footer .container,.site-header .container{max-width:none}.ws-strip{background:var(--bg-hero);padding:20px 0 24px}.ws-strip .calc-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:.84rem;color:var(--muted);margin-bottom:14px}.ws-strip .calc-breadcrumb a{color:var(--muted);font-weight:500}.ws-strip .calc-breadcrumb a:hover{color:var(--primary)}.ws-strip .calc-breadcrumb .sep{width:14px;height:14px;opacity:.55}.ws-strip .calc-breadcrumb .current{color:var(--primary);font-weight:600}[data-theme=dark] .ws-strip .calc-breadcrumb .current{color:var(--primary-light)}.ws-title{display:flex;align-items:center;gap:14px}.ws-title .icon-chip{width:50px;height:50px;border-radius:14px}.ws-title .icon-chip img{width:26px;height:26px}.ws-title h1{font-size:clamp(1.2rem, 2.4vw, 1.55rem)}.ws-title p{font-size:.86rem;color:var(--muted);margin-top:2px}.ws-section{padding:22px 0 40px;background:var(--section-bg)}.ws{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);overflow:hidden}.ws-bar{display:flex;align-items:center;justify-content:space-between;gap:10px 14px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg-soft)}.ws-bar-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ws-bar-title{font-size:.86rem;font-weight:700;color:var(--heading)}.ws-badge{font-size:.72rem;font-weight:600;padding:3px 10px;border-radius:var(--r-pill);background:var(--tint-green);color:var(--green-dark)}.ws-badge.saving{background:var(--tint-amber);color:#b45309}.ws-bar-actions{display:flex;gap:8px;flex-wrap:wrap}.ws-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 15px;border-radius:var(--r-pill);font-size:.82rem;font-weight:600;background:var(--card);color:var(--heading);border:1.5px solid var(--border-strong);transition:border-color var(--transition),color var(--transition),background var(--transition),transform var(--transition)}.ws-btn:hover{border-color:var(--primary);color:var(--primary)}.ws-btn.primary{background:var(--primary-grad);color:#fff;border-color:transparent;box-shadow:var(--shadow-primary)}.ws-btn.primary:hover{transform:translateY(-1px);color:#fff}.ws-btn.danger:hover{border-color:#e0415b;color:#e0415b}.ws-btn .micon{width:15px;height:15px}.ws-status{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:10px 16px;border-top:1px solid var(--border);background:var(--bg-soft);font-size:.8rem;color:var(--muted);font-weight:500}.ws-status b{color:var(--heading);font-weight:700}.rt-bar{display:flex;flex-wrap:wrap;align-items:center;gap:3px;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--card)}.rt-btn{min-width:34px;height:34px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;gap:4px;border-radius:8px;font-size:.92rem;font-weight:600;color:var(--text);white-space:nowrap;transition:background var(--transition),color var(--transition)}.rt-btn:hover{background:var(--bg-soft);color:var(--primary)}.rt-btn.active{background:var(--tint-purple);color:var(--primary-dark)}[data-theme=dark] .rt-btn.active{color:var(--primary-light)}.rt-btn b,.rt-btn i,.rt-btn s,.rt-btn u{font-size:.95rem}.rt-ic{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.rt-sep{width:1px;height:22px;background:var(--border-strong);margin:0 6px;flex-shrink:0}.rt-select{height:34px;padding:0 8px;border:1.5px solid var(--border-strong);border-radius:8px;background:var(--card);color:var(--heading);font-family:inherit;font-size:.84rem;font-weight:600;cursor:pointer}.rt-select:focus{outline:0;border-color:var(--primary)}.np-editor{min-height:62vh;padding:26px clamp(18px,4vw,44px);outline:0;background:var(--card);color:var(--text);font-family:var(--font);font-size:1.02rem;line-height:1.8;overflow-y:auto;word-wrap:break-word}.np-editor:empty::before{content:attr(data-placeholder);color:var(--muted);opacity:.7;pointer-events:none}.np-editor p{margin:0 0 .55em}.np-editor h1{font-size:1.7rem;margin:.7em 0 .35em}.np-editor h2{font-size:1.35rem;margin:.7em 0 .35em}.np-editor h3{font-size:1.15rem;margin:.7em 0 .35em}.np-editor h1:first-child,.np-editor h2:first-child,.np-editor h3:first-child{margin-top:0}.np-editor ol,.np-editor ul{margin:.35em 0 .7em;padding-left:1.7em}.np-editor ul{list-style:disc}.np-editor ol{list-style:decimal}.np-editor li{margin-bottom:.2em}.np-editor a{color:var(--primary);text-decoration:underline}.np-editor blockquote{margin:.6em 0;padding:6px 14px;border-left:3px solid var(--primary);color:var(--muted);background:var(--bg-soft);border-radius:6px}.np-area{display:block;width:100%;min-height:58vh;resize:vertical;padding:22px clamp(18px,3vw,30px);border:none;outline:0;background:var(--card);color:var(--text);font-family:var(--font);font-size:1.02rem;line-height:1.8}.np-area::placeholder{color:var(--muted);opacity:.7}.ws.ws-boxed{max-width:1080px;margin-inline:auto}.rgb-wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:0}.rgb-left{padding:clamp(18px,3vw,28px);border-right:1px solid var(--border)}.rgb-right{padding:clamp(18px,3vw,28px);display:flex;flex-direction:column;gap:14px}.rgb-preview{height:120px;border-radius:var(--r-md);border:1px solid var(--border);margin-bottom:18px;display:flex;align-items:flex-end;justify-content:flex-end;padding:10px}.rgb-preview span{font-size:.78rem;font-weight:700;padding:4px 10px;border-radius:8px;background:rgba(0,0,0,.45);color:#fff;letter-spacing:.5px}.rgb-picker-row{display:flex;align-items:center;gap:14px;margin-bottom:18px}.rgb-picker-row input[type=color]{width:64px;height:44px;border:1.5px solid var(--border-strong);border-radius:10px;background:var(--card);padding:3px;cursor:pointer}.rgb-picker-row .hint{font-size:.84rem;color:var(--muted)}.rgb-slider{margin-bottom:14px}.rgb-slider label{display:flex;justify-content:space-between;font-size:.82rem;font-weight:700;color:var(--heading);margin-bottom:6px}.rgb-slider label b{color:var(--primary)}.rgb-slider input[type=range]{width:100%;accent-color:var(--primary);height:28px}.rgb-slider.red input[type=range]{accent-color:#EF4444}.rgb-slider.green input[type=range]{accent-color:#22C55E}.rgb-slider.blue input[type=range]{accent-color:#3B82F6}.code-box{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;padding:12px 14px}.code-box .cb-label{font-size:.72rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);display:block}.code-box .cb-val{font-size:1rem;font-weight:700;color:var(--heading);font-variant-numeric:tabular-nums}.copy-btn{flex-shrink:0;padding:7px 14px;border-radius:var(--r-pill);background:var(--tint-purple);color:var(--primary-dark);font-size:.78rem;font-weight:700;transition:background var(--transition),color var(--transition)}[data-theme=dark] .copy-btn{color:var(--primary-light)}.copy-btn:hover{background:var(--primary);color:#fff}.copy-btn.copied{background:var(--tint-green);color:var(--green-dark)}.palette-builder{padding:clamp(18px,3vw,28px);border-top:1px solid var(--border)}.pb-head h2{font-size:1.05rem;font-weight:600;margin-bottom:4px}.pb-head p{font-size:.85rem;color:var(--muted);margin-bottom:14px}.pb-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.pb-name{flex:1 1 200px;max-width:300px;padding:9px 16px;border:1.5px solid var(--border-strong);border-radius:var(--r-pill);background:var(--card);color:var(--heading);font-family:inherit;font-size:.9rem;font-weight:600;transition:border-color var(--transition),box-shadow var(--transition)}.pb-name:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px rgba(108,92,231,.16)}.ws-btn[disabled]{opacity:.45;pointer-events:none}.pb-strip{display:flex;height:150px;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--border)}.pb-strip:empty{display:none}.pb-sw{flex:1 1 0;min-width:0;position:relative;cursor:pointer;border:none;padding:0 0 12px;display:flex;align-items:flex-end;justify-content:center;transition:flex-grow .2s ease}.pb-sw:hover{flex-grow:1.35}.pb-sw .pb-hex{font-family:Consolas,'Courier New',monospace;font-size:.78rem;font-weight:700;letter-spacing:.5px;white-space:nowrap;overflow:hidden;max-width:92%}.pb-hex.dark{color:#111319}.pb-hex.light{color:#fff}.pb-x{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:rgba(0,0,0,.38);color:#fff;font-size:.95rem;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition),background var(--transition)}.pb-sw:hover .pb-x{opacity:1}.pb-x:hover{background:rgba(0,0,0,.65)}.pb-empty{font-size:.86rem;color:var(--muted);text-align:center;background:var(--bg-soft);border:1.5px dashed var(--border-strong);border-radius:var(--r-md);padding:20px 16px}.color-chart{padding:clamp(18px,3vw,28px);border-top:1px solid var(--border)}.color-chart h2{font-size:1.05rem;font-weight:600;margin-bottom:14px}.chart-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.chart-item{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:11px;border:1px solid var(--border);background:var(--card);cursor:pointer;text-align:left;transition:border-color var(--transition),transform var(--transition)}.chart-item:hover{border-color:var(--primary);transform:translateY(-1px)}.chart-item .sw{width:30px;height:30px;border-radius:8px;border:1px solid var(--border);flex-shrink:0}.chart-item .cn{font-size:.8rem;font-weight:600;color:var(--heading);line-height:1.25}.chart-item .cn small{display:block;color:var(--muted);font-weight:500;font-size:.72rem}.ascii-tools{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;gap:10px 14px;flex-wrap:wrap;align-items:center;background:var(--bg-soft)}.ascii-search{flex:1 1 220px;max-width:340px;padding:10px 16px;border:1.5px solid var(--border-strong);border-radius:var(--r-pill);background:var(--card);color:var(--heading);font-family:inherit;font-size:.92rem;font-weight:500}.ascii-search:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px rgba(108,92,231,.16)}.ascii-chips{display:flex;gap:6px;flex-wrap:wrap}.a-chip{padding:8px 15px;border-radius:var(--r-pill);background:var(--card);color:var(--muted);border:1.5px solid var(--border-strong);font-size:.8rem;font-weight:600;transition:background var(--transition),color var(--transition),border-color var(--transition)}.a-chip:hover{color:var(--primary);border-color:var(--primary)}.a-chip.active{background:var(--primary-grad);color:#fff;border-color:transparent;box-shadow:var(--shadow-primary)}.ascii-count{font-size:.82rem;color:var(--muted);font-weight:600;margin-left:auto}.ascii-scroll{overflow-x:auto;max-height:68vh;overflow-y:auto}.ascii-table{width:100%;border-collapse:collapse;font-size:.88rem;min-width:640px}.ascii-table th{position:sticky;top:0;z-index:1;background:var(--card);font-size:.72rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);text-align:left;padding:12px 14px;border-bottom:2px solid var(--border-strong)}.ascii-table td{padding:8px 14px;border-bottom:1px solid var(--border);color:var(--text)}.ascii-table tbody tr{cursor:pointer;transition:background var(--transition)}.ascii-table tbody tr[data-t=ctrl]{cursor:default}.ascii-table tbody tr:nth-child(2n) td{background:var(--bg-soft)}.ascii-table tbody tr:hover td{background:var(--tint-purple)}.ascii-table td.num{font-variant-numeric:tabular-nums;font-family:Consolas,'Courier New',monospace;font-weight:600;color:var(--heading)}.ascii-table td.desc{color:var(--muted)}.key-chip{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:30px;padding:0 9px;border-radius:8px;background:var(--tint-purple);color:var(--primary-dark);font-family:Consolas,'Courier New',monospace;font-weight:700;font-size:.95rem;box-shadow:inset 0 -2px 0 rgba(0,0,0,.08)}[data-theme=dark] .key-chip{color:var(--primary-light);box-shadow:inset 0 -2px 0 rgba(0,0,0,.35)}.key-chip.ctrl{background:var(--tint-amber);color:#b45309;font-size:.7rem;letter-spacing:.5px}[data-theme=dark] .key-chip.ctrl{color:#f5b455}.copy-toast{position:fixed;left:50%;bottom:28px;z-index:999;transform:translateX(-50%) translateY(10px);background:var(--heading);color:var(--bg);padding:10px 20px;border-radius:var(--r-pill);font-size:.85rem;font-weight:600;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}.copy-toast.show{opacity:1;transform:translateX(-50%)}.ws.ws-sticky{overflow:clip}.ws-sticky .ascii-tools,.ws-sticky .ws-bar{position:sticky;top:var(--header-h);z-index:20;box-shadow:0 6px 14px -10px rgba(0,0,0,.3)}.split{display:grid;grid-template-columns:1fr 1fr;min-height:62vh}.split .pane{display:flex;flex-direction:column;min-width:0}.split .pane+.pane{border-left:1px solid var(--border)}.pane-head{padding:9px 16px;font-size:.74rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);background:var(--bg-soft);border-bottom:1px solid var(--border)}.code-area{flex:1 1 auto;width:100%;min-height:300px;resize:none;border:none;outline:0;padding:16px 18px;background:var(--card);color:var(--text);font-family:Consolas,'Courier New',monospace;font-size:.92rem;line-height:1.65;tab-size:2;white-space:pre;overflow:auto}.preview-frame{flex:1 1 auto;width:100%;min-height:300px;border:none;background:#fff}.cssb-opts{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--card)}.cssb-opt{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:700;color:var(--heading)}.cssb-select{border:1.5px solid var(--border-strong);border-radius:10px;background:var(--bg-soft);color:var(--heading);font:inherit;font-size:.8rem;font-weight:600;padding:6px 10px;cursor:pointer}.cssb-select:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px rgba(108,92,231,.16)}.cssb-note{font-size:.82rem;color:var(--muted)}.cssb-delta{color:var(--green-dark);font-weight:700}#cssOut,#jsOut{background:var(--bg-soft)}.url-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--card)}.url-in{flex:1 1 260px;padding:10px 16px;border:1.5px solid var(--border-strong);border-radius:var(--r-pill);background:var(--bg-soft);color:var(--heading);font-family:inherit;font-size:.9rem;font-weight:500;transition:border-color var(--transition),box-shadow var(--transition)}.url-in:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px rgba(108,92,231,.16)}.pane-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.pane-tools{display:inline-flex;align-items:center;gap:8px}.dev-btns{display:inline-flex;gap:2px;background:var(--bg-soft);border:1px solid var(--border);border-radius:9px;padding:2px}.dev-btn{width:28px;height:24px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);transition:background var(--transition),color var(--transition)}.dev-btn .micon{width:15px;height:15px}.dev-btn:hover{color:var(--primary)}.dev-btn.active{background:var(--primary-grad);color:#fff;box-shadow:var(--shadow-primary)}.dev-size{font-size:.7rem;font-weight:600;color:var(--muted);text-transform:none;letter-spacing:0;margin-left:6px}.preview-wrap{flex:1 1 auto;min-height:300px;display:flex;background:#fff}.preview-wrap .fs-frame,.preview-wrap .preview-frame{flex:1 1 auto;min-height:0}.preview-wrap.dev-mobile,.preview-wrap.dev-tablet{background:var(--bg-soft);background-image:radial-gradient(var(--border-strong) 1px,transparent 1px);background-size:18px 18px;justify-content:center;align-items:flex-start;overflow:auto;padding:18px}.preview-wrap.dev-mobile iframe,.preview-wrap.dev-tablet iframe{flex:0 0 auto;background:#fff;border:1px solid var(--border-strong);border-radius:16px;box-shadow:var(--shadow-md)}.preview-wrap.dev-tablet iframe{width:768px;height:1024px;max-height:none}.preview-wrap.dev-mobile iframe{width:375px;height:667px;max-height:none}.preview-wrap.dev-desktop{position:relative;overflow:hidden;padding:0;background:#fff}.preview-wrap.dev-desktop iframe{position:absolute;top:0;left:0;transform-origin:0 0;border:none;background:#fff}.fs-wrap{min-height:0}.ide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.18fr) 340px;height:min(72vh,780px);min-height:520px}.ide.ide--noimgs{grid-template-columns:minmax(0,1fr) minmax(0,1.18fr)}.ide.ide--noimgs .ide-imgs{display:none}.ide-col{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.ide-col+.ide-col{border-left:1px solid var(--border)}.ide-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 14px;min-height:46px;background:var(--bg-soft);border-bottom:1px solid var(--border)}.ide-title{font-size:.74rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--muted)}.ide-head-tools{display:inline-flex;align-items:center;gap:8px}.ide-foot{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:7px 14px;background:var(--bg-soft);border-top:1px solid var(--border);font-size:.72rem;font-weight:600;color:var(--muted)}.ide-foot .sep{opacity:.45}.ide-foot-right{margin-left:auto}.ide-foot .ok{color:var(--green-dark);display:inline-flex;align-items:center}.ide-foot .ok .dot{width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:5px}.ide-code .code-area{flex:1 1 auto;min-height:0}.ide-view .preview-wrap{flex:1 1 auto;min-height:0}.live-pill{display:inline-flex;align-items:center;gap:7px;font-size:.76rem;font-weight:700;color:var(--heading)}.live-pill .dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.18)}.live-pill b{color:var(--green-dark);font-weight:800}.ide-view .dev-btn{width:auto;height:26px;gap:5px;padding:0 11px;font-size:.74rem;font-weight:600}.ide-view .dev-btn span{display:inline}@media (max-width:1360px){.ide-view .dev-btn span{display:none}.ide-view .dev-btn{width:30px;padding:0}}.link-btn{display:inline-flex;align-items:center;gap:5px;color:var(--primary);font-weight:700}.link-btn .micon{width:14px;height:14px}.link-btn:hover{color:var(--primary-dark)}.ide-imgs{background:var(--card)}.img-filters{display:flex;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border)}.img-search{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:6px;padding:6px 11px;border:1.5px solid var(--border-strong);border-radius:var(--r-pill);background:var(--bg-soft)}.img-search .micon{width:14px;height:14px;color:var(--muted);flex-shrink:0}.img-search input{flex:1 1 auto;min-width:0;border:0;background:0 0;outline:0;font:inherit;font-size:.8rem;color:var(--heading)}.img-type{border:1.5px solid var(--border-strong);border-radius:10px;background:var(--bg-soft);color:var(--heading);font:inherit;font-size:.76rem;font-weight:600;padding:6px 8px;cursor:pointer}.img-search:focus-within,.img-type:focus{outline:0;border-color:var(--primary)}.img-subbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border)}.view-toggle{display:inline-flex;gap:2px;background:var(--bg-soft);border:1px solid var(--border);border-radius:9px;padding:2px}.vt-btn{width:28px;height:24px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);transition:background var(--transition),color var(--transition)}.vt-btn .micon{width:15px;height:15px}.vt-btn:hover{color:var(--primary)}.vt-btn.active{background:var(--primary-grad);color:#fff;box-shadow:var(--shadow-primary)}.img-selectall{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;color:var(--muted);cursor:pointer}.img-selectall input{accent-color:var(--primary);width:15px;height:15px}#imgList{flex:1 1 auto;min-height:0;overflow-y:auto;padding:10px 12px}#imgList.si-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:start}#imgList.si-list{display:flex;flex-direction:column;gap:8px}.si-item{position:relative;border:1px solid var(--border);border-radius:12px;background:var(--card);transition:border-color var(--transition)}.si-item:hover{border-color:var(--primary)}.si-item.sel{border-color:var(--primary);box-shadow:0 0 0 2px rgba(108,92,231,.18)}.si-check{position:absolute;top:7px;left:7px;z-index:2;accent-color:var(--primary);width:16px;height:16px;cursor:pointer}.si-thumb{background:var(--bg-soft);object-fit:cover;display:block}.si-thumb.broken{object-fit:contain;opacity:.35}.si-name{font-size:.78rem;font-weight:700;color:var(--heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.si-sub{font-size:.68rem;font-weight:600;color:var(--muted)}.si-acts{display:inline-flex;align-items:center;gap:4px}.si-prev{font-size:.7rem;font-weight:700;color:var(--muted);padding:3px 8px;border:1px solid var(--border-strong);border-radius:var(--r-pill);background:var(--card)}.si-prev:hover{color:var(--primary);border-color:var(--primary)}.si-dl{width:26px;height:26px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);border:1px solid var(--border-strong);background:var(--card)}.si-dl .micon{width:14px;height:14px}.si-dl:hover{color:var(--primary);border-color:var(--primary)}.si-grid .si-thumb{width:100%;height:82px;border-radius:11px 11px 0 0}.si-grid .si-body{padding:7px 9px 9px}.si-grid .si-acts{margin-top:7px;justify-content:space-between;width:100%}.si-grid .si-prev{flex:1 1 auto;text-align:center}.si-list .si-item{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 28px}.si-list .si-check{top:50%;transform:translateY(-50%);left:8px}.si-list .si-thumb{width:46px;height:46px;border-radius:9px;flex-shrink:0}.si-list .si-body{flex:1 1 auto;min-width:0}.si-list .si-acts{flex-shrink:0}.si-item.si-fail{border-color:#e0415b;opacity:.75}.img-empty{padding:24px 14px;text-align:center;font-size:.84rem;color:var(--muted)}.img-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-top:1px solid var(--border);background:var(--bg-soft)}.img-foot .ws-btn.primary{flex:1 1 auto;justify-content:center}.img-selected{font-size:.74rem;font-weight:700;color:var(--muted);white-space:nowrap}@media (max-width:1100px){.ide,.ide.ide--noimgs{grid-template-columns:1fr;height:auto}.ide-col+.ide-col{border-left:0;border-top:1px solid var(--border)}.ide-code{min-height:340px}.ide-view{min-height:420px}.ide-imgs{min-height:420px}#imgList.si-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:560px){#imgList.si-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.pane-btn{width:26px;height:26px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);transition:background var(--transition),color var(--transition)}.pane-btn:hover{background:var(--tint-purple);color:var(--primary)}.pane-btn .micon{width:15px;height:15px}.img-panel{border-top:1px solid var(--border)}.img-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 16px;background:var(--bg-soft);border-bottom:1px solid var(--border)}.img-list{max-height:380px;overflow-y:auto;padding:10px 16px;display:flex;flex-direction:column;gap:8px}.img-item{display:flex;align-items:center;gap:12px;padding:8px 10px;border:1px solid var(--border);border-radius:12px;background:var(--card)}.img-thumb{width:52px;height:52px;flex-shrink:0;object-fit:cover;border-radius:9px;background:var(--bg-soft);border:1px solid var(--border)}.img-thumb.broken{object-fit:contain;opacity:.35}.img-url{flex:1 1 auto;min-width:0;font-size:.8rem;color:var(--muted);font-family:Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.img-item .ws-btn{flex-shrink:0;padding:6px 13px;font-size:.78rem}.img-item.img-fail{border-color:#e0415b;opacity:.7}.img-item.img-fail::after{content:"blocked";flex-shrink:0;font-size:.68rem;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#e0415b;background:var(--tint-red);padding:3px 9px;border-radius:var(--r-pill)}.img-empty{padding:18px;text-align:center;font-size:.86rem;color:var(--muted)}.fs-overlay{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;background:var(--bg)}.fs-overlay[hidden]{display:none}.fs-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 18px;background:var(--bg-soft);border-bottom:1px solid var(--border)}.fs-frame{flex:1 1 auto;width:100%;border:none;background:#fff}.stacked{display:flex;flex-direction:column}.stacked .code-area{min-height:32vh;flex:0 0 auto;border-bottom:1px solid var(--border)}.stacked .preview-frame{min-height:44vh}@media (max-width:860px){.rgb-wrap{grid-template-columns:1fr}.rgb-left{border-right:none;border-bottom:1px solid var(--border)}.split{grid-template-columns:1fr}.split .pane+.pane{border-left:none;border-top:1px solid var(--border)}.split .code-area{min-height:36vh}.split .preview-frame{min-height:44vh}}@media (max-width:560px){.ws-bar{padding:10px 12px}.ws-btn{padding:7px 12px;font-size:.78rem}.np-area{min-height:52vh;padding:16px}}.w2h-dd{position:relative;display:inline-flex}.w2h-dd-btn{cursor:pointer}.w2h-dd.open .w2h-dd-btn,.w2h-dd:hover .w2h-dd-btn{border-color:var(--primary);color:var(--primary)}.w2h-dd-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-pill);font-size:.68rem;font-weight:700;line-height:1;background:var(--primary-grad);color:#fff}.ws-btn .w2h-dd-chev{width:13px;height:13px;transition:transform var(--transition)}.w2h-dd.open .w2h-dd-chev{transform:rotate(180deg)}.w2h-dd-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:40;width:min(330px,calc(100vw - 32px));padding:10px;display:grid;gap:6px;text-align:left;background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:0 18px 40px -18px rgba(0,0,0,.45);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity var(--transition),transform var(--transition),visibility var(--transition)}.w2h-dd-panel::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}.w2h-dd.open .w2h-dd-panel,.w2h-dd:hover .w2h-dd-panel{opacity:1;visibility:visible;transform:translateY(0)}.w2h-dd-note{font-size:.74rem;line-height:1.45;color:var(--muted);padding:0 4px 4px}.w2h-dd-note b{color:var(--primary);font-weight:700}.w2h-opt{position:relative;display:flex;align-items:center;gap:10px;padding:8px 10px;border:1.5px solid var(--border-strong);border-radius:10px;background:var(--bg-soft);cursor:pointer;user-select:none;transition:border-color var(--transition),background var(--transition),opacity var(--transition)}.w2h-opt:hover{border-color:var(--primary)}.w2h-opt input{position:absolute;opacity:0;pointer-events:none}.w2h-opt-tick{flex-shrink:0;width:20px;height:20px;border-radius:6px;border:2px solid var(--border-strong);background:var(--card);position:relative;transition:background var(--transition),border-color var(--transition)}.w2h-opt-tick::after{content:"";position:absolute;left:5px;top:1.5px;width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg);opacity:0}.w2h-opt input:checked+.w2h-opt-tick{background:var(--primary-grad);border-color:transparent}.w2h-opt input:checked+.w2h-opt-tick::after{opacity:1}.w2h-opt input:focus-visible+.w2h-opt-tick{box-shadow:0 0 0 3px rgba(108,92,231,.25)}.w2h-opt:has(input:checked){background:var(--tint-purple);border-color:var(--primary)}.w2h-opt input:checked~.w2h-opt-txt b{color:var(--primary-dark)}[data-theme=dark] .w2h-opt input:checked~.w2h-opt-txt b{color:var(--primary-light)}.w2h-opt-txt{display:flex;flex-direction:column;line-height:1.3;min-width:0}.w2h-opt-txt b{font-size:.82rem;font-weight:700;color:var(--heading)}.w2h-opt-txt small{font-size:.72rem;color:var(--muted);font-weight:500}.w2h-opt.w2h-opt-dim{opacity:.45}@media (max-width:1100px){.w2h-dd{position:static}.w2h-dd-panel{left:auto;right:12px;top:calc(100% + 6px);width:min(330px,calc(100vw - 24px))}.w2h-dd-panel::before{top:-28px;height:28px}}.split .np-editor{flex:1 1 auto;min-height:0;max-height:78vh}#w2hHtml{max-height:78vh}@media (max-width:860px){.split .np-editor{min-height:36vh;max-height:60vh}}