/* AUTODRAW / ANIMATE — samostatné studio pro animované vykreslení assetů */
body.autodraw-open{overflow:hidden!important}
#btn-autodraw-studio.is-active{background:#d7a64e!important;color:#171006!important;box-shadow:0 0 0 2px rgba(215,166,78,.25),0 5px 18px rgba(89,58,17,.24)!important}
.autodraw-studio{position:fixed;inset:0;z-index:5000;display:grid;place-items:stretch;background:#080b12;color:#e8edf6;font:13px/1.4 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.autodraw-studio[hidden]{display:none!important}
.autodraw-shell{min-width:0;min-height:0;display:grid;grid-template-rows:58px minmax(0,1fr);background:radial-gradient(circle at 65% 25%,rgba(180,131,59,.09),transparent 35%),#080b12}
.autodraw-head{display:flex;align-items:center;gap:14px;padding:0 18px;border-bottom:1px solid #29303c;background:rgba(13,17,25,.96);box-shadow:0 8px 30px rgba(0,0,0,.28)}
.autodraw-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#f4c46d,#8e5f21);color:#15100a;font-size:18px;font-weight:1000;box-shadow:0 0 30px rgba(244,196,109,.18)}
.autodraw-title{min-width:0}.autodraw-title small{display:block;color:#cba667;font-size:9px;font-weight:900;letter-spacing:.18em}.autodraw-title h2{margin:1px 0 0;font-size:17px;line-height:1.1}.autodraw-head-status{margin-left:auto;color:#93a0b3;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.autodraw-close{width:36px;height:36px;border:1px solid #343d4d;border-radius:9px;background:#171d27;color:#eef2f7;font-size:17px}.autodraw-close:hover{background:#283140}
.autodraw-body{min-height:0;display:grid;grid-template-columns:minmax(280px,350px) minmax(0,1fr)}
.autodraw-controls{min-height:0;overflow:auto;border-right:1px solid #29303c;background:rgba(15,19,28,.98);scrollbar-width:thin;scrollbar-color:#5a6678 transparent}
.autodraw-section{padding:14px 16px;border-bottom:1px solid #272e3a}.autodraw-section h3{margin:0 0 10px;color:#d5b474;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.autodraw-section p{margin:7px 0 0;color:#818c9e;font-size:10px;line-height:1.45}
.autodraw-file-row{display:grid;grid-template-columns:1fr auto;gap:7px}.autodraw-file-label,.autodraw-demo,.autodraw-action{display:flex;align-items:center;justify-content:center;min-height:36px;border:1px solid #3b4658;border-radius:8px;background:#202735;color:#f6f8fb;font-weight:800;cursor:pointer}.autodraw-file-label:hover,.autodraw-demo:hover,.autodraw-action:hover{border-color:#cba667;background:#2a303b}.autodraw-file-label input{display:none}.autodraw-demo{padding:0 11px;color:#d6b779}.autodraw-file-name{margin-top:8px;padding:8px 9px;border:1px dashed #333d4d;border-radius:7px;color:#91a0b4;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.autodraw-segment-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.autodraw-segment-actions input{display:none}.autodraw-segment-list{display:grid;gap:5px;margin-top:9px}.autodraw-segment-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;width:100%;padding:7px 8px;border:1px solid #303948;border-radius:7px;background:#151b25;color:#cdd5e0;text-align:left}.autodraw-segment-item:hover{border-color:#6e7b8e}.autodraw-segment-item.is-active{border-color:#d4a956;background:rgba(212,169,86,.12)}.autodraw-segment-order{display:grid;place-items:center;width:21px;height:21px;border-radius:6px;background:#292f3b;color:#d8b775;font:9px ui-monospace,SFMono-Regular,Consolas,monospace}.autodraw-segment-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:800}.autodraw-segment-meta{color:#778498;font-size:8px;white-space:nowrap}.autodraw-segment-empty{margin-top:8px;color:#778498;font-size:9px;line-height:1.4}.autodraw-segment-editor{margin-top:9px;padding-top:9px;border-top:1px solid #29313e}.autodraw-segment-editor[hidden]{display:none!important}.autodraw-segment-name{width:100%;height:31px;border:1px solid #4b5669;border-radius:7px;background:#111722;color:#f4f7fb;padding:0 8px;font-size:10px;font-weight:800}.autodraw-segment-toolbar{display:grid;grid-template-columns:auto auto auto 1fr;gap:5px;align-items:center;margin:7px 0}.autodraw-segment-toolbar button{height:27px;padding:0 7px;border:1px solid #3b4658;border-radius:6px;background:#202735;color:#cfd7e4;font-size:9px;font-weight:800}.autodraw-segment-toolbar button.is-danger{border-color:#63333b;color:#f3a7af}.autodraw-segment-toolbar label{justify-self:end;color:#9da9ba;font-size:9px}.autodraw-segment-toolbar input{accent-color:#d4a956}
.autodraw-style-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.autodraw-style{min-height:62px;padding:9px;border:1px solid #303948;border-radius:9px;background:#171d27;color:#cdd5e0;text-align:left}.autodraw-style strong,.autodraw-style span{display:block}.autodraw-style strong{font-size:11px}.autodraw-style span{margin-top:3px;color:#7f8a9a;font-size:9px;line-height:1.25}.autodraw-style:hover{border-color:#6e7b8e}.autodraw-style.is-active{border-color:#e2b763;background:linear-gradient(145deg,rgba(226,183,99,.18),rgba(226,183,99,.05));color:#fff;box-shadow:inset 0 0 0 1px rgba(226,183,99,.12)}.autodraw-style.is-active span{color:#cfb889}.autodraw-style-glitch{grid-column:1/-1;min-height:58px;border-color:#593a70;background:linear-gradient(135deg,rgba(159,70,208,.13),rgba(31,225,220,.06))}.autodraw-style-glitch.is-active{border-color:#dc61ff;background:linear-gradient(135deg,rgba(208,54,255,.22),rgba(31,225,220,.13));box-shadow:inset 0 0 0 1px rgba(44,244,229,.16),0 0 22px rgba(184,54,255,.09)}.autodraw-style-glitch.is-active span{color:#bde9e5}.autodraw-style-retro{border-color:#465363;background:linear-gradient(135deg,rgba(49,104,130,.12),rgba(125,72,38,.08))}.autodraw-style-retro.is-active{border-color:#71d0d7;background:linear-gradient(135deg,rgba(35,162,172,.18),rgba(188,101,41,.12));box-shadow:inset 0 0 0 1px rgba(126,226,231,.12)}.autodraw-style-grunge{grid-column:1/-1}.autodraw-retro-panel{background:linear-gradient(180deg,rgba(32,80,92,.10),rgba(92,55,27,.08))}.autodraw-retro-panel h3{color:#8ddbe0}.autodraw-retro-panel input[type=range]{accent-color:#63c7ce}
.autodraw-field{display:grid;grid-template-columns:105px minmax(0,1fr) 44px;gap:8px;align-items:center;margin:8px 0}.autodraw-field>label{color:#aeb8c6;font-size:10px;font-weight:750}.autodraw-field output{color:#d6b779;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;text-align:right}.autodraw-field input[type=range]{width:100%;accent-color:#d4a956}.autodraw-field select,.autodraw-field input[type=number]{width:100%;min-width:0;height:30px;border:1px solid #394456;border-radius:7px;background:#121721;color:#e8edf4;padding:0 7px;font-size:10px}.autodraw-field-wide{grid-template-columns:105px minmax(0,1fr)}
.autodraw-toggle{display:flex;align-items:center;gap:8px;margin:8px 0;color:#aeb8c6;font-size:10px}.autodraw-toggle input{accent-color:#d4a956}.autodraw-color-row{display:grid;grid-template-columns:1fr 38px;gap:8px}.autodraw-color-row select{height:32px;border:1px solid #394456;border-radius:7px;background:#121721;color:#e8edf4;padding:0 8px}.autodraw-color-row input[type=color]{width:38px;height:32px;padding:2px;border:1px solid #394456;border-radius:7px;background:#121721}.autodraw-style-options[hidden]{display:none!important}.autodraw-glitch-panel{background:linear-gradient(180deg,rgba(90,28,117,.13),rgba(8,79,76,.08))}.autodraw-glitch-panel h3{color:#d86cff}.autodraw-glitch-panel input[type=range]{accent-color:#c250e7}.autodraw-seed-row{display:grid;grid-template-columns:105px minmax(0,1fr) auto;gap:8px;align-items:center;margin:8px 0}.autodraw-seed-row label{color:#aeb8c6;font-size:10px;font-weight:750}.autodraw-seed-row input{min-width:0;height:30px;border:1px solid #4b3c58;border-radius:7px;background:#121721;color:#e8edf4;padding:0 7px;font:10px ui-monospace,SFMono-Regular,Consolas,monospace}.autodraw-seed-row button{height:30px;padding:0 9px;border:1px solid #614674;border-radius:7px;background:#281a31;color:#efc5ff;font-size:9px;font-weight:800}.autodraw-seed-row button:hover{border-color:#cf65f2;background:#382143}
.autodraw-resolution{display:grid;grid-template-columns:1fr 1fr;gap:7px}.autodraw-resolution select{grid-column:1/-1;height:32px;border:1px solid #394456;border-radius:7px;background:#121721;color:#e8edf4;padding:0 8px}.autodraw-resolution label{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:5px;color:#8591a3;font-size:9px}.autodraw-resolution input{width:100%;height:29px;border:1px solid #394456;border-radius:6px;background:#121721;color:#e8edf4;padding:0 6px}.autodraw-resolution label span{color:#697588}
.autodraw-stage{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;background:#0b0f17}.autodraw-preview-wrap{position:relative;min-width:0;min-height:0;display:grid;place-items:center;overflow:hidden;padding:26px}.autodraw-checker{position:absolute;inset:26px;background-color:#e7e8eb;background-image:linear-gradient(45deg,#cfd2d7 25%,transparent 25%),linear-gradient(-45deg,#cfd2d7 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#cfd2d7 75%),linear-gradient(-45deg,transparent 75%,#cfd2d7 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;border:1px solid #343c49;border-radius:3px;box-shadow:0 25px 80px rgba(0,0,0,.42)}
.autodraw-preview{position:relative;z-index:1;display:block;max-width:calc(100% - 52px);max-height:calc(100% - 52px);width:auto;height:auto;box-shadow:0 10px 38px rgba(0,0,0,.18)}
.autodraw-empty{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);max-width:340px;text-align:center;color:#495365;pointer-events:none}.autodraw-empty strong{display:block;color:#636e80;font-size:16px}.autodraw-empty span{display:block;margin-top:6px;font-size:11px}.autodraw-empty.is-hidden{display:none}
.autodraw-transport{display:grid;grid-template-columns:auto auto minmax(120px,1fr) auto auto;align-items:center;gap:9px;padding:12px 16px;border-top:1px solid #29303c;background:#10151e}.autodraw-transport button{width:34px;height:32px;border:1px solid #394456;border-radius:8px;background:#1c2330;color:#fff}.autodraw-transport button:hover{background:#293242;border-color:#68758a}.autodraw-transport input[type=range]{width:100%;accent-color:#d4a956}.autodraw-time{min-width:72px;color:#8f9bad;font:10px ui-monospace,SFMono-Regular,Consolas,monospace}.autodraw-loop{display:flex;align-items:center;gap:6px;color:#8f9bad;font-size:10px}.autodraw-loop input{accent-color:#d4a956}
.autodraw-export{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin-top:10px}.autodraw-export button{min-height:38px;border-radius:8px;border:1px solid #50432e;background:#2c251b;color:#f2d49d;font-size:10px;font-weight:850}.autodraw-export button:hover{border-color:#e0b461;background:#3a2e1d}.autodraw-export button:disabled{opacity:.42;cursor:wait}.autodraw-export .autodraw-mobile{grid-column:1/-1;display:grid;grid-template-columns:auto auto;align-items:center;justify-content:center;gap:8px;min-height:46px;border-color:#4f9e61;background:linear-gradient(135deg,#164b2b,#16231b);color:#c8ffd5}.autodraw-export .autodraw-mobile strong,.autodraw-export .autodraw-mobile span{display:block}.autodraw-export .autodraw-mobile strong{font-size:11px;letter-spacing:.08em}.autodraw-export .autodraw-mobile span{font-size:9px;color:#9fd9ad}.autodraw-export .autodraw-mobile:hover{border-color:#82e69b;background:linear-gradient(135deg,#1d6539,#1d3025)}.autodraw-export .autodraw-experimental{border-color:#6b604e;color:#c7b58f}.autodraw-export .autodraw-safe{border-color:#385545;background:#172b22;color:#a7e5c1}.autodraw-export .autodraw-safe:hover{border-color:#63c28b;background:#1d382a}
.autodraw-export .autodraw-project{grid-column:1/-1;display:grid;grid-template-columns:auto auto;align-items:center;justify-content:center;gap:8px;min-height:45px;border-color:#6d52a0;background:linear-gradient(135deg,#34225c,#17142a);color:#e6dcff}.autodraw-export .autodraw-project span{color:#bba9e8;font-size:9px}.autodraw-export .autodraw-project:hover{border-color:#ab85ff;background:linear-gradient(135deg,#49317d,#21183b)}
.autodraw-progress{height:3px;background:#252c38}.autodraw-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#b57c2f,#f0cb7d);transition:width .12s linear}.autodraw-busy .autodraw-progress span{box-shadow:0 0 12px #d7a754}
.autodraw-notice{margin-top:8px;color:#778498;font-size:9px;line-height:1.45}.autodraw-notice strong{color:#b8c2d0}.autodraw-error{color:#f59b9b!important}
@media(max-width:900px){.autodraw-body{grid-template-columns:minmax(250px,300px) minmax(0,1fr)}.autodraw-preview-wrap{padding:12px}.autodraw-checker{inset:12px}.autodraw-preview{max-width:calc(100% - 24px);max-height:calc(100% - 24px)}}
@media(max-width:680px){.autodraw-shell{grid-template-rows:52px minmax(0,1fr)}.autodraw-body{grid-template-columns:1fr;grid-template-rows:minmax(230px,42vh) minmax(0,1fr)}.autodraw-controls{order:2;border-right:0;border-top:1px solid #29303c}.autodraw-stage{order:1}.autodraw-head-status{display:none}.autodraw-transport{grid-template-columns:auto auto 1fr auto}.autodraw-loop{display:none}}
@media(prefers-reduced-motion:reduce){.autodraw-studio *{scroll-behavior:auto!important;transition:none!important}}