:root{--bg:#111315;--panel:#171a1d;--panel2:#1d2125;--line:#2a2f34;--text:#f3f5f7;--muted:#8e969f;--green:#8AE749;--green-soft:rgba(138,231,73,.12);--header:62px;--left:64px;--right:300px}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}.studio{height:100vh;display:flex;flex-direction:column}.studio-header{height:var(--header);min-height:var(--header);display:flex;align-items:center;border-bottom:1px solid var(--line);background:#15181b;padding:0 16px;gap:20px;z-index:20}.studio-brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;min-width:270px;white-space:nowrap}.studio-brand__mark{width:34px;height:34px;border-radius:9px;background:var(--green);color:#101510;display:grid;place-items:center;font-size:20px;font-weight:900}.studio-brand__name{font-weight:750;font-size:18px}.studio-brand__product{color:var(--muted);font-size:13px;margin-left:-4px}.studio-header__modules{display:flex;align-items:center;gap:8px;flex:1;height:100%}.studio-status{color:var(--muted);font-size:12px}.studio-workspace{min-height:0;flex:1;display:grid;grid-template-columns:var(--left) minmax(0,1fr) var(--right)}.studio-sidebar{background:var(--panel);min-height:0;overflow:auto}.studio-sidebar--left{border-right:1px solid var(--line);padding:14px 10px;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:12px}.studio-sidebar--right{border-left:1px solid var(--line);padding:14px 12px}.studio-editor{min-width:0;min-height:0;background:#20252a}.studio-editor__viewport{width:100%;height:100%;overflow:auto;background-color:#20252a;background-image:linear-gradient(#292f35 1px,transparent 1px),linear-gradient(90deg,#292f35 1px,transparent 1px);background-size:24px 24px}.studio-artboard-wrap{min-width:100%;min-height:100%;display:flex;align-items:center;justify-content:center;padding:80px;transform-origin:center center}.studio-artboard{display:block;background:transparent;box-shadow:0 10px 40px rgba(0,0,0,.34);overflow:visible;user-select:none}.ve-top-group{display:flex;align-items:center;gap:4px;padding-right:8px;border-right:1px solid var(--line)}.ve-btn{height:34px;border:1px solid transparent;border-radius:7px;background:transparent;color:#c8ced4;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}.ve-btn:hover{background:#22272c;color:#fff;border-color:#30363c}.ve-btn.active{background:var(--green-soft);color:var(--green);border-color:rgba(138,231,73,.25)}.ve-btn svg{width:17px;height:17px}.ve-icon-btn{width:34px;padding:0}.ve-panel{border:1px solid var(--line);background:#191d20;border-radius:10px;margin-bottom:12px;overflow:hidden}.ve-panel__title{padding:10px 11px;border-bottom:1px solid var(--line);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#aab1b8}.ve-panel__body{padding:11px}.ve-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.ve-row:last-child{margin-bottom:0}.ve-field label{display:block;color:#858e97;font-size:10px;margin:0 0 5px}.ve-input,.ve-select{width:100%;height:32px;border:1px solid #30363c;border-radius:6px;background:#111416;color:#e8ecef;padding:0 8px;outline:none}.ve-input:focus,.ve-select:focus{border-color:rgba(138,231,73,.55)}.ve-color{width:100%;height:32px;padding:2px;border:1px solid #30363c;border-radius:6px;background:#111416}.ve-range{width:100%}.ve-wide{width:100%}.ve-stack{display:flex;gap:6px;flex-wrap:wrap}.ve-muted{color:var(--muted);font-size:11px}.ve-empty{padding:8px;color:#717a83;font-size:11px;text-align:center}.ve-tool-button{width:42px;height:42px;border:1px solid transparent;border-radius:9px;background:transparent;color:#929ba4;display:grid;place-items:center;cursor:pointer;position:relative}.ve-tool-button:hover{background:#20252a;color:#fff}.ve-tool-button.active{background:var(--green-soft);border-color:rgba(138,231,73,.28);color:var(--green)}.ve-tool-button svg{width:20px;height:20px;pointer-events:none}.ve-divider{width:32px;height:1px;background:var(--line);margin:2px 0}.ve-layer-list{display:flex;flex-direction:column;gap:4px;max-height:250px;overflow:auto}.ve-layer{display:flex;align-items:center;gap:6px;padding:7px;border:1px solid transparent;border-radius:6px;background:#15191c;color:#aeb5bc;font-size:11px;cursor:pointer}.ve-layer:hover{border-color:#30363c}.ve-layer.active{border-color:rgba(138,231,73,.35);background:var(--green-soft);color:#eaffdc}.ve-layer__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.ve-selection-box{fill:none;stroke:#69bd36;stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:4 3}.ve-selection-handle{fill:#fff;stroke:#69bd36;stroke-width:1.5;vector-effect:non-scaling-stroke}.ve-rotate-line{stroke:#69bd36;stroke-width:1;vector-effect:non-scaling-stroke}.ve-rotate-handle{fill:var(--green);stroke:#fff;stroke-width:1.5;vector-effect:non-scaling-stroke}.ve-source{width:100%;height:150px;resize:vertical;background:#0e1113;color:#cbd3da;border:1px solid #30363c;border-radius:6px;padding:8px;font:11px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}.ve-toast-wrap{position:fixed;right:320px;bottom:18px;z-index:100;display:flex;flex-direction:column;gap:8px}.ve-toast{padding:10px 12px;border-radius:8px;background:#111416;border:1px solid #30363c;color:#e8ecef;font-size:12px;box-shadow:0 8px 25px rgba(0,0,0,.3)}.ve-toast.success{border-color:rgba(138,231,73,.4)}.ve-toast.error{border-color:#8b3c3c}.ve-hidden{display:none!important}@media(max-width:950px){:root{--right:250px}.studio-brand__product{display:none}.studio-brand{min-width:210px}}@media(max-width:760px){.studio-workspace{grid-template-columns:56px minmax(0,1fr)}.studio-sidebar--right{display:none}.studio-brand__name{display:none}.studio-brand{min-width:auto}.studio-header{padding:0 10px;gap:10px}.ve-btn span{display:none}.ve-btn{width:34px;padding:0}}
.ve-marquee-box{fill:rgba(138,231,73,.08);stroke:#69bd36;stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:4 3;pointer-events:none}

#artboardWrap{position:relative}#artboardWrap::before{content:none!important}#svgCanvas{position:relative}#svgCanvas:focus{outline:none}#veBackgroundPreview{pointer-events:none!important}


.studio-header{gap:14px;padding-inline:18px}
.studio-header__modules{gap:10px;min-width:0}
.studio-header__modules>.ve-top-group{border-right:0!important;padding-right:0!important;gap:4px}
.studio-header__modules>.ve-top-group[data-module="history"]{margin-left:auto}
.studio-header__modules>.ve-top-group[data-module="export"]{margin-left:10px}
.studio-header__modules .ve-btn{white-space:nowrap}
@media(max-width:1050px){.studio-brand{min-width:210px}.studio-header{gap:8px}.studio-header__modules{gap:5px}}

.ve-color-dialog{position:fixed;z-index:2000;width:248px;background:#171c20;border:1px solid #394249;border-radius:12px;box-shadow:0 14px 42px #0009;padding:14px;color:#eaf0f3;font:12px system-ui,sans-serif}
.ve-color-dialog[hidden]{display:none!important}.ve-color-dialog__head{font-weight:700;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}.ve-color-dialog__preview{height:42px;border-radius:7px;border:1px solid #46505a;margin-bottom:12px}.ve-color-dialog__row{display:flex;align-items:center;gap:9px;margin-bottom:12px}.ve-color-dialog__row input[type=color]{width:58px;height:35px;cursor:pointer}.ve-color-dialog__row input[type=text]{width:100%;min-width:0;height:35px;background:#101416;color:#fff;border:1px solid #3a444c;border-radius:6px;padding:7px}.ve-color-dialog__actions{display:flex;justify-content:flex-end;gap:8px}.ve-color-dialog__actions button,.ve-bucket-apply{background:#242b30;border:1px solid #39434b;color:#f0f4f6;border-radius:7px;padding:8px 13px;cursor:pointer}.ve-color-dialog__actions .primary,.ve-bucket-apply{background:#8AE749;color:#17220f;border-color:#8AE749;font-weight:700}.ve-color-dialog__hint{font-size:10px;color:#9eabb4;margin:-4px 0 12px}

.ve-size-controls{display:flex;flex-direction:column;gap:13px;margin:12px 0 15px}.ve-size-controls .ve-field{width:100%}.ve-size-controls .ve-field label{font-size:11px}.ve-size-controls input[type=range]{width:100%;accent-color:#8AE749}.ve-size-controls input[type=range]:disabled{opacity:.35;cursor:not-allowed}