#betia-studio{--purple:#a329fa;--line:#30253c;--muted:#b6a9c4;font-family:Vazirmatn,Tahoma,sans-serif;background:#0b0b12;color:#f7f3fc;max-width:1800px;margin:auto;border:1px solid var(--line);border-radius:18px;overflow:hidden}#betia-studio *{box-sizing:border-box}#betia-studio button,#betia-studio input,#betia-studio select,#betia-studio textarea{font:inherit}#betia-studio button,#betia-studio a{transition:background .15s,border-color .15s}#betia-studio button{cursor:pointer;border:1px solid var(--line);background:#181320;color:#f7f3fc;border-radius:10px;padding:10px 16px;line-height:1.4}#betia-studio button:hover{border-color:var(--purple);background:#251431}#betia-studio button:disabled{opacity:.35;cursor:default}#betia-studio button.active,#betia-studio button[aria-pressed=true]{border-color:var(--purple);background:#362044}#betia-studio .st-primary{background:linear-gradient(120deg,#ad24fc,#7414db);border-color:#a329fa;color:white}#betia-studio .st-head{display:flex;align-items:center;gap:22px;padding:18px 24px;border-bottom:1px solid var(--line);background:#111018}#betia-studio h1{font-size:18px;margin:0;color:#ddd3e6}#betia-studio .st-logo{font-family:Arial,sans-serif;font-size:28px;line-height:1;font-weight:900;color:white;text-decoration:none;direction:ltr}#betia-studio .st-logo i{color:#ac32f0;font-style:normal}#betia-studio .st-logo small{display:block;font-size:9px;letter-spacing:4px;margin-top:5px;color:#b8a5cc}#betia-studio .st-history{display:flex;gap:6px;margin-inline-start:auto}#betia-studio .st-history button:first-child,#betia-studio .st-history button:nth-child(2){font-size:22px;padding:5px 13px}#betia-studio .st-top{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:15px 22px;border-bottom:1px solid var(--line)}#st-views{display:flex;gap:8px;flex-wrap:wrap}#st-views button{display:grid;gap:3px;place-items:center;min-width:65px;font-size:12px;padding:9px}#st-views svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6}.st-options{display:flex;gap:14px}.st-options label{display:flex;gap:8px;align-items:center;font-size:12px}#betia-studio select,#betia-studio input:not([type=range]),#betia-studio textarea{background:#100e16;border:1px solid #4a3d58;border-radius:9px;padding:10px;color:#f6efff;min-width:0}#betia-studio input[type=color]{height:42px;width:65px;padding:4px}#betia-studio input[type=range]{accent-color:#a329fa;max-width:100%}#betia-studio :focus-visible{outline:2px solid #bf76ff;outline-offset:3px}.st-work{display:grid;grid-template-columns:200px 1fr;min-height:470px}.st-layers{padding:22px 14px;border-left:1px solid var(--line);background:#100e17}.st-layers h2{font-size:14px;display:flex;justify-content:space-between;margin:0 0 15px}.st-layers h2 span{color:#bb78fa}.st-layers p{font-size:12px;color:var(--muted);line-height:2}#st-layers-list{display:grid;gap:7px}#st-layers-list button{text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:10px;font-size:12px}.st-stage{position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 50%,#26202f,#14101b 75%);overflow:hidden;min-width:0}.st-canvas-wrap{height:min(60vh,610px);width:min(60vh,610px);max-width:100%;display:grid;place-items:center;overflow:visible}#st-canvas{display:block;width:100%;height:auto;touch-action:none;cursor:grab;transform:scale(var(--zoom,1));transform-origin:center}.st-zoom{position:absolute;left:18px;top:50%;display:grid;border:1px solid #493359;border-radius:12px;background:#15101ce8;overflow:hidden}.st-zoom button{border:0!important;border-radius:0!important;padding:5px!important;font-size:20px}.st-zoom output{font-size:10px;text-align:center;padding:6px}.st-stage-note{position:absolute;top:12px;left:14px;display:grid;gap:4px;color:#c0accf;font-size:10px}.st-quick{position:absolute;bottom:18px;right:18px;display:grid;gap:7px}.st-quick button,.st-quick a{font-size:11px;text-decoration:none;color:#dab4ff;border:1px solid #734398;border-radius:20px;padding:7px 14px;background:#1c112a}.st-tools{display:flex;gap:8px;padding:10px 16px;border-top:1px solid var(--line);background:#0f0c15}.st-tools button{flex:1;display:grid;justify-items:center;gap:4px;font-size:20px;padding:10px}.st-tools span{font-size:12px}.st-panel{padding:18px 24px;background:#171020;border-top:1px solid var(--line)}.st-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.st-panel h2{font-size:16px;margin:0}.st-panel-head button{font-size:22px;padding:0 10px!important}.st-fields{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.st-fields label{display:grid;gap:8px;font-size:12px;flex:1;min-width:110px}.st-fields label:has(textarea),.st-fields label:has(#st-qr-value){flex:3;min-width:250px}.st-fields textarea{resize:vertical;min-height:65px}.st-buttons{display:flex;gap:8px;margin-top:12px}.st-panel p{font-size:12px;color:var(--muted);line-height:1.8}.st-panel .st-upload{display:flex;flex-wrap:wrap;gap:12px;padding:15px;border:1px dashed #8653a5;border-radius:12px;align-items:center}.st-ideas{display:flex;gap:9px;flex-wrap:wrap}.st-ideas button{font-weight:800}.st-selection{padding:12px 18px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:#21162b;border-top:1px solid var(--line);font-size:12px}.st-selection label{display:flex;gap:6px;align-items:center}.st-selection input{width:100px}.st-selection button{font-size:11px;padding:7px 12px!important}.st-bottom{padding:17px 22px;border-top:1px solid var(--line);display:flex;gap:10px;align-items:center;background:#110d19}.st-bottom div{margin-inline-end:auto}.st-bottom b{font-size:14px}.st-bottom small{display:block;font-size:11px;margin-top:5px;color:var(--muted)}#st-status{font-size:12px;padding:0 22px;line-height:1.8}#betia-studio [hidden]{display:none!important}body:has(#betia-studio) .betia-designer-route{padding:16px 14px!important}body:has(#betia-studio) .ast-container{max-width:100%!important;padding:0!important}@media(max-width:750px){#betia-studio .st-head{padding:12px;gap:10px;flex-wrap:wrap}#betia-studio h1{font-size:14px}.st-logo{font-size:22px!important}.st-history{gap:4px}.st-history #st-reset{font-size:10px;padding:8px}#st-export{font-size:11px;padding:8px!important}#betia-studio .st-top{padding:10px;flex-wrap:wrap}.st-options{width:100%;justify-content:space-between}.st-work{grid-template-columns:1fr}.st-layers{order:2;border-left:0;border-top:1px solid var(--line);padding:10px}.st-layers h2{margin:0 0 8px}#st-layers-list{display:flex;overflow:auto}#st-layers-list button{flex:none;max-width:160px}.st-layers p{margin:0}.st-stage{min-height:400px}.st-canvas-wrap{width:100%;height:auto;max-width:460px}.st-stage-note{font-size:9px}.st-zoom{left:8px}.st-quick{right:8px;bottom:10px}.st-tools{padding:8px;gap:5px}.st-tools button{padding:9px 3px!important}.st-tools span{font-size:10px}.st-panel{padding:15px}.st-fields{gap:10px}.st-fields label{min-width:100px}.st-fields label:has(textarea){min-width:100%;flex:1}.st-bottom{padding:12px;flex-wrap:wrap}.st-bottom div{width:100%}.st-bottom button{flex:1;font-size:11px}.st-selection{gap:8px;padding:10px}body:has(#betia-studio) .betia-designer-route{padding:8px!important}}