.cs-layout{grid-template-columns:minmax(320px,410px) minmax(0,1fr);padding-bottom:28px}.cs-controls{gap:14px;min-width:0;display:grid}.cs-tabbar{top:var(--nav-h);z-index:20;background:var(--bg);margin:-8px 0 0;padding:8px 0 6px;position:sticky}.cs-tabs{border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;box-shadow:0 8px 18px -12px #00000059}.cs-tabs button{border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px 7px;font-size:.8rem;font-weight:600;line-height:1.2;transition:background .15s,color .15s;display:flex}.cs-tabs button svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;opacity:.85}.cs-tabs button:hover:not(.on){color:var(--ink);background:color-mix(in srgb, var(--surface) 60%, transparent)}.cs-tabs button.on{background:var(--accent);color:var(--accent-ink);box-shadow:0 4px 12px -4px color-mix(in srgb, var(--accent) 70%, transparent)}.cs-tabs button.on svg{opacity:1}.cs-h{align-items:center;gap:9px;min-width:0;display:flex}.cs-h h2{min-width:0;font:700 .95rem/1.3 var(--f-head);letter-spacing:.01em;color:var(--gold);flex:auto;align-items:center;gap:9px;margin:0;display:flex}.cs-h h2:before{content:"";background:linear-gradient(135deg, #f6e27a, var(--gold) 55%, #9c7a2a);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, var(--gold) 18%, transparent);border-radius:1.5px;flex:none;transform:rotate(45deg)}.cs-h h2:after{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--gold) 55%, transparent), transparent);flex:auto;min-width:16px;height:1px}.cs-h-aside{border:1px solid var(--line);background:var(--surface-2);max-width:55%;color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;flex:none;padding:2px 9px;font-size:.72rem;overflow:hidden}.cs-stage .stage-head h2 .ref{font-size:.95rem}.cs-stage .actions .cs-quality{width:auto;min-width:170px}.cs-preview{min-height:0}.cs-canvas-wrap{z-index:1;width:100%;max-width:calc((100dvh - var(--nav-h) - 200px) * var(--ar,1));border-radius:8px;position:relative;overflow:hidden;box-shadow:0 14px 44px #0000004d,0 0 0 1px #ffffff0a}.cs-canvas{width:100%;height:100%;display:block}.cs-stage .note{text-align:center}.cs-layout .note.warn{color:var(--danger)}.cs-credit{padding:0 4px;line-height:1.6}.cs-tpls{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 8px;display:grid}.cs-tpl{cursor:pointer;color:var(--ink-2);text-align:center;background:0 0;border:0;flex-direction:column;align-items:stretch;gap:6px;padding:0;font-size:.76rem;font-weight:500;line-height:1.3;display:flex}.cs-tpl-img{border:1px solid var(--line);background:var(--stage);border-radius:10px;transition:transform .15s,box-shadow .15s;display:block;overflow:hidden}.cs-tpl:hover .cs-tpl-img{transform:translateY(-2px);box-shadow:0 8px 20px -10px #00000080}.cs-tpl.on{color:var(--ink);font-weight:700}.cs-tpl.on .cs-tpl-img{outline:2px solid var(--accent);outline-offset:2px}.cs-thumb{object-fit:contain;width:100%;height:100%;display:block}.cs-seg button{padding:8px 4px;font-size:.84rem}.cs-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:10px;display:grid}.cs-field{flex-direction:column;gap:5px;font-size:.86rem;display:flex}.cs-field>span{color:var(--ink-2);font-weight:500}.cs-field.wide{grid-column:1/-1}.cs-field input,.cs-block textarea{border:1px solid var(--line);background:var(--surface-2);width:100%;color:var(--ink);font:inherit;border-radius:10px;padding:8px 10px}.cs-field input:focus,.cs-block textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}.cs-check{cursor:pointer;color:var(--ink);align-items:center;gap:6px;font-size:.86rem;display:inline-flex}.cs-check.small{font-size:.8rem}.cs-layout input[type=range]{accent-color:var(--accent)}.cs-items{gap:8px;margin:0;padding:0;list-style:none;display:grid}.cs-items button{border:1px solid var(--line);background:var(--surface-2);width:100%;color:var(--ink);text-align:start;cursor:pointer;border-radius:12px;gap:5px;padding:11px 12px;font-size:.88rem;line-height:1.65;transition:border-color .15s,background .15s;display:grid}.cs-items button:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--line))}.cs-items button.on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface-2))}.cs-items b{font-weight:700}.cs-item-text{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.cs-items small{color:var(--gold);font-size:.76rem;font-weight:600}.cs-empty{border:1px dashed var(--line);background:var(--surface-2);border-radius:12px;padding:14px;font-size:.86rem}.cs-empty p{color:var(--ink-2);margin:6px 0 0;line-height:1.6}.cs-empty code{background:var(--surface);border-radius:5px;padding:1px 5px;font-size:.8rem}.cs-empty pre{background:var(--surface);white-space:pre-wrap;word-break:break-word;border-radius:8px;margin:8px 0 0;padding:9px 10px;font-size:.78rem;line-height:1.6}.cs-block{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;flex-direction:column;gap:8px;padding:10px 12px 12px;display:flex}.cs-block.off{background:0 0}.cs-block.off textarea{opacity:.5}.cs-block-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.cs-block-head small{color:var(--ink-2);text-align:end;font-size:.72rem}.cs-block textarea{resize:vertical;background:var(--surface);line-height:1.6}.cs-block textarea.ar{font:400 1.35rem/1.9 var(--f-ar)}.cs-block-opts{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.cs-block-opts .cs-font{flex:210px;width:auto}.cs-mini{color:var(--ink-2);align-items:center;gap:6px;font-size:.8rem;display:inline-flex}.cs-mini input[type=range]{width:92px}.cs-x{cursor:pointer;color:var(--ink-2);background:0 0;border:0;font-size:1.1rem}.cs-sizes{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.cs-sizes button{border:1px solid var(--line);background:var(--surface-2);color:var(--ink-2);cursor:pointer;border-radius:11px;flex-direction:column;align-items:center;gap:4px;padding:10px 4px 8px;font-size:.84rem;display:flex}.cs-sizes button.on{color:var(--ink);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.cs-sizes i{opacity:.7;border:2px solid;border-radius:4px;max-width:50px;height:28px;display:block}.cs-sizes button.on i{border-color:var(--accent);opacity:1}.cs-sizes small{color:var(--ink-2);text-align:center;font-size:.68rem;line-height:1.3}.cs-themes{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px 8px}.cs-themes .sw{border-radius:12px;transition:transform .15s;box-shadow:inset 0 1px #ffffff14}.cs-themes .swatch:hover .sw{transform:translateY(-2px)}.cs-themes .sw b{text-shadow:0 2px 6px #00000059;font-size:26px}.cs-layout .sw-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;display:block;overflow:hidden}.cs-layout .sw-new{vertical-align:2px;background:linear-gradient(135deg,#f6e27a,#b8892b);border-radius:50%;width:6px;height:6px;margin-inline-end:4px;display:inline-block}.cs-new{color:#3a2a06;vertical-align:1px;background:linear-gradient(135deg,#f6e27a,#b8892b);border-radius:999px;margin-inline-start:6px;padding:0 7px;font-size:.66rem;font-weight:700;display:inline-block}.cs-mbar .cs-quality{flex:1.3 1 0;width:auto;min-width:0}@media (width<=900px){.cs-layout{grid-template-columns:minmax(0,1fr);gap:12px;padding-top:0}.cs-stage{top:var(--nav-h);z-index:30;background:color-mix(in srgb, var(--bg) 94%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);order:-1;gap:6px;height:auto;margin:0 -20px;padding:8px 20px 10px;position:sticky;overflow:visible;box-shadow:0 6px 16px #00000024}.cs-stage .stage-head{background:0 0}.cs-stage .stage-head h2{font-size:.98rem}.cs-stage .stage-head .meta,.cs-stage .cs-wm{display:none}.cs-preview{border-radius:12px;padding:8px}.cs-canvas-wrap{max-width:calc(30dvh * var(--ar,1));border-radius:6px}.cs-tabbar{top:calc(var(--nav-h) + var(--cs-stage-h,0px));margin-top:0}.cs-tabs button{font-size:.74rem}.cs-controls{padding-bottom:12px}}@media (width<=520px){.cs-stage{margin:0 -16px;padding-inline:16px}.cs-themes{grid-template-columns:repeat(4,minmax(0,1fr))}.cs-sizes{grid-template-columns:repeat(2,minmax(0,1fr))}}