.dz-wrap{justify-content:flex-start;gap:12px}.dz-wrap .realm-head .lede{max-width:780px;margin-inline:auto}.dz-panel{border-radius:16px;padding:14px;border:1px solid rgba(150,170,235,.3);background:rgba(26,32,52,.92);box-shadow:0 22px 56px -30px #000000d9,inset 0 1px #ffffff0f}.dz-layout{display:flex;gap:16px;align-items:flex-start;width:100%;max-width:1280px;margin:0 auto}.dz-side{position:sticky;top:14px;width:236px;flex-shrink:0;display:flex;flex-direction:column;gap:8px}.dz-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px}.dz-side-head{font:600 11px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);padding:2px 4px 6px}.dz-gp{font:800 10px/1 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);padding:12px 10px 5px}.dz-gp:first-child{padding-top:2px}.dz-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;cursor:pointer;padding:9px 10px;border-radius:11px;border:1px solid transparent;background:none;color:var(--dim);font:inherit;transition:background .15s,border-color .15s,color .15s}@media (hover:hover){.dz-item:hover{background:rgba(140,160,235,.1);color:var(--ink)}}.dz-item.on{color:var(--ink);border-color:#7f9bf080;background:rgba(127,155,240,.14)}.dz-ico{font-size:19px;line-height:1}.dz-itx{display:flex;flex-direction:column;gap:2px;min-width:0}.dz-itx b{font:800 13.5px/1.25 var(--font-sans)}.dz-itx span{font:600 11px/1.3 var(--font-sans);color:var(--faint)}.dz-src{margin:4px 2px 0;font:500 11px/1.55 var(--font-sans);color:var(--faint)}.dz-src a{color:var(--dim)}.dz-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:10px}.dz-head b{font:800 16px/1.2 var(--font-sans);color:var(--ink)}.dz-kbd{font:600 11px/1 var(--font-mono);color:var(--faint)}.dz-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;margin-bottom:12px}.dz-field{display:flex;flex-direction:column;gap:5px;min-width:0}.dz-field label{font:700 10.5px/1 var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}.dz-input{width:min(230px,42vw);padding:9px 11px;border-radius:9px;color:var(--ink);border:1px solid rgba(140,160,235,.34);background:rgba(8,11,20,.55);font:700 13.5px/1 var(--font-mono)}.dz-input:focus{outline:2px solid var(--accent);border-color:transparent}.dz-btn,.dz-chip{cursor:pointer;color:var(--ink);border:1px solid rgba(140,160,235,.3);background:rgba(255,255,255,.04);font:700 12.5px/1 var(--font-sans);padding:10px 12px;border-radius:9px;transition:background .15s,border-color .15s,color .15s}.dz-chip{padding:9px 11px;color:var(--dim);border-radius:999px;font-size:12px}@media (hover:hover){.dz-btn:hover{background:rgba(140,160,235,.14);border-color:#8ca0eb8c}.dz-chip:not(.on):hover{color:var(--ink);background:rgba(140,160,235,.12)}}.dz-btn.primary{color:#06101f;background:var(--accent);border-color:transparent;font-weight:800}.dz-chip.on{color:#06101f;background:var(--accent);border-color:transparent}.dz-seg{display:flex;flex-wrap:wrap;gap:6px}.dz-sep{width:1px;align-self:stretch;background:rgba(140,160,235,.24);margin:0 2px}.dz-work{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:12px}.dz-cv{position:relative;height:clamp(260px,32vw,430px);border-radius:12px;overflow:hidden;border:1px solid rgba(140,160,235,.26);background:radial-gradient(circle at 50% 30%,#141b2e,#0c1120 78%)}#stage{position:absolute;inset:0;width:100%;height:100%;display:block}.dz-codewrap{display:flex;flex-direction:column;min-width:0;border-radius:12px;overflow:hidden;border:1px solid rgba(140,160,235,.26);background:rgba(8,11,20,.6)}.dz-tabs{display:flex;gap:2px;padding:6px 6px 0;border-bottom:1px solid rgba(140,160,235,.2)}.dz-tab{cursor:pointer;border:0;background:none;color:var(--faint);border-radius:8px 8px 0 0;font:700 12px/1 var(--font-sans);padding:8px 12px}.dz-tab.on{color:var(--ink);background:rgba(127,155,240,.16);box-shadow:inset 0 -2px 0 var(--accent)}.dz-codebox{flex:1;overflow:auto;padding:8px 0;scrollbar-width:thin}#dzCode{margin:0;font:600 12px/1.75 var(--font-mono);color:#a9bde0;white-space:pre}.dz-ln{display:block;padding:0 12px;border-left:3px solid transparent}.dz-ln.on{color:#fff;background:rgba(127,155,240,.2);border-left-color:var(--accent)}.dz-note{margin:12px 0 10px;min-height:40px;padding:10px 12px;border-radius:10px;border:1px solid rgba(140,160,235,.22);background:rgba(127,155,240,.08);font:600 13.5px/1.6 var(--font-sans);color:var(--ink)}.dz-play{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dz-pb{cursor:pointer;min-width:40px;height:38px;border-radius:9px;color:var(--ink);border:1px solid rgba(140,160,235,.3);background:rgba(255,255,255,.04);font-size:14px}.dz-pb.play{min-width:52px;background:var(--accent);color:#06101f;border-color:transparent;font-size:15px}@media (hover:hover){.dz-pb:not(.play):hover{background:rgba(140,160,235,.14)}}#pRange{flex:1;min-width:120px;accent-color:var(--accent)}#pSpeed{width:92px;accent-color:var(--accent)}.dz-pos{font:700 11.5px/1 var(--font-mono);color:var(--faint);min-width:56px;text-align:right}.dz-slab{font:700 10.5px/1 var(--font-sans);color:var(--faint);text-transform:uppercase;letter-spacing:.05em}.dz-facts{font:400 14px/1.75 var(--font-sans);color:var(--dim);min-width:0}.dz-facts p{margin:0 0 10px}.dz-facts b{color:var(--ink)}.dz-facts code{font:600 12.5px/1 var(--font-mono);color:#e2cf9a;padding:1px 5px;border-radius:5px;background:rgba(255,255,255,.05)}.dz-tw{overflow-x:auto;margin:0 0 14px;scrollbar-width:thin}.dz-facts table{width:100%;border-collapse:collapse;margin:0;font-size:13px}.dz-facts th,.dz-facts td{padding:7px 9px;text-align:left;border-bottom:1px solid rgba(140,160,235,.16)}.dz-facts th{font:700 11px/1.3 var(--font-sans);text-transform:uppercase;letter-spacing:.05em;color:var(--faint)}.dz-facts td{font-variant-numeric:tabular-nums}.dz-facts tbody tr:last-child td{border-bottom:0}@media (max-width:1000px){.dz-work{grid-template-columns:1fr}.dz-codebox{max-height:230px}.dz-cv{height:clamp(240px,52vw,420px)}}@media (max-width:760px){.dz-layout{flex-direction:column;align-items:stretch;gap:12px}.dz-side{position:static;width:100%;flex-direction:row;overflow-x:auto;gap:8px;padding:10px;scrollbar-width:thin}.dz-side-head,.dz-src,.dz-gp{display:none}#dzList{display:flex;gap:8px}.dz-item{width:auto;flex:0 0 auto}.dz-itx span{display:none}.dz-input{width:min(200px,46vw)}.dz-cv{height:clamp(240px,78vw,380px)}.dz-kbd{display:none}.dz-facts{font-size:13.5px}}