:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#e9eaf0;background:#17191e;font-synthesis:none;font-size:14px;--panel:#202228;--line:#34363e;--muted:#969ca9;--blue:#6e9fff;--gold:#ffd166}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:1px solid var(--line);background:#292c34;border-radius:8px;padding:8px 12px;transition:background .15s}button:hover{background:#383d48}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button.active{color:var(--gold);background:#423a26;border-color:#8b743d}.primary{background:#f3c760;color:#191a1e;border-color:#f3c760;font-weight:700}.primary:hover{background:#ffdb88}header{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;gap:12px;align-items:center;white-space:nowrap}.brand-mark{width:32px;height:32px;background:#0861ef;border-radius:10px;display:grid;place-items:center}.brand-mark:after{content:'';width:11px;height:11px;background:var(--gold);border-radius:4px}.brand strong{font-size:20px;letter-spacing:-.5px}.brand span{font-size:13px;letter-spacing:2px;color:var(--muted);margin-left:10px}.header-actions,.row{display:flex;gap:8px;align-items:center}.workspace{display:grid;grid-template-columns:224px minmax(340px,1fr) 302px;height:calc(100dvh - 74px)}aside{background:var(--panel);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#454955 transparent}.left{border-right:1px solid var(--line)}.right{border-left:1px solid var(--line)}.section{padding:20px 16px;border-bottom:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.section-head h2,.section h2{font-size:14px;margin:0;font-weight:600}.eyebrow{font-size:12px;letter-spacing:1.5px;color:var(--muted)}.hint{font-size:12px;color:var(--muted);line-height:1.8;margin:10px 0 0}.preset-grid{display:flex;gap:6px;margin-top:12px}.preset{flex:1;padding:7px 3px;font-size:12px}.preset svg{display:block;width:100%;height:46px;margin-bottom:5px}.layers{display:flex;flex-direction:column;gap:5px}.layer{padding:9px 10px;display:flex;align-items:center;gap:9px;border-radius:8px;border:1px solid transparent;cursor:pointer;background:#292c33}.layer:hover{background:#313640}.layer.selected{background:#29384f;border-color:#49648c}.layer-main{border:0;padding:0;background:none;display:flex;align-items:center;gap:9px;text-align:left;flex:1}.layer-main:hover{background:none}.layer i{width:11px;height:11px;border-radius:3px;flex-shrink:0}.layer small{font-size:12px;color:var(--muted)}.layer .eye{border:0;background:none;padding:2px 4px;color:var(--muted);font-size:15px}.layer.hidden .layer-main{opacity:.4}.subtle{background:transparent}.tiny{font-size:12px;padding:5px 7px}.countbox{display:flex;align-items:center;gap:6px}.countbox input{width:42px;text-align:center;background:#15171c;color:white;border:1px solid var(--line);border-radius:6px;padding:5px 1px}.wide{width:100%}.actions-two{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.stage-area{min-width:0;display:flex;flex-direction:column;background:#17191e;padding:18px;gap:14px;overflow:auto}.stage-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.stage-bar button{font-size:12px;padding:6px 10px}.segmented{display:flex;gap:4px}.canvas{flex:1;min-height:330px;border-radius:12px;position:relative;overflow:hidden;background:#f8f9fb;display:flex;align-items:center;justify-content:center;touch-action:none}.canvas.dark{background:#101e38}.canvas.checker{background-color:#fff;background-image:linear-gradient(45deg,#e9ecf1 25%,transparent 25%),linear-gradient(-45deg,#e9ecf1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e9ecf1 75%),linear-gradient(-45deg,transparent 75%,#e9ecf1 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.canvas svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.canvas-label{position:absolute;top:18px;left:18px;font-size:11px;letter-spacing:2px;color:#7b869b;pointer-events:none}.canvas-caption{position:absolute;bottom:14px;left:0;right:0;text-align:center;color:#8993a6;font-size:12px;pointer-events:none}.canvas path[data-block]{cursor:grab}.canvas path[data-block]:active{cursor:grabbing}.handle{cursor:crosshair;fill:white;stroke:#e3a512;stroke-width:1.5;vector-effect:non-scaling-stroke}.rotation-handle{fill:#f7cf68;cursor:crosshair}.selection{fill:none;stroke:#acb7cb;stroke-width:1;stroke-dasharray:4 4;pointer-events:none;vector-effect:non-scaling-stroke}.previews{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;min-height:118px}.preview{background:#24272e;border:1px solid var(--line);border-radius:10px;padding:12px;min-width:0;display:flex;flex-direction:column;justify-content:space-between}.preview label{font-size:11px;letter-spacing:1px;color:var(--muted)}.preview svg{width:76px;height:65px}.preview-content{display:flex;align-items:center;justify-content:center;gap:14px;min-height:70px}.preview.light{background:#f4f6f9}.preview.blue{background:#0861ef}.preview.blue label{color:#c5ddff}.preview.light label{color:#7c8390}.preview-word{font-size:24px;color:#092348;font-weight:850;letter-spacing:-1px}.inspector-top{padding:21px 18px 16px;border-bottom:1px solid var(--line)}.inspector-top h2{font-size:18px;margin:7px 0 0}.control-group{padding:18px;border-bottom:1px solid var(--line)}.control-group h3{font-size:12px;color:var(--muted);font-weight:500;margin:0 0 17px;letter-spacing:.8px}.control{margin:0 0 18px}.control:last-child{margin-bottom:0}.control-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:8px}.control label{font-size:13px}.number-wrap{display:flex;gap:3px;align-items:center;color:var(--muted);font-size:11px}.number-wrap input{width:57px;background:#17191f;color:#dce0e9;border:1px solid #3a3d46;text-align:right;border-radius:5px;padding:4px 6px;font-variant-numeric:tabular-nums}.number-wrap input::-webkit-inner-spin-button{appearance:none}input[type=range]{width:100%;height:4px;appearance:none;background:#414651;border-radius:6px;display:block;cursor:pointer;accent-color:#eac269}input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border:2px solid #272b33;border-radius:50%;background:#f0cc7a;box-shadow:0 0 0 1px #f0cc7a}input[type=color]{width:35px;height:30px;padding:2px;border:1px solid #505563;background:none;border-radius:5px;cursor:pointer}.color-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.color-label{font-size:13px}.color-value{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.check{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.check input{accent-color:#f4cc73}.footer-note{font-size:11px;color:var(--muted);padding:16px;line-height:1.7}.status{color:var(--muted);font-size:12px}.snapshot{margin-top:8px;display:flex;gap:7px;flex-wrap:wrap}.snapshot button{padding:3px;width:50px;height:50px}.snapshot svg{width:42px;height:42px}.danger{color:#ffa4a4}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);background:#f5d17e;color:#1b1d22;padding:12px 20px;border-radius:10px;box-shadow:0 8px 35px #0004;opacity:0;pointer-events:none;transition:.2s;z-index:10;font-size:14px}#toast.show{opacity:1;transform:translate(-50%,0)}.mobile-only{display:none}@media(min-width:1600px){.workspace{grid-template-columns:250px minmax(500px,1fr) 330px}.stage-area{padding:24px}.control{margin-bottom:22px}}@media(max-width:1080px){.workspace{grid-template-columns:184px minmax(300px,1fr) 264px}.section{padding:16px 12px}.stage-area{padding:12px}.brand span{display:none}.header-actions{gap:5px}.header-actions button{padding:7px 9px}.preview-word{font-size:18px}.preview-content{gap:3px}.preview svg{width:56px}}@media(max-width:820px){header{height:auto;min-height:70px;padding:14px;flex-wrap:wrap;gap:12px}.header-actions{flex-wrap:wrap}.workspace{height:auto;grid-template-columns:1fr}.stage-area{grid-row:1;min-height:620px}.left{grid-row:2;border-right:0;display:grid;grid-template-columns:1fr 1fr}.right{grid-row:3;border-left:0;display:block}.canvas{min-height:360px}.control-group{display:grid;grid-template-columns:1fr 1fr;gap:16px}.control-group h3{grid-column:1/-1;margin:0}.control{margin:0}.footer-note{display:none}.status{display:none}.previews{min-height:110px}.inspector-top{position:sticky;top:0;background:var(--panel);z-index:2}}@media(max-width:430px){.stage-area{min-height:550px}.canvas{min-height:310px}.brand strong{font-size:18px}.header-actions button{font-size:12px}.previews{gap:5px}.preview{padding:8px}.preview-word{font-size:16px}.preview-content{gap:0}.control-group{grid-template-columns:1fr}.control-group h3{grid-column:1}.stage-bar .segmented{gap:2px}.stage-bar button{padding:6px 7px}.left{grid-template-columns:1fr}.section{padding:16px}.canvas-label{top:12px;left:12px}}
.constraint-label{font-size:12px;color:var(--muted)}#constraint{font-size:12px;background:#292c34 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%23f1d386' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 10px center/10px 10px;color:#f1d386;border:1px solid #615639;padding:6px 28px 6px 10px;border-radius:7px;max-width:120px;appearance:none;-webkit-appearance:none;cursor:pointer}.cone-guide{fill:none;stroke:#d5a338;stroke-width:1;stroke-dasharray:5 4;opacity:.8;pointer-events:none;vector-effect:non-scaling-stroke}.handle{stroke-width:2}.stage-bar .row{flex-wrap:wrap}
.plane-drag,.plane-mode [data-core]{cursor:grab}.plane-drag:active,.plane-mode [data-core]:active{cursor:grabbing}.plane-mode path[data-block]{cursor:default}#constraint{max-width:120px}