/* IconHub Motion Studio. Standalone CSS fallback; Tailwind 3.1.8 is optional. */
@font-face{font-family:"Dana";src:local("Dana"),url("/fonts/Dana/woff2/DanaFaNum-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Dana";src:local("Dana Medium"),url("/fonts/Dana/woff2/DanaFaNum-Medium.woff2") format("woff2");font-weight:500 600;font-style:normal;font-display:swap}
@font-face{font-family:"Dana";src:local("Dana DemiBold"),url("/fonts/Dana/woff2/DanaFaNum-DemiBold.woff2") format("woff2");font-weight:700 900;font-style:normal;font-display:swap}
:root{color-scheme:light;--brand:#5b6bfe;--brand-deep:#4b4eeb;--violet:#7c3aed;--ink:#192445;--muted:#77819b;--line:#e9ecf6;--soft:#f4f5ff;--panel:#fff;--bg:#f8faff;--shadow:0 10px 36px rgba(30,41,83,.045);--radius:14px;--tl-label:242px;--topbar:70px;--timeline:288px;--footer:31px;font-family:"Dana","Segoe UI",Tahoma,sans-serif}
*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-size:13px;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--brand);outline-offset:2px}button,select{touch-action:manipulation}svg.ico{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}svg.ico.xs{width:15px;height:15px}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.app-shell{height:100vh;height:100dvh;min-height:510px;display:flex;flex-direction:column;overflow:hidden}.topbar{height:var(--topbar);min-height:var(--topbar);display:flex;justify-content:space-between;align-items:center;padding:0 22px;gap:15px;border-bottom:1px solid var(--line);background:#fff;z-index:5}.brand-area,.header-actions,.brand-mark,.project-name,.header-pill,.btn,.stage-tool-group,.stage-toolbar,.tool-btn,.playback-strip,.playback-main,.transport-extras,.transport-time,.timeline-heading,.timeline-top,.timeline-top-actions,.statusbar,.statusbar>div{display:flex;align-items:center}.brand-area{gap:13px;min-width:0}.brand-mark{width:40px;height:40px;justify-content:center;background:linear-gradient(145deg,#555ff6,#8578fb);color:white;border-radius:13px;box-shadow:0 7px 13px #5b6bfe30}.brand-mark .logo-ico{width:25px;height:25px}.brand-copy{line-height:1.16;direction:ltr;text-align:left;white-space:nowrap}.brand-copy strong{display:block;font-size:16px;letter-spacing:-.65px}.brand-copy strong span{color:var(--brand)}.brand-copy small{display:block;color:#78829e;font-size:9px;letter-spacing:2.3px;margin-top:4px;font-weight:800}.brand-version{letter-spacing:.2px;color:#afb4c8}.header-divider{display:block;height:23px;width:1px;background:var(--line);margin:0 5px;flex:none}.project-meta{min-width:0}.project-kicker{display:block;color:#98a0b5;font-size:10px;margin-bottom:2px}.project-name{padding:0;border:0;background:none;gap:6px;color:#33415f;font-size:12px;font-weight:800;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr}.project-name .ico{color:#96a0bb}.dirty-dot{width:7px;height:7px;background:#f59e0b;border-radius:50%}.header-actions{gap:8px;white-space:nowrap}.header-pill{gap:6px;border:1px solid #dcf6e8;color:#178253;background:#f0fff7;border-radius:99px;padding:7px 9px;font-size:10px;font-weight:700;margin-left:5px}.header-pill .ico{width:14px;height:14px}.btn{justify-content:center;gap:8px;min-height:36px;padding:0 13px;border-radius:10px;font-weight:800;border:1px solid transparent;background:transparent;color:#485674;transition:background .15s,transform .15s,box-shadow .15s}.btn:hover{transform:translateY(-1px)}.btn.compact,.btn-icon{width:35px;padding:0;justify-content:center}.btn-ghost:hover{background:var(--soft);color:var(--brand)}.btn-outline{border-color:#e2e5f4;background:#fff;box-shadow:0 1px 3px #14194c05}.btn-outline:hover{border-color:#bdc5fe;background:#fbfbff}.btn-primary{background:var(--brand);color:white;box-shadow:0 4px 10px #5b6bfe31}.btn-primary:hover{background:var(--brand-deep);box-shadow:0 6px 16px #5b6bfe3c}.btn-danger{background:#fff1f2;color:#dc354c;border:1px solid #ffdade}.btn-danger:hover{background:#ffe5ea}.mobile-menu{display:none}.workspace{display:grid;grid-template-columns:minmax(235px,258px) minmax(340px,1fr) minmax(280px,305px);direction:rtl;min-height:0;flex:1;overflow:hidden}.panel{background:#fff;display:flex;flex-direction:column;overflow:hidden}.layers-panel{border-left:1px solid var(--line)}.inspector-panel{border-right:1px solid var(--line)}.panel-head,.inspector-top{display:flex;justify-content:space-between;align-items:center;padding:25px 20px 16px}.section-eyebrow{display:block;color:#a1a9c2;letter-spacing:1.55px;font:800 9px/1.6 "Segoe UI",sans-serif;direction:ltr;text-align:right}.panel h2{font-size:17px;letter-spacing:-.4px;margin:5px 0 0;display:flex;align-items:center;gap:8px}.count-badge{font-size:10px;background:#f0f1ff;color:#5c60d9;border-radius:8px;padding:3px 7px}.icon-button{width:32px;height:32px;border:1px solid var(--line);border-radius:9px;background:white;color:#6e7a96;display:flex;align-items:center;justify-content:center}.icon-button:hover{color:var(--brand);background:var(--soft);border-color:#dce0ff}.layer-toolbar{padding:0 18px 18px}.search-wrap{height:36px;border:1px solid #e9ebf4;border-radius:10px;display:flex;align-items:center;gap:8px;padding:0 10px;background:#fafbff;color:#a6aec3}.search-wrap .ico{width:16px;height:16px}.search-wrap input{border:none;background:none;outline:none;min-width:0;width:100%;color:var(--ink);font-size:11px}.search-wrap input::placeholder{color:#a3abc0}.asset-section{padding:0 17px 21px;border-bottom:1px solid var(--line)}.label-mini{display:block;color:#7e8ba5;font-size:10px;font-weight:800;margin-bottom:11px}.shape-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.shape-actions button{background:#f8f9ff;border:1px solid #eef0fa;border-radius:10px;color:#52617f;min-height:62px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;font-size:10px;font-weight:750}.shape-actions button:hover{background:#f0f0ff;border-color:#d7d9ff;color:var(--brand)}.shape-actions .ico{width:19px;height:19px}.list-heading{padding:17px 18px 11px;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:850}.list-heading>span:last-child{font-size:10px;color:#a5abc0;font-weight:600}.layer-list{overflow:auto;min-height:0;flex:1;padding:0 9px 10px;scrollbar-width:thin;scrollbar-color:#dfe4f7 transparent}.layer-item{display:flex;align-items:center;gap:8px;padding:9px 8px;margin:3px 0;border-radius:10px;border:1px solid transparent;cursor:pointer;min-width:0;transition:background .1s,border .1s}.layer-item:hover{background:#f8f9ff}.layer-item.is-selected{background:#f0f1ff;border-color:#dfe2ff}.layer-item.is-hidden .layer-title{opacity:.45}.layer-type{width:29px;height:29px;border-radius:8px;background:#e9ecff;color:var(--brand);display:flex;align-items:center;justify-content:center;flex:none}.layer-type.type-ellipse{background:#f3eafe;color:#9857df}.layer-type.type-other{background:#eff2f8;color:#8090ab}.layer-type .ico{width:16px;height:16px}.layer-details{min-width:0;flex:1}.layer-title{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:11px;font-weight:800;color:#34405b;direction:auto}.layer-sub{font:10px/1.6 "Segoe UI",Tahoma,sans-serif;color:#a4acc0;display:block;direction:ltr;text-align:right}.layer-actions{display:flex;align-items:center;gap:2px;opacity:0}.layer-item:hover .layer-actions,.layer-item.is-selected .layer-actions,.layer-item:focus-within .layer-actions{opacity:1}.layer-action{border:0;background:transparent;color:#a0abc1;width:24px;height:25px;display:flex;align-items:center;justify-content:center;border-radius:6px;padding:0}.layer-action:hover{background:white;color:var(--brand)}.layer-action .ico{width:14px;height:14px}.layer-action.is-locked{color:#d97706}.panel-footer{padding:12px 15px;display:flex;align-items:center;gap:5px;font-size:10px;color:#9ba4b8;border-top:1px solid var(--line);white-space:nowrap}.stage-column{min-width:0;min-height:0;display:flex;flex-direction:column;background:#f8faff}.stage-toolbar{height:59px;min-height:59px;padding:0 23px;justify-content:space-between;border-bottom:1px solid #e9ebf5;background:#fff;gap:8px}.stage-tool-group{gap:9px;white-space:nowrap}.stage-tool-group strong{font-size:12px}.live-dot{width:7px;height:7px;border-radius:50%;background:#20c77b;box-shadow:0 0 0 4px #20c77b1b}.stage-chip{color:#7a86a5;background:#f5f6fc;border:1px solid #edeefa;padding:4px 8px;border-radius:7px;font-size:9px;font-weight:650}.stage-options{gap:4px}.tool-btn{width:30px;height:30px;border:0;border-radius:8px;justify-content:center;color:#7d88a5;background:transparent}.tool-btn:hover,.tool-btn.is-on{background:#eeefff;color:var(--brand)}.tool-btn .ico{width:17px;height:17px}.thin-divider{height:18px;width:1px;background:#e9ebf4;margin:0 5px;display:block}.zoom-label{min-width:48px;padding:5px 0;font:700 11px "Segoe UI",sans-serif;color:#425171;border:0;background:none}.stage-surface{position:relative;flex:1;min-height:145px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f7f8fd}.stage-surface.grid-on{background-image:linear-gradient(to right,#aab1ce11 1px,transparent 1px),linear-gradient(to bottom,#aab1ce11 1px,transparent 1px);background-size:24px 24px}.stage-background-glow{pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse at 48% 45%,#c6cafe2c 0,transparent 65%)}.stage-inner{position:relative;display:flex;align-items:center;justify-content:center;transform-origin:center center;will-change:transform}.artboard{position:relative;box-shadow:0 19px 55px #24326824,0 0 0 1px #dbe0f2;overflow:hidden;background:white;flex:none}.artboard.checker{background-color:white;background-image:linear-gradient(45deg,#eaecf4 25%,transparent 25%),linear-gradient(-45deg,#eaecf4 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eaecf4 75%),linear-gradient(-45deg,transparent 75%,#eaecf4 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.artboard.dark-board{background:#18203a}.preview-host,.preview-host>svg,.preview-host>div{width:100%;height:100%;display:block}.preview-host svg{overflow:visible}.artboard-overlay{position:absolute;inset:0;pointer-events:none}.selection-outline{fill:none;stroke:#6574ff;stroke-width:1.5;stroke-dasharray:6 4;vector-effect:non-scaling-stroke}.selection-point{fill:#fff;stroke:#6574ff;stroke-width:1.5}.stage-empty{position:absolute;inset:0;background:#f8faffef;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:3;gap:8px;text-align:center;padding:30px}.stage-empty[hidden]{display:none}.stage-empty>.ico{width:42px;height:42px;color:#8e94e8}.stage-empty h3{font-size:17px;margin:8px 0 0}.stage-empty p{font-size:12px;color:#8490a9;margin:0 0 10px}.canvas-corner{position:absolute;direction:ltr;left:16px;bottom:14px;padding:6px 10px;display:flex;gap:6px;background:#fffffff0;border:1px solid #e6e9f3;box-shadow:0 2px 8px #1420450a;border-radius:8px;font:10px "Segoe UI",sans-serif;color:#8590a8}.corner-separator{opacity:.6}.playback-strip{height:62px;min-height:62px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:white;justify-content:space-between;padding:0 16px;gap:10px;direction:ltr}.playback-main{gap:5px}.transport-btn{background:transparent;border:0;width:27px;height:31px;display:flex;justify-content:center;align-items:center;color:#8190ac;border-radius:7px}.transport-btn:hover{background:var(--soft);color:var(--brand)}.transport-btn .ico{width:17px;height:17px}.flip{transform:rotate(180deg)}.transport-play{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:11px;border:0;color:white;background:var(--brand);box-shadow:0 4px 9px #5b6bfe35}.transport-play:hover{background:var(--brand-deep)}.transport-play .ico{width:16px;height:16px;stroke:none}.transport-time{gap:8px;font:11px "Segoe UI",sans-serif;color:#a9b0c1}.transport-time strong{color:#273654;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}.transport-extras{gap:8px;color:#8895af}.transport-caption{font-size:10px}.transport-extras select{border:1px solid #e9eaf3;color:#425171;background:white;border-radius:7px;padding:5px 6px;font-size:11px;direction:ltr}.loop-toggle{border:0;color:#8190aa;background:transparent;border-radius:7px;padding:6px 8px;display:flex;gap:4px;font-size:11px}.loop-toggle.is-on{background:#edeeff;color:var(--brand)}.stage-note{min-height:33px;padding:8px 16px;display:flex;align-items:center;gap:6px;color:#8c95ac;font-size:10px;background:#fbfbff}.stage-note .ico{color:#9fa8da}.inspector-top{padding:25px 18px 16px}.inspector-tabs{padding:0 18px;display:flex;border-bottom:1px solid var(--line);gap:22px}.inspector-tabs button{position:relative;border:0;background:none;color:#99a3b9;font-weight:800;padding:13px 1px 12px;font-size:11px}.inspector-tabs button.active{color:var(--brand)}.inspector-tabs button.active:after{content:"";height:2px;background:var(--brand);position:absolute;bottom:-1px;right:0;left:0;border-radius:5px}.inspector-body{overflow:auto;min-height:0;flex:1;padding:18px 18px 14px;scrollbar-width:thin;scrollbar-color:#e1e4f3 transparent}.property-card{border:1px solid #e8ebf5;border-radius:12px;margin-bottom:12px;background:#fff;overflow:hidden}.property-header{display:flex;align-items:center;justify-content:space-between;padding:13px 12px;background:#fcfcff;border-bottom:1px solid #f0f1f8}.property-header strong{font-size:11px;display:flex;align-items:center;gap:7px}.property-header .ico{color:#909bfd;width:17px;height:17px}.property-header small{font:10px "Segoe UI",sans-serif;color:#9ba5bc}.property-body{padding:13px 12px}.field-label{display:block;color:#76839f;font-size:10px;font-weight:750;margin-bottom:7px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.field-row:last-child{margin-bottom:0}.field{min-width:0}.field-control{display:flex;align-items:center;gap:3px;border:1px solid #e5e8f2;border-radius:8px;background:#fcfdff;min-height:34px;direction:ltr;padding:0 8px}.field-control:focus-within{border-color:#aeb5fd;box-shadow:0 0 0 2px #aeb5fd28}.field-control input{width:100%;min-width:0;background:none;border:0;outline:none;text-align:left;color:#34415e;font:700 11px "Segoe UI",sans-serif;padding:8px 0}.field-control .unit{font-size:10px;color:#9ba5bc}.field-control .axis{font:800 9px "Segoe UI",sans-serif;color:#7586db}.wide-field{margin-bottom:12px}.wide-field input,.wide-field select{width:100%;padding:9px 10px;border:1px solid #e5e8f2;background:#fbfcff;border-radius:8px;color:#384562;outline:none}.wide-field input:focus,.wide-field select:focus{border-color:var(--brand)}.property-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.property-row:last-child{margin-bottom:0}.property-row>label{color:#77849e;font-size:10px}.property-row>span{color:#384562;font-size:11px;font-weight:750;font-family:"Segoe UI",Tahoma,sans-serif}.color-control{display:flex;align-items:center;gap:8px;direction:ltr;border:1px solid #e9ebf4;border-radius:9px;padding:6px 8px}.color-control input[type=color]{width:31px;height:25px;border:0;padding:0;background:none;cursor:pointer}.color-control code{font:11px "Segoe UI",sans-serif;color:#53627e;flex:1}.color-control .ico{width:13px;height:13px;color:#a5aec5}.property-hint{font-size:10px;color:#929db3;line-height:1.8;margin:8px 0 0}.property-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:52px 8px;color:#9ba5be;gap:8px}.property-empty .ico{width:35px;height:35px;color:#b2b7f7}.property-empty strong{font-size:12px;color:#576582}.property-empty p{font-size:11px;line-height:2;margin:0}.inspector-actions{display:flex;gap:7px;margin-top:10px}.inspector-actions .btn{flex:1;font-size:10px;padding:0 8px}.inspector-bottom{border-top:1px solid var(--line);padding:13px 17px;display:flex;align-items:center;justify-content:space-between;color:#a3abc0;font-size:10px}.inspector-bottom span{display:flex;gap:5px;align-items:center}.inspector-bottom .ico{color:#7279e9}.inspector-bottom #documentFps{font:700 10px "Segoe UI",sans-serif}.timeline-panel{height:var(--timeline);min-height:var(--timeline);background:white;box-shadow:0 -6px 30px #28386508;display:flex;flex-direction:column;border-top:1px solid #e9ebf4;z-index:3}.timeline-top{height:58px;min-height:58px;padding:0 16px;justify-content:space-between;border-bottom:1px solid #e9ebf4;gap:8px}.timeline-heading{gap:9px}.timeline-badge{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#eff0ff;color:var(--brand);border-radius:9px}.timeline-heading strong{font-size:12px;display:block}.timeline-heading small{font-size:9px;color:#99a3b8;display:block;margin-top:2px}.timeline-top-actions{gap:8px;color:#8794ae}.auto-key-label{display:flex;align-items:center;gap:6px;font-size:10px;cursor:pointer}.auto-key-label input{position:absolute;opacity:0;width:1px;height:1px}.auto-key-switch{display:block;width:27px;height:16px;background:#e2e5f0;border-radius:99px;position:relative;transition:background .2s}.auto-key-switch:before{content:"";position:absolute;top:3px;right:3px;width:10px;height:10px;background:white;border-radius:50%;box-shadow:0 1px 2px #4444;transition:transform .2s}.auto-key-label input:checked+.auto-key-switch{background:var(--brand)}.auto-key-label input:checked+.auto-key-switch:before{transform:translateX(-11px)}.auto-key-label input:focus-visible+.auto-key-switch{outline:2px solid var(--brand);outline-offset:2px}.timeline-top-actions .thin-divider{margin:0 6px}.timeline-top-actions .tool-btn{width:25px;height:25px}.timeline-counter{font:800 10px "Segoe UI",sans-serif;color:#65718b;background:#f6f7fc;padding:7px 9px;border-radius:7px;direction:ltr}#timelineZoomLabel{font:10px "Segoe UI",sans-serif;direction:ltr}.timeline-content{display:flex;min-height:0;flex:1;direction:rtl}.timeline-names{width:var(--tl-label);min-width:var(--tl-label);border-left:1px solid #e9ebf4;background:#fff;z-index:2;display:flex;flex-direction:column;min-height:0}.timeline-names-head{height:36px;min-height:36px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;color:#73819a;font-size:10px;font-weight:800;background:#fafbff;border-bottom:1px solid var(--line)}.timeline-names-head span{font:800 8px "Segoe UI",sans-serif;color:#acb4c7;letter-spacing:.7px}.timeline-labels{overflow:hidden;flex:1;scrollbar-width:none}.timeline-label-row{display:flex;align-items:center;gap:8px;height:39px;padding:0 14px;font-size:10px;border-bottom:1px solid #f1f2f8;cursor:pointer;white-space:nowrap;overflow:hidden}.timeline-label-row.is-selected{background:#f1f2ff}.timeline-label-row .ico{width:14px;height:14px;color:#7785c4}.timeline-label-row span{min-width:0;overflow:hidden;text-overflow:ellipsis}.timeline-label-row small{margin-right:auto;color:#b0b7c9;font:9px "Segoe UI",sans-serif}.timeline-scroll{min-width:0;flex:1;overflow:auto;direction:ltr;scrollbar-width:thin;scrollbar-color:#cbd2e7 #f5f6fa}.timeline-track-inner{position:relative;min-height:100%;width:1200px}.timeline-ruler{height:36px;border-bottom:1px solid #e5e8f1;position:relative;background:#fbfcff;cursor:crosshair}.ruler-tick{position:absolute;bottom:0;width:1px;background:#cbd1e2;height:8px;pointer-events:none}.ruler-tick.major{height:13px;background:#aeb8d1}.ruler-tick label{position:absolute;top:-16px;left:3px;white-space:nowrap;font:9px "Segoe UI",sans-serif;color:#8c98b1}.timeline-rows{position:relative}.timeline-track{position:relative;height:39px;border-bottom:1px solid #edf0f7;background:repeating-linear-gradient(to right,transparent 0,transparent calc(var(--grid-step) - 1px),#e7eaf444 calc(var(--grid-step) - 1px),#e7eaf444 var(--grid-step));cursor:crosshair}.timeline-track:nth-child(even){background-color:#fcfdff}.timeline-track.is-selected{background-color:#f1f2ff}.track-life{position:absolute;height:7px;top:16px;background:#cad0ff55;border-radius:4px;border:1px solid #aeb7ff50;pointer-events:none}.track-life.is-muted{opacity:.25}.keyframe{position:absolute;z-index:3;top:14px;width:12px;height:12px;border:1px solid #6865eb;background:#9188ff;transform:translateX(-50%) rotate(45deg) scale(.72);padding:0;border-radius:2px;cursor:grab;touch-action:none;box-shadow:0 1px 2px #3e3b9e31}.keyframe:hover,.keyframe:focus-visible{background:#5440df;transform:translateX(-50%) rotate(45deg) scale(.95);outline:2px solid #9da7ff;outline-offset:3px}.keyframe.is-position{background:#5b6bfe;border-color:#3e4ddd}.keyframe.is-scale{background:#b88bf2;border-color:#8056c7}.keyframe.is-opacity{background:#26bcaa;border-color:#168a80}.keyframe.is-rotation{background:#f7a85c;border-color:#df8442}.playhead{position:absolute;top:0;bottom:0;width:1px;background:var(--brand);z-index:5;pointer-events:none;box-shadow:0 0 0 1px #5b6bfe21}.playhead-head{position:absolute;top:0;left:-6px;width:13px;height:15px;background:var(--brand);border-radius:0 0 4px 4px;clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%)}.statusbar{height:var(--footer);min-height:var(--footer);background:#fbfcff;border-top:1px solid var(--line);padding:0 16px;justify-content:space-between;gap:14px;color:#9aa5b9;font-size:10px;white-space:nowrap}.statusbar>div{gap:8px;min-width:0}.status-led{width:6px;height:6px;background:#26c78b;border-radius:50%}.status-separator{color:#d5d9e6}.statusbar kbd{font:9px "Segoe UI",sans-serif;background:#f0f2f9;color:#72809d;border:1px solid #e5e8f0;border-radius:4px;padding:3px 5px;direction:ltr}.statusbar button{display:flex;align-items:center;gap:4px;background:none;border:0;color:var(--brand);font-size:10px}.toast-stack{position:fixed;bottom:46px;left:19px;display:grid;gap:8px;z-index:30;max-width:min(380px,calc(100vw - 32px))}.toast{display:flex;gap:9px;align-items:start;line-height:1.8;border-radius:10px;padding:11px 13px;box-shadow:0 15px 45px #15245122;border:1px solid #e3e7f6;background:white;color:#405070;font-size:11px;animation:toast-in .2s ease}.toast .ico{color:#18b981;width:17px;height:17px}.toast.error .ico{color:#e44b66}.toast.warning .ico{color:#e5a33c}@keyframes toast-in{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.studio-dialog{border:1px solid #e2e5f4;background:white;border-radius:17px;box-shadow:0 28px 100px #1c235f3b;max-width:min(690px,calc(100vw - 28px));width:100%;padding:0;color:var(--ink);max-height:calc(100vh - 50px);overflow:hidden}.studio-dialog::backdrop{background:#151c3c85;backdrop-filter:blur(3px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--line)}.dialog-header h2{font-size:18px;margin:4px 0 0}.dialog-content{padding:22px 24px;overflow:auto;max-height:min(68vh,650px)}.dialog-actions{border-top:1px solid var(--line);padding:15px 24px;display:flex;gap:9px;justify-content:flex-start}.dialog-actions .btn{min-width:105px}.dialog-copy{color:#77839d;line-height:2;font-size:12px;margin:0 0 15px}.json-textarea{display:block;width:100%;min-height:350px;resize:vertical;direction:ltr;text-align:left;font:11px/1.6 Consolas,monospace;background:#141b2f;color:#d6e1ff;border:1px solid #344165;border-radius:11px;padding:16px;tab-size:2}.dialog-alert{padding:11px 13px;border:1px solid #ffe3b4;color:#926b28;background:#fffaf0;border-radius:9px;line-height:1.8;font-size:11px;margin-top:12px}.dialog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dialog-grid .wide-field{margin-bottom:0}.shortcut-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f0f1f6;font-size:11px;color:#5c6885}.shortcut-row kbd{font:10px "Segoe UI",sans-serif;direction:ltr;background:#f1f2ff;color:#585fe9;padding:6px 9px;border-radius:6px}.drop-active:after{content:"فایل Lottie JSON را رها کنید";position:absolute;inset:15px;z-index:10;border:2px dashed var(--brand);background:#f1f2ffef;border-radius:18px;color:var(--brand);font-weight:850;font-size:22px;display:flex;align-items:center;justify-content:center;pointer-events:none}.inspector-muted{font-size:10px;color:#a4afc2}.unsupported-note{border:1px solid #ffe6bb;background:#fffaf0;border-radius:9px;color:#9c7a3e;padding:10px 11px;line-height:1.9;font-size:10px;margin-bottom:13px}.render-warning{color:#a27524!important;background:#fff4d9!important;border-color:#ffe4ae!important}@media(max-width:1150px){.workspace{grid-template-columns:minmax(205px,224px) minmax(300px,1fr) minmax(248px,266px)}.panel-head,.inspector-top{padding-left:14px;padding-right:14px}.inspector-body{padding:15px 11px}.layer-toolbar{padding-right:12px;padding-left:12px}.asset-section{padding-left:12px;padding-right:12px}.stage-toolbar{padding:0 14px}.timeline-panel{--tl-label:222px}}
@media(max-width:920px){:root{--timeline:245px;--topbar:61px}.topbar{padding:0 12px}.header-pill,.brand-version,.project-kicker,.header-divider.hide-small,.hide-small{display:none!important}.workspace{grid-template-columns:210px minmax(250px,1fr)}.inspector-panel{position:absolute;z-index:7;left:0;top:var(--topbar);bottom:calc(var(--timeline) + var(--footer));width:min(312px,92vw);box-shadow:14px 0 55px #2029481f;transform:translateX(-102%);transition:transform .2s}.inspector-panel.mobile-open{transform:translateX(0)}.inspector-panel .inspector-top{padding-top:16px}.stage-note{display:none}.timeline-top{height:48px;min-height:48px}.timeline-content .timeline-names{--tl-label:208px}}
@media(max-width:650px){:root{--topbar:58px;--timeline:218px;--footer:27px}.topbar{gap:6px;padding:0 8px}.brand-mark{width:32px;height:32px;border-radius:10px}.brand-mark .logo-ico{width:20px;height:20px}.brand-copy strong{font-size:12px}.brand-copy small{font-size:7px;letter-spacing:1.5px}.project-meta,.header-actions .btn-outline,.hide-tiny{display:none!important}.header-actions{gap:5px}.header-actions .btn-primary{min-height:33px;padding:0 10px}.mobile-menu{display:flex;border:1px solid var(--line);border-radius:9px;background:white;height:32px;align-items:center;justify-content:center}.workspace{display:block;position:relative}.stage-column{height:100%}.layers-panel{position:absolute;z-index:8;right:0;top:0;bottom:0;width:min(290px,90vw);box-shadow:-14px 0 40px #16214c22;transform:translateX(102%);transition:transform .2s}.layers-panel.mobile-open{transform:translateX(0)}.inspector-panel{bottom:0;top:0}.stage-toolbar{height:46px;min-height:46px;padding:0 9px}.stage-options{gap:0}.stage-chip{font-size:8px;padding:3px 4px}.stage-toolbar .tool-btn{width:25px;height:25px}.zoom-label{min-width:35px;font-size:9px}.playback-strip{padding:0 7px;height:53px;min-height:53px;gap:3px}.transport-btn{width:20px}.transport-btn .ico{width:14px}.transport-play{height:30px;width:30px;border-radius:9px}.transport-time{gap:3px;font-size:9px}.transport-time strong{font-size:10px}.transport-extras .transport-caption,.transport-extras .thin-divider,.loop-toggle span{display:none}.transport-extras select{padding:3px;font-size:9px}.loop-toggle{padding:4px}.timeline-top{padding:0 9px}.timeline-heading small{display:none}.timeline-heading strong{font-size:11px}.timeline-badge{width:26px;height:26px}.timeline-top-actions{gap:3px}.timeline-top-actions .thin-divider,#timelineZoomLabel{display:none}.auto-key-label{font-size:0}.auto-key-switch{width:24px}.timeline-counter{font-size:9px;padding:5px}.timeline-names{--tl-label:135px}.timeline-names-head{padding:0 7px;font-size:9px}.timeline-names-head span{display:none}.timeline-label-row{padding:0 7px;gap:3px;font-size:9px}.timeline-label-row small{display:none}.statusbar{padding:0 7px}.statusbar>div:last-child{display:none}.canvas-corner{bottom:7px;left:7px}.dialog-grid{grid-template-columns:1fr}.dialog-content{padding:14px}.dialog-header,.dialog-actions{padding:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.inspector-trigger{display:none}@media(max-width:920px){.inspector-trigger{display:flex}}

.simple-text-editor{width:100%;min-height:86px;resize:vertical;border:1px solid #e5e8f2;border-radius:9px;background:#fcfdff;color:#34415e;padding:10px;line-height:1.7;direction:auto}

/* IconHub visual language: neutral surfaces, indigo actions, and the site's dark mode. */
:root{--brand:#4f46e5;--brand-deep:#4338ca;--violet:#6366f1;--ink:#18181b;--muted:#6b7280;--line:#e5e7eb;--soft:#eef2ff;--panel:#fff;--bg:#f9fafb;--shadow:0 1px 3px rgba(0,0,0,.08);}
.brand-mark{background:linear-gradient(to right,#6366f1,#4f46e5);box-shadow:0 4px 10px rgba(79,70,229,.2)}
.topbar,.panel,.stage-toolbar,.playback-strip,.timeline-panel{background:#fff}.stage-column,.stage-surface{background:#f9fafb}.stage-background-glow{background:radial-gradient(ellipse at 48% 45%,rgba(99,102,241,.08) 0,transparent 65%)}
.btn-primary{background:#4f46e5;box-shadow:0 2px 5px rgba(79,70,229,.2)}.btn-primary:hover,.transport-play:hover{background:#4338ca}.transport-play{background:#4f46e5;box-shadow:0 2px 5px rgba(79,70,229,.2)}
.workspace-tabs button.active,.inspector-tabs button.active,.tool-btn.is-on,.tool-btn:hover,.loop-toggle.is-on,.layer-item.is-selected{background:#eef2ff;border-color:#c7d2fe;color:#4f46e5}.layer-type{background:#eef2ff;color:#4f46e5}.layer-type.type-ellipse{background:#eef2ff;color:#6366f1}.creation-symbol,.timeline-badge{background:#eef2ff;color:#4f46e5}.header-pill{border-color:#d1fae5;background:#ecfdf5;color:#047857}
.artboard{box-shadow:0 8px 24px rgba(17,24,39,.10),0 0 0 1px #e5e7eb}.property-card,.search-wrap,.field-control,.wide-field input,.wide-field select,.color-control{border-color:#e5e7eb}.property-header,.workspace-tabs button.active,.inspector-tabs button.active{background:#eef2ff}
html.dark{color-scheme:dark}html.dark body{background:#111827;color:#f3f4f6}html.dark .topbar,html.dark .panel,html.dark .stage-toolbar,html.dark .playback-strip,html.dark .timeline-panel{background:#111827;border-color:#1f2937}html.dark .stage-column,html.dark .stage-surface,html.dark .stage-empty{background:#111827}html.dark .stage-background-glow{background:radial-gradient(ellipse at 48% 45%,rgba(99,102,241,.13) 0,transparent 65%)}html.dark .workspace-tabs,html.dark .inspector-tabs,html.dark .panel-footer,html.dark .playback-strip,html.dark .timeline-top,html.dark .timeline-ruler,html.dark .timeline-names-head{border-color:#1f2937}html.dark .workspace-tabs button.active,html.dark .inspector-tabs button.active,html.dark .tool-btn.is-on,html.dark .tool-btn:hover,html.dark .loop-toggle.is-on,html.dark .layer-item.is-selected{background:rgba(99,102,241,.16);border-color:rgba(99,102,241,.35);color:#a5b4fc}html.dark .layer-item:hover,html.dark .btn-ghost:hover{background:#1f2937}html.dark .property-card,html.dark .property-header,html.dark .search-wrap,html.dark .field-control,html.dark .wide-field input,html.dark .wide-field select,html.dark .color-control,html.dark .timeline-names,html.dark .timeline-track:nth-child(even){background:#111827;border-color:#1f2937}html.dark .artboard{box-shadow:0 8px 24px rgba(0,0,0,.35),0 0 0 1px #374151}html.dark .brand-copy strong,html.dark .panel h2,html.dark .stage-tool-group strong,html.dark .timeline-heading strong,html.dark .property-header strong,html.dark .transport-time strong{color:#f3f4f6}html.dark .brand-copy small,html.dark .project-kicker,html.dark .panel-footer,html.dark .stage-note,html.dark .timeline-heading small{color:#9ca3af}

/* v2: tabbed workspace and contextual properties — no editing controls removed. */
:root { --timeline: 264px; }
.workspace { grid-template-columns: minmax(238px,252px) minmax(340px,1fr) minmax(288px,310px); }
.layers-panel,.inspector-panel { display:flex; flex-direction:column; min-height:0; overflow:hidden; background:#fff; }
.layers-panel .panel-head { padding:21px 17px 15px; flex:none; }
.workspace-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:4px 9px 9px; gap:5px; flex:none; border-bottom:1px solid var(--line); }
.workspace-tabs button { border:1px solid transparent; background:transparent; color:#858fa9; min-height:37px; border-radius:9px; font-size:11px; font-weight:750; display:flex; align-items:center; justify-content:center; gap:5px; white-space:nowrap; }
.workspace-tabs button:hover { color:var(--brand); background:var(--soft); }
.workspace-tabs button.active { color:var(--brand); background:#eff0ff; border-color:#e2e6ff; }
.workspace-tabs button .ico { width:15px; height:15px; }
.workspace-pane { min-height:0; flex:1; display:none; flex-direction:column; overflow:hidden; }
.workspace-pane.active { display:flex; }
.workspace-pane[hidden] { display:none!important; }
.workspace-pane .layer-toolbar { padding-top:14px; }
.workspace-pane .list-heading { padding-top:12px; }
.workspace-pane .layer-list { min-height:0; flex:1; }
.workspace-pane .panel-footer { flex:none; white-space:normal; line-height:1.6; }
.workspace-pane-scroll { overflow-y:auto; padding:17px 14px; scrollbar-width:thin; scrollbar-color:#dfe4f7 transparent; gap:15px; }
.tab-intro { background:linear-gradient(140deg,#f4f5ff,#fbfbff); border:1px solid #e8e9ff; padding:17px 14px; border-radius:15px; display:flex; flex-direction:column; align-items:flex-start; gap:8px; line-height:1.7; }
.tab-intro .intro-icon { width:35px;height:35px; display:grid;place-items:center; border-radius:11px; background:white; color:var(--brand); border:1px solid #e7eaff; }
.tab-intro strong { font-size:12px;color:#29365a; }
.tab-intro p { margin:0; font-size:10px; color:#7d87a1; line-height:1.9; }
.tab-section-label {font-size:10px;font-weight:800;color:#78839d;margin-top:2px;}
.creation-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
.creation-grid button { display:flex; flex-direction:column; gap:5px; align-items:flex-start; border:1px solid #e8ebf6; background:#fff; border-radius:13px; padding:12px; text-align:right; min-height:110px; transition:border-color .15s,background .15s; }
.creation-grid button:hover {border-color:#bcc3ff;background:#f9f9ff;}
.creation-grid strong {font-size:11px;color:#29365a;}
.creation-grid small {font-size:9px;color:#9ca5ba;direction:ltr;}
.creation-symbol {width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#f0edff;color:#7c3aed;}
.creation-symbol.symbol-circle {background:#e9f7ff;color:#348cce;}
.creation-symbol.symbol-text {background:#fff0f5;color:#cb6693;}
.creation-symbol.symbol-more {background:#f1f3ff;color:#5b6bfe;}
.context-tip {display:flex;align-items:flex-start;gap:7px;color:#8690a6;background:#fafbff;border:1px dashed #e4e9f6;border-radius:11px;padding:12px 10px;font-size:10px;line-height:1.9;}
.context-tip .ico {flex:none;margin-top:2px;color:var(--brand);}
.file-action-stack {display:flex;flex-direction:column;gap:8px;}
.file-action-stack button {display:flex;align-items:center;gap:10px;padding:13px 10px;border:1px solid #e8ebf6;border-radius:12px;background:white;text-align:right;min-height:66px;}
.file-action-stack button:hover {border-color:#c3c9ff;background:#fafaff;}
.file-action-stack button>.ico:first-child {color:var(--brand);width:19px;height:19px;}
.file-action-stack button>.ico:last-child {width:13px;height:13px;color:#abb1c3;margin-right:auto;transform:rotate(180deg);}
.file-action-stack button span {display:flex;flex-direction:column;gap:3px;}
.file-action-stack strong {font-size:11px;color:#283759;}
.file-action-stack small {font-size:9px;color:#9ca5bb;direction:ltr;text-align:right;}
.inspector-tabs {padding:4px 9px 9px;gap:4px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line);}
.inspector-tabs button {font-size:11px;border-radius:9px;border:1px solid transparent;padding:10px 2px;min-width:0;}
.inspector-tabs button.active {background:#eff0ff;border-color:#e2e6ff;}
.inspector-tabs button.active:after {display:none;}
.inspector-body .property-card[hidden],.inspector-body .unsupported-note[hidden] {display:none!important;}
.inspector-body {padding-top:15px;}
.timeline-collapse {width:27px;height:27px;display:grid;place-items:center;border:1px solid #e5e9f5;background:white;border-radius:8px;color:#73809d;flex:none;}
.timeline-collapse:hover {color:var(--brand);background:#f4f5ff;}
.timeline-panel.is-collapsed {height:48px!important;min-height:48px!important;}
.timeline-panel.is-collapsed .timeline-content {display:none!important;}
.timeline-panel.is-collapsed .timeline-top {height:47px;min-height:47px;border-bottom:none;}
.timeline-panel.is-collapsed .timeline-collapse .ico {transform:rotate(180deg);}
@media(max-width:920px){:root{--timeline:245px}.workspace{grid-template-columns:210px minmax(250px,1fr)}.inspector-panel {top:var(--topbar);bottom:calc(var(--timeline) + var(--footer));}.inspector-panel.mobile-open {bottom:calc(var(--timeline) + var(--footer));}.app-shell:has(.timeline-panel.is-collapsed) .inspector-panel {bottom:calc(48px + var(--footer));}}
@media(max-width:650px){:root{--timeline:218px}.workspace{display:block}.inspector-panel,.inspector-panel.mobile-open {top:0;bottom:0}.layers-panel {width:min(290px,90vw)}.panel-head,.inspector-top {padding-top:16px!important}.workspace-tabs button {font-size:11px;}.timeline-panel.is-collapsed .timeline-top-actions {display:flex}.timeline-panel.is-collapsed .timeline-heading small {display:none;}}

/* Keep active controls consistent with IconHub after the studio's responsive rules. */
.workspace-tabs button.active,.inspector-tabs button.active{background:#eef2ff;border-color:#c7d2fe;color:#4f46e5}.workspace-tabs button:hover{background:#f5f7ff;color:#4f46e5}.context-tip,.tab-intro{background:#f9fafb;border-color:#e5e7eb}.creation-grid button:hover,.file-action-stack button:hover{border-color:#a5b4fc;background:#f9fafb}
html.dark .workspace-tabs button.active,html.dark .inspector-tabs button.active{background:rgba(99,102,241,.16);border-color:rgba(99,102,241,.35);color:#a5b4fc}html.dark .workspace-tabs button:hover{background:#1f2937;color:#a5b4fc}html.dark .context-tip,html.dark .tab-intro,html.dark .creation-grid button,html.dark .file-action-stack button{background:#111827;border-color:#1f2937;color:#d1d5db}html.dark .creation-grid button:hover,html.dark .file-action-stack button:hover{border-color:rgba(99,102,241,.45);background:#1f2937}

/* Minimal workspace: primary work stays visible; advanced tools are available from the compact menu. */
.header-pill,.workspace-tabs,#workPaneCreate,#workPaneFiles{display:none!important}.layers-panel .panel-head{padding-bottom:12px}.workspace-pane#workPaneLayers{display:flex!important}.topbar{padding:0 18px}.header-actions{gap:6px}.site-theme-toggle .toggle-theme{width:36px;height:36px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:#485674;display:flex;align-items:center;justify-content:center}.site-theme-toggle .toggle-theme:hover{background:var(--soft);color:var(--brand)}.site-theme-toggle .toggle-theme svg{width:19px;height:19px}.site-theme-toggle .toggle-theme svg:last-child{display:none}html.dark .site-theme-toggle .toggle-theme svg:first-child{display:none}html.dark .site-theme-toggle .toggle-theme svg:last-child{display:block}.studio-more{position:relative}.studio-more summary{list-style:none;font-size:15px;letter-spacing:1px}.studio-more summary::-webkit-details-marker{display:none}.studio-more-menu{position:absolute;left:0;top:calc(100% + 8px);z-index:20;display:grid;min-width:172px;padding:6px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 12px 30px rgba(17,24,39,.12)}.studio-more-menu button{border:0;border-radius:8px;background:transparent;color:#4b5563;padding:9px 10px;display:flex;align-items:center;gap:8px;text-align:right;font:600 11px "Dana",sans-serif;white-space:nowrap}.studio-more-menu button:hover{background:#eef2ff;color:#4f46e5}.studio-more-menu button:disabled{display:none}.timeline-panel.is-collapsed .timeline-top-actions{display:none}.timeline-panel.is-collapsed .timeline-heading small{display:block}
html.dark .studio-more-menu{background:#111827;border-color:#1f2937;box-shadow:0 12px 30px rgba(0,0,0,.35)}html.dark .studio-more-menu button{color:#d1d5db}html.dark .studio-more-menu button:hover{background:#1f2937;color:#a5b4fc}

/* Dark-mode surface and text corrections for controls rendered by the studio. */
html.dark .statusbar,html.dark .stage-note,html.dark .inspector-bottom,html.dark .canvas-corner,html.dark .timeline-counter,html.dark .timeline-label-row.is-selected,html.dark .timeline-track.is-selected{background:#111827;border-color:#1f2937}
html.dark .statusbar,html.dark .stage-note,html.dark .inspector-bottom,html.dark .canvas-corner,html.dark .timeline-counter,html.dark .timeline-names-head,html.dark .timeline-label-row,html.dark .ruler-tick label{color:#9ca3af}
html.dark .topbar,html.dark .stage-toolbar,html.dark .playback-strip,html.dark .timeline-top,html.dark .inspector-tabs,html.dark .panel-footer,html.dark .inspector-bottom,html.dark .statusbar{border-color:#1f2937}
html.dark .project-name,html.dark .zoom-label,html.dark .transport-extras select,html.dark .layer-title,html.dark .field-control input,html.dark .wide-field input,html.dark .wide-field select,html.dark .property-row>span,html.dark .simple-text-editor,html.dark .color-control code,html.dark .shortcut-row{color:#e5e7eb}
html.dark .field-label,html.dark .property-row>label,html.dark .label-mini,html.dark .list-heading>span:last-child,html.dark .layer-sub,html.dark .property-hint,html.dark .property-empty,html.dark .transport-time,html.dark .transport-caption,html.dark .timeline-top-actions,html.dark .timeline-label-row small{color:#9ca3af}
html.dark .icon-button,html.dark .btn-outline,html.dark .transport-extras select,html.dark .simple-text-editor,html.dark .color-control,html.dark .statusbar kbd{background:#111827;border-color:#374151;color:#d1d5db}
html.dark .icon-button:hover,html.dark .btn-outline:hover,html.dark .layer-action:hover,html.dark .transport-btn:hover{background:#1f2937;color:#a5b4fc}
html.dark .stage-chip,html.dark .timeline-counter,html.dark .statusbar kbd{border-color:#374151}
html.dark .stage-chip,html.dark .timeline-counter{background:#1f2937;color:#c7d2fe}
html.dark .timeline-label-row{border-color:#1f2937}
html.dark .timeline-track,html.dark .timeline-ruler{border-color:#1f2937;background-color:#111827;background-image:repeating-linear-gradient(to right,transparent 0,transparent calc(var(--grid-step) - 1px),rgba(55,65,81,.55) calc(var(--grid-step) - 1px),rgba(55,65,81,.55) var(--grid-step))}
html.dark .timeline-track:nth-child(even){background-color:#151c2c}
html.dark .ruler-tick{background:#4b5563}html.dark .ruler-tick.major{background:#6b7280}
html.dark .toast,html.dark .studio-dialog{background:#111827;border-color:#374151;color:#e5e7eb}
html.dark .dialog-header,html.dark .dialog-actions,html.dark .shortcut-row{border-color:#1f2937}
html.dark .dialog-copy{color:#9ca3af}html.dark .shortcut-row kbd{background:#1f2937;color:#c7d2fe}
html.dark .site-theme-toggle .toggle-theme{color:#d1d5db;border-color:#374151}html.dark .site-theme-toggle .toggle-theme:hover{background:#1f2937;color:#a5b4fc}
html.dark .btn-outline,html.dark .btn-danger,html.dark .layer-item.is-selected{background:#111827!important;border-color:#374151!important}
html.dark .btn-outline{color:#d1d5db!important}html.dark .btn-danger{color:#fca5a5!important;background:#27151c!important;border-color:#5b2634!important}
html.dark .layer-item.is-selected{background:rgba(99,102,241,.16)!important;border-color:rgba(99,102,241,.42)!important;color:#e5e7eb!important}
html:not(.dark) .site-theme-toggle .toggle-theme{background:#e0e7ff!important;border:1px solid #a5b4fc!important;color:#4338ca!important;box-shadow:0 1px 3px rgba(79,70,229,.18)!important}
html:not(.dark) .site-theme-toggle .toggle-theme:hover{background:#c7d2fe!important;border-color:#818cf8!important;color:#3730a3!important}
/* The shared layout symbols are outline icons; keep their stroke from inheriting a fill-only style. */
.site-theme-toggle .toggle-theme svg,.site-theme-toggle .toggle-theme svg use{fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round;stroke-linejoin:round}
html:not(.dark) .site-theme-toggle .toggle-theme svg:first-child,html.dark .site-theme-toggle .toggle-theme svg:last-child{display:block!important}
html:not(.dark) .site-theme-toggle .toggle-theme svg:last-child,html.dark .site-theme-toggle .toggle-theme svg:first-child{display:none!important}

/* Keep the studio header on the shared IconHub brand component. */
.studio-brand-logo{display:flex;align-items:center;flex:none}.studio-brand-logo>a{display:flex;align-items:center;text-decoration:none}.studio-brand-logo img{display:block;width:156px;height:auto;max-height:52px;object-fit:contain}html.dark .studio-brand-logo>a{padding:4px 7px;border-radius:10px;background:#f8fafc;box-shadow:0 4px 14px rgba(0,0,0,.24)}
#stageSurface:fullscreen{width:100vw;height:100vh;padding:32px;background:#111827}#stageSurface:fullscreen .stage-background-glow{background:radial-gradient(ellipse at 50% 50%,rgba(99,102,241,.18) 0,transparent 67%)}

/* Tabler is the local, shared icon pack for all Lottie Lab controls. */
@font-face{font-family:"lottie-tabler-icons";font-style:normal;font-weight:400;src:url("/admin/vuexy/assets/vendor/fonts/tabler/tabler-icons.woff2") format("woff2")}
i.ico.ti{width:19px;height:19px;font-family:"lottie-tabler-icons"!important;font-size:19px;line-height:19px;display:inline-block;flex:none;text-align:center}i.ico.ti.xs{width:15px;height:15px;font-size:15px;line-height:15px}.brand-mark .logo-ico{font-size:25px;line-height:25px}.header-pill .ico{font-size:14px;line-height:14px}.search-wrap .ico,.layer-type .ico{font-size:16px;line-height:16px}.tool-btn .ico{font-size:17px;line-height:17px}.transport-btn .ico,.transport-play .ico,.property-header .ico{font-size:17px;line-height:17px}.layer-action .ico,.stage-note .ico{font-size:14px;line-height:14px}