:root{--bg:#038ecf;--panel:#fff;--panel-2:#eef3fb;--line:#cfe0ef;--ink:#123a5a;--muted:#5f7f9a;--faint:#8aa4ba;--amber:#ff9f2e;--cyan:#0fa4d6;--rec:#ff5b52;--ok:#3fb96b;--radius:16px;--pc-blue:#038ecf;--pc-blue-2:#0b7fbf;--pc-navy:#134369;--pc-navy-2:#0e3355;--pc-sky:#eaf1fb;--pc-sky-line:#d3e2f1;--green-1:#63d089;--green-2:#33ac63;--white-btn:#fff;--teal-1:#22b6e6;--teal-2:#0b86c4;--orange-1:#ffb84d;--orange-2:#ff8a2b;--glass:#fff;--ring:rgba(3,142,207,.32);--shadow-btn:0 3px 0 rgba(11,74,112,.16),0 5px 12px rgba(11,74,112,.14);--shadow-card:0 8px 20px rgba(11,74,112,.1)}*{box-sizing:border-box}body,html{height:100%;margin:0}body{background:var(--pc-blue);color:var(--ink);font-family:Nunito,system-ui,sans-serif;font-size:14px;font-weight:600;-webkit-font-smoothing:antialiased}.app{display:grid;grid-template-columns:404px 1fr;height:calc(100vh - var(--tool-nav-h, 0px));overflow:hidden}.side{background:#fff;border-right:0;box-shadow:6px 0 22px rgba(9,52,85,.14);overflow-y:auto;overscroll-behavior:contain;padding:0 0 26px}.side::-webkit-scrollbar{width:12px}.side::-webkit-scrollbar-track{background:transparent}.side::-webkit-scrollbar-thumb{background:#c3d7e8;background-clip:padding-box;border:3px solid transparent;border-radius:999px}.side::-webkit-scrollbar-thumb:hover{background:#a7c4dc;background-clip:padding-box}.brand{background:linear-gradient(180deg,var(--pc-navy),var(--pc-navy-2));border-bottom:0;box-shadow:0 4px 14px rgba(9,52,85,.28);padding:16px 18px 18px;position:sticky;top:0;z-index:5}.brand h1{align-items:center;color:#fff;display:flex;font-family:Baloo\ 2,Nunito,sans-serif;font-size:23px;font-weight:800;gap:11px;letter-spacing:.2px;line-height:1;margin:0}.brand h1 img{border-radius:11px;box-shadow:0 4px 10px rgba(0,0,0,.28);display:block;flex:0 0 auto;height:34px;width:34px}.brand h1 span{color:#7fe0ff;margin:0 -2px}.brand p{color:#bcd7ea;font-size:12.5px;font-weight:600;line-height:1.55;margin:9px 0 0;max-width:44ch}fieldset{background:var(--pc-sky);border:1px solid var(--pc-sky-line);border-radius:20px;box-shadow:var(--shadow-card);margin:14px 15px 0;padding:8px 16px 18px}.fs-head,legend{align-items:center;color:var(--ink);display:flex;font-family:Baloo\ 2,Nunito,sans-serif;font-size:14px;font-weight:800;gap:11px;letter-spacing:.01em;padding:9px 4px 3px;text-transform:none;width:100%}.fs-head b,legend b{background:var(--pc-blue);border:0;border-radius:999px;box-shadow:0 2px 5px rgba(3,142,207,.35);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.02em;margin-left:auto;padding:3px 11px;text-transform:none;white-space:nowrap}.leg-ico{background:linear-gradient(180deg,#2fb4e6,var(--pc-blue-2));border-radius:50%;box-shadow:0 3px 7px rgba(3,142,207,.4),inset 0 1px 0 hsla(0,0%,100%,.4);color:#fff;display:grid;flex:0 0 auto;height:30px;place-items:center;width:30px}.leg-ico svg{display:block;height:16px;width:16px}.leg-ico.c-orange{background:linear-gradient(180deg,var(--orange-1),var(--orange-2));color:#fff}.leg-ico.c-green{background:linear-gradient(180deg,var(--green-1),var(--green-2));color:#fff}.leg-ico.c-blue{background:linear-gradient(180deg,#6db6ff,#3f83e6);color:#fff}.leg-ico.c-pink{background:linear-gradient(180deg,#ff97c4,#e2589e);color:#fff}.leg-ico.c-yellow{background:linear-gradient(180deg,#ffd15e,#f4a52d);color:#fff}.field{margin-top:14px}.field:first-of-type{margin-top:12px}.field>label{margin-bottom:7px}.field>label,.lbl{color:var(--muted);display:block;font-size:12px;font-weight:700}.lbl{margin-bottom:6px}.row{display:flex;gap:10px}.row>*{flex:1;min-width:0}.inline{align-items:center;background:#fff;border:1px solid var(--pc-sky-line);border-radius:14px;display:flex;gap:12px;justify-content:space-between;margin-top:11px;padding:10px 14px}.inline label{color:var(--ink);font-size:13px;font-weight:800}input[type=number],input[type=search],input[type=text],select{background:#fff;border:1px solid var(--pc-sky-line);border-radius:12px;color:var(--ink);font:inherit;font-size:13px;font-weight:700;outline:none;padding:10px 13px;transition:border-color .15s,box-shadow .15s;width:100%}input[type=number]::placeholder,input[type=search]::placeholder,input[type=text]::placeholder{color:var(--faint)}input[type=number]:hover,input[type=search]:hover,input[type=text]:hover,select:hover{border-color:#a9cce6}input[type=number]:focus,input[type=search]:focus,input[type=text]:focus,select:focus{border-color:var(--pc-blue);box-shadow:0 0 0 3px var(--ring)}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 16px) 52%,calc(100% - 11px) 52%;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:32px}input[type=color].swatch{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;cursor:pointer;height:36px;padding:0;width:100%}input[type=range]{-webkit-appearance:none;appearance:none;background:#d3e4f2;border-radius:999px;box-shadow:inset 0 1px 2px rgba(11,74,112,.14);height:8px;margin:12px 0 2px;outline:none;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:0;border-radius:50%;box-shadow:0 2px 6px rgba(11,74,112,.35),0 0 0 3px var(--pc-blue);cursor:pointer;height:22px;transition:transform .1s;width:22px}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:50%;box-shadow:0 2px 6px rgba(11,74,112,.35),0 0 0 3px var(--pc-blue);cursor:pointer;height:18px;width:18px}.rng-val{background:var(--pc-blue);border:0;border-radius:999px;box-shadow:0 2px 5px rgba(3,142,207,.32);color:#fff;float:right;font-size:11px;font-variant-numeric:tabular-nums;font-weight:800;padding:2px 10px}.color{align-items:center;background:#fff;border:1px solid var(--pc-sky-line);border-radius:12px;display:flex;gap:10px;padding:7px 11px}.color input[type=color]{background:none;border:0;cursor:pointer;height:30px;padding:0;width:30px}.color input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color input[type=color]::-webkit-color-swatch{border:1px solid rgba(11,74,112,.2);border-radius:9px}.color span{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.color.unset{border-style:dashed}.color.unset input[type=color]{opacity:.4}.color.unset span{color:var(--pc-sky-line,var(--muted))}input[type=color].unset{opacity:.4;outline:1px dashed var(--pc-sky-line,#99a);outline-offset:2px}.switch{flex:0 0 auto;height:27px;position:relative;width:50px}.switch input{height:0;opacity:0;position:absolute;width:0}.track{background:#c2d5e6;border-radius:999px;box-shadow:inset 0 1px 3px rgba(11,74,112,.22);cursor:pointer;inset:0}.track,.track:after{position:absolute;transition:.2s}.track:after{background:#fff;border-radius:50%;box-shadow:0 2px 4px rgba(11,74,112,.3);content:"";height:21px;left:3px;top:3px;width:21px}.switch input:checked+.track{background:linear-gradient(180deg,var(--green-1),var(--green-2));box-shadow:inset 0 1px 2px rgba(0,0,0,.12)}.switch input:checked+.track:after{transform:translateX(23px)}.switch input:focus-visible+.track{outline:2px solid var(--pc-blue);outline-offset:2px}.switch.sm{height:20px;width:36px}.switch.sm .track:after{height:14px;left:3px;top:3px;width:14px}.switch.sm input:checked+.track:after{transform:translateX(16px)}.btn{align-items:center;background:#fff;border:1px solid var(--pc-sky-line);border-radius:999px;box-shadow:var(--shadow-btn);color:var(--ink);cursor:pointer;display:inline-flex;font:inherit;font-size:13px;font-weight:800;gap:8px;justify-content:center;letter-spacing:.01em;padding:11px 14px;transition:transform .12s,box-shadow .15s,background .15s,color .15s,border-color .15s;width:100%}.btn:hover{background:#f2f8fe;border-color:#a9cce6;box-shadow:0 3px 0 rgba(11,74,112,.16),0 7px 16px rgba(11,74,112,.18);transform:translateY(-1px)}.btn:active{box-shadow:0 1px 0 rgba(11,74,112,.16);transform:translateY(1px)}.btn.ghost{background:transparent;border-color:transparent;box-shadow:none;color:var(--muted)}.btn.ghost:hover{background:#eaf2fb;box-shadow:none;color:var(--ink);transform:none}.btn.small{font-size:12px;padding:7px 14px;width:auto}.btn.accent{box-shadow:0 4px 0 rgba(9,74,112,.28),0 8px 18px rgba(3,142,207,.4);font-weight:800}.btn.accent,.btn.accent:hover{background:linear-gradient(180deg,#2fb4e6,var(--pc-blue-2));border-color:transparent;color:#fff}.btn.accent:hover{filter:brightness(1.05)}.btn.danger{border-color:rgba(255,91,82,.4);color:var(--rec)}.btn.danger:hover{background:rgba(255,91,82,.1);border-color:var(--rec);color:var(--rec)}.btn:disabled{cursor:not-allowed;filter:none;opacity:.5;transform:none}.filepill{align-items:center;background:#fff;border:1px solid var(--pc-sky-line);border-radius:12px;color:var(--muted);display:flex;font-size:12px;gap:8px;margin-top:11px;padding:9px 12px}.filepill b{color:var(--ink);font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hint{color:var(--faint);font-size:11.5px;font-weight:600;line-height:1.6;margin-top:10px}.hint b{color:var(--ink)}.preset-grid{display:grid;gap:9px;grid-template-columns:repeat(2,1fr)}.preset-grid .btn{font-size:12px;width:100%}.btn.active{border-color:transparent;box-shadow:0 4px 0 rgba(9,74,112,.28),0 7px 16px rgba(3,142,207,.36);font-weight:800}.btn.active,.btn.active:hover{background:linear-gradient(180deg,#2fb4e6,var(--pc-blue-2));color:#fff}.btn.active:hover{filter:brightness(1.04)}.side.has-nav .brand{position:relative}.side-nav{background:#fff;border-bottom:1px solid var(--pc-sky-line);box-shadow:0 8px 16px -10px rgba(9,52,85,.5);padding:12px 15px 11px;position:sticky;top:0;z-index:6}.side-search{align-items:center;display:flex;position:relative}.side-search>svg{color:var(--faint);left:14px;pointer-events:none;position:absolute}.side-search input{-webkit-appearance:none;appearance:none;border-radius:999px;padding-left:38px;padding-right:36px}.side-search input::-webkit-search-cancel-button,.side-search input::-webkit-search-decoration{-webkit-appearance:none;display:none}.ss-clear{background:var(--pc-sky);border:0;border-radius:50%;color:var(--muted);cursor:pointer;display:grid;height:24px;padding:0;place-items:center;position:absolute;right:9px;width:24px}.ss-clear:hover{background:#dbe8f6;color:var(--ink)}.side-tabs{background:var(--pc-sky);border:1px solid var(--pc-sky-line);border-radius:999px;display:grid;gap:4px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;margin-top:10px;padding:4px}.side-tab{background:transparent;border:0;border-radius:999px;color:var(--muted);cursor:pointer;font:inherit;font-size:12px;font-weight:800;overflow:hidden;padding:8px 4px;text-overflow:ellipsis;transition:.15s;white-space:nowrap}.side-tab:hover{color:var(--ink)}.side-tab.active{background:linear-gradient(180deg,#2fb4e6,var(--pc-blue-2));box-shadow:0 2px 6px rgba(3,142,207,.35);color:#fff}.side-tab:focus-visible{outline:2px solid var(--pc-blue);outline-offset:2px}.side-nav.searching .side-tabs{opacity:.4;pointer-events:none}.side-search-empty{color:var(--faint);font-size:12px;font-weight:700;margin:10px 2px 2px;text-align:center}fieldset.fs-collapsible{overflow:hidden;padding:0}fieldset.fs-collapsible>.fs-head{border-bottom:1px solid transparent;cursor:pointer;margin:0;padding:12px 15px;transition:color .15s,background .15s,border-color .2s;user-select:none}fieldset.fs-collapsible>.fs-head:hover{background:hsla(0,0%,100%,.55);color:var(--pc-blue-2)}fieldset.fs-collapsible>.fs-head:focus-visible{outline:2px solid var(--pc-blue);outline-offset:-3px}fieldset.fs-collapsible:not(.collapsed)>.fs-head{background:hsla(0,0%,100%,.5);border-bottom-color:var(--pc-sky-line)}.fs-chev{color:var(--muted);display:grid;flex:0 0 auto;margin-left:auto;place-items:center;transition:transform .28s cubic-bezier(.4,0,.2,1)}.fs-chev svg{display:block;height:15px;width:15px}.fs-head .fs-lock~.fs-chev,.fs-head b~.fs-chev{margin-left:8px}fieldset.fs-collapsible.collapsed>.fs-head .fs-chev{transform:rotate(-90deg)}.fs-body{display:grid;grid-template-rows:1fr;transition:grid-template-rows .28s cubic-bezier(.4,0,.2,1)}.fs-inner{min-height:0;overflow:hidden}.fs-pad{padding:2px 16px 18px}fieldset.fs-collapsible.collapsed>.fs-body{grid-template-rows:0fr}.fs-group.fs-out,fieldset.fs-out{display:none}.fs-sep{background:var(--pc-sky-line);height:1px;margin:20px 15px 6px}.side.searching .fs-sep,.side.searching fieldset.fs-nomatch{display:none}.side.searching fieldset.fs-collapsible.collapsed>.fs-body{grid-template-rows:1fr}.fs-hit{border-radius:10px;outline:2px dashed rgba(3,142,207,.55);outline-offset:4px}fieldset.fs-inactive{background:#f3f7fb;border-style:dashed;box-shadow:none}fieldset.fs-collapsible.fs-inactive>.fs-head,fieldset.fs-collapsible.fs-inactive>.fs-head:hover{background:none;border-bottom-color:transparent;color:var(--muted);cursor:default}fieldset.fs-inactive>.fs-head b{display:none}fieldset.fs-inactive>.fs-head .fs-chev{visibility:hidden}fieldset.fs-inactive .leg-ico{box-shadow:none;filter:grayscale(1);opacity:.55}.side.searching fieldset.fs-inactive.collapsed>.fs-body,fieldset.fs-inactive>.fs-body{grid-template-rows:0fr}.fs-lock{background:#fff;border:1px solid var(--pc-sky-line);border-radius:999px;color:var(--muted);flex:0 1 auto;font-size:10px;font-weight:800;letter-spacing:.02em;margin-left:auto;min-width:0;overflow:hidden;padding:3px 10px;text-overflow:ellipsis;white-space:nowrap}.stage{background:var(--pc-blue);display:flex;flex-direction:column;min-width:0}.stage-top{background:var(--pc-navy);border-bottom:1px solid hsla(0,0%,100%,.18);gap:16px;justify-content:space-between;padding:14px 22px}.stage-top,.stage-top .tip{align-items:center;display:flex}.stage-top .tip{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.16);border-radius:999px;color:#dcecf7;font-size:12.5px;font-weight:700;gap:9px;padding:9px 15px}.stage-top .tip svg{color:#7fe0ff;flex:0 0 auto}.stage-actions{align-items:center;display:flex;gap:14px}.btn-primary{align-items:center;background:#fff;border:0;border-radius:999px;box-shadow:0 4px 0 rgba(0,0,0,.18),0 8px 18px rgba(0,0,0,.22);color:var(--pc-navy);cursor:pointer;display:inline-flex;font:inherit;font-size:13px;font-weight:800;gap:8px;letter-spacing:.01em;padding:12px 22px;transition:transform .12s,filter .15s,box-shadow .15s}.btn-primary:hover{background:#f4fafe;filter:brightness(1.02);transform:translateY(-1px)}.btn-primary:active{box-shadow:0 1px 0 rgba(0,0,0,.18);transform:translateY(1px)}.btn-primary:disabled{cursor:not-allowed;filter:none;opacity:.6;transform:none}.btn-primary.recording{animation:recPulse 1.4s ease-in-out infinite;background:linear-gradient(180deg,#ff8078,var(--rec));box-shadow:0 0 22px rgba(255,91,82,.6);color:#fff}@keyframes recPulse{0%,to{box-shadow:0 4px 0 rgba(140,20,15,.35),0 0 20px rgba(255,91,82,.5)}50%{box-shadow:0 4px 0 rgba(140,20,15,.35),0 0 32px rgba(255,91,82,.8)}}.export-progress{align-items:center;display:flex;flex:0 0 auto;gap:10px}.export-progress .bar-track{background:hsla(0,0%,100%,.22);border-radius:999px;height:7px;overflow:hidden;width:120px}.export-progress .bar-fill{background:linear-gradient(90deg,#7fe0ff,#fff);border-radius:999px;height:100%;transition:width .2s linear;width:0}.btn-cancel{background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.4);border-radius:999px;color:#fff;cursor:pointer;font:inherit;font-size:12px;font-weight:800;padding:7px 14px;transition:.15s}.btn-cancel:hover{background:rgba(255,91,82,.85);border-color:transparent}.canvas-wrap{align-items:center;background:radial-gradient(1000px 560px at 50% -14%,hsla(0,0%,100%,.14),transparent 62%),var(--pc-blue);display:flex;flex:1;justify-content:center;padding:32px}.canvas-frame,.canvas-wrap{overflow:hidden;position:relative}.canvas-frame{background-color:#20242c;background-image:linear-gradient(45deg,#181b21 25%,transparent 0),linear-gradient(-45deg,#181b21 25%,transparent 0),linear-gradient(45deg,transparent 75%,#181b21 0),linear-gradient(-45deg,transparent 75%,#181b21 0);background-position:0 0,0 13px,13px -13px,-13px 0;background-size:26px 26px;border-radius:14px;box-shadow:0 26px 60px rgba(9,52,85,.4),0 0 0 4px hsla(0,0%,100%,.5);max-height:100%;max-width:100%}.canvas-frame.solid-bg{background-image:none}canvas#view{display:block;height:auto;max-height:calc(100vh - 224px);max-width:100%;touch-action:none;width:auto}canvas#view.draggable{cursor:grab}canvas#view.grabbing{cursor:grabbing}canvas#guides{height:100%;inset:0;pointer-events:none;position:absolute;width:100%}.transport{background:var(--pc-navy);border-top:1px solid hsla(0,0%,100%,.18);gap:15px;padding:13px 22px}.play,.transport{align-items:center;display:flex}.play{background:#fff;border:0;border-radius:50%;box-shadow:0 3px 0 rgba(0,0,0,.18),0 6px 12px rgba(0,0,0,.22);color:var(--pc-navy);cursor:pointer;flex:0 0 auto;height:46px;justify-content:center;transition:.15s;width:46px}.play:hover{color:var(--pc-blue-2);transform:translateY(-1px)}.play:active{box-shadow:0 1px 0 rgba(0,0,0,.18);transform:translateY(1px)}.scrub{flex:1}.transport input[type=range]{background:hsla(0,0%,100%,.28);margin:0}.transport input[type=range]::-webkit-slider-thumb{background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.35),0 0 0 3px var(--pc-blue-2)}.spd{align-items:center;display:flex;flex:0 0 auto;gap:9px}.spd>span{color:#bcd7ea;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.spd select{background-color:#fff;border-color:transparent;border-radius:999px;font-size:12px;font-variant-numeric:tabular-nums;font-weight:800;padding:9px 32px 9px 13px;width:auto}.tcode-box{flex:0 0 auto}.tcode{background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.16);border-radius:999px;color:#fff;cursor:text;font-family:inherit;font-size:12.5px;font-variant-numeric:tabular-nums;font-weight:800;outline:none;padding:8px 12px;text-align:center;transition:background .15s,border-color .15s,box-shadow .15s;width:150px}.tcode:hover{background:hsla(0,0%,100%,.18);border-color:hsla(0,0%,100%,.3)}.tcode:focus{background:#fff;border-color:#fff;box-shadow:0 0 0 3px hsla(0,0%,100%,.28);color:var(--pc-navy)}.tcode.bad{border-color:#ff9a92;box-shadow:0 0 0 3px rgba(255,91,82,.35)}.status{color:#dcecf7;font-size:12.5px;font-weight:700;min-width:150px}.status.ok{color:#b6f0c9}.status.err{color:#ffc2bd}.boot-error{background:#ffe9e7;border-bottom:2px solid #ff9a92;color:#8c2f28;font-size:13px;font-weight:700;line-height:1.6;margin:0;padding:16px 22px}.boot-error code{background:rgba(0,0,0,.08);border-radius:6px;font-size:12px;padding:2px 6px}@media (max-width:880px){.app{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:auto;min-height:100vh}.side{max-height:none}canvas#view{max-height:60vh}.stage-top{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.stage-top{padding-left:66px}.attr-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}.attr-card{background:#fff;border:1px solid var(--pc-sky-line);border-radius:16px;padding:12px 13px 13px}.attr-card .ac-top{align-items:center;display:flex;gap:10px}.attr-card .ac-logo{align-items:center;background:var(--pc-sky);border:1px dashed var(--pc-sky-line);border-radius:11px;cursor:pointer;display:flex;flex:0 0 auto;height:46px;justify-content:center;overflow:hidden;position:relative;width:46px}.attr-card .ac-logo img{height:100%;object-fit:contain;width:100%}.attr-card .ac-logo svg{color:var(--faint);height:18px;width:18px}.attr-card .ac-name{flex:1;min-width:0}.attr-card .ac-name input{font-size:12.5px;padding:8px 11px}.ac-order{display:flex;flex:0 0 auto;flex-direction:column;gap:2px}.ac-order button{align-items:center;background:#f6faff;border:1px solid var(--pc-sky-line);border-radius:6px;color:var(--muted);cursor:pointer;display:flex;font-size:9px;height:18px;justify-content:center;padding:0;width:22px}.ac-order button:disabled{cursor:not-allowed;opacity:.35}.ac-del{align-items:center;background:#fff;border:1px solid var(--pc-sky-line);border-radius:9px;color:var(--muted);cursor:pointer;display:flex;flex:0 0 auto;font-size:11px;height:26px;justify-content:center;width:26px}.ac-del:hover{background:rgba(255,91,82,.1);border-color:var(--rec);color:var(--rec)}.attr-card .ac-row{align-items:center;display:flex;gap:8px;margin-top:9px}.attr-card .ac-row>*{flex:1;min-width:0}.mode-toggle{background:var(--pc-sky);border:1px solid var(--pc-sky-line);border-radius:12px;display:flex;gap:6px;padding:4px}.mode-toggle button{background:transparent;border:0;border-radius:9px;color:var(--muted);cursor:pointer;flex:1;font:inherit;font-size:11px;font-weight:800;padding:7px 6px}.mode-toggle button.active{background:#fff;box-shadow:0 2px 6px rgba(11,74,112,.18);color:var(--pc-navy)}.ac-schedule{background:var(--pc-sky);border:1px solid var(--pc-sky-line);border-radius:12px;display:flex;flex-direction:column;gap:8px;margin-top:9px;padding:8px 10px}.ac-schedule .as-row{align-items:center;display:flex;gap:8px}.ac-schedule .as-info{color:var(--muted);flex:1;font-size:11.5px;font-weight:700;line-height:1.4;min-width:0}.ac-schedule .as-info b{color:var(--ink)}.ac-schedule button{flex:0 0 auto;font-size:11px;padding:7px 12px;width:auto}.ac-schedule .as-colors{align-items:center;border-top:1px solid var(--pc-sky-line);color:var(--muted);display:flex;font-size:11.5px;font-weight:600;gap:8px;padding-top:8px}.ac-schedule .as-colors .switch{flex:0 0 auto}.attr-empty{border:1px dashed var(--pc-sky-line);border-radius:14px;color:var(--faint);font-size:12px;font-weight:700;padding:18px 10px;text-align:center}.ev-row{align-items:center;display:grid;gap:6px;grid-template-columns:80px 1fr 58px 32px 28px;margin-top:8px}.ev-row input[type=time]{background:#fff;border:1px solid var(--pc-sky-line);border-radius:10px;color:var(--ink);font:inherit;font-size:12px;font-weight:700;padding:8px 6px;width:100%}.ev-row select{border-radius:10px;font-size:12px;padding:8px 22px 8px 8px}.ev-row input[type=number]{border-radius:10px;font-size:12px;padding:8px 4px;text-align:center}.ev-row input[type=number]:disabled{cursor:not-allowed;opacity:.35}.ev-row input[type=color]{background:#fff;border:1px solid var(--pc-sky-line);border-radius:10px;cursor:pointer;height:32px;padding:0;width:32px}.ev-row input[type=color]::-webkit-color-swatch-wrapper{padding:3px}.ev-row input[type=color]::-webkit-color-swatch{border:none;border-radius:6px}.ev-del{align-items:center;background:#fff;border:1px solid var(--pc-sky-line);border-radius:10px;color:var(--muted);cursor:pointer;display:flex;flex:0 0 auto;font-size:11px;height:30px;justify-content:center;transition:.15s;width:28px}.ev-del:hover{background:rgba(255,91,82,.1);border-color:var(--rec);color:var(--rec)}.ev-warn{background:rgba(255,159,46,.12);border:1px solid rgba(255,159,46,.4);border-radius:11px;color:#c9721a;font-size:11.5px;line-height:1.5;margin:6px 0 2px;padding:8px 11px}.ev-head{color:var(--faint);display:grid;font-size:10.5px;font-weight:800;gap:6px;grid-template-columns:80px 1fr 58px 32px 28px;letter-spacing:.05em;margin-top:8px;text-transform:uppercase}.screen-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.screen-item{align-items:center;background:#fff;border:1px solid var(--pc-sky-line);border-radius:14px;cursor:pointer;display:flex;gap:10px;padding:9px 10px;transition:.15s}.screen-item:hover{border-color:#a9cce6}.screen-item.active{border-color:var(--pc-blue);box-shadow:0 0 0 3px var(--ring)}.screen-item.off{background:#f4f7fa}.screen-item.off .si-meta,.screen-item.off .si-name{opacity:.5}.screen-item .si-enable{flex:0 0 auto}.screen-item .si-drag{display:flex;flex:0 0 auto;flex-direction:column;gap:2px}.screen-item .si-drag button{align-items:center;background:#f6faff;border:1px solid var(--pc-sky-line);border-radius:6px;color:var(--muted);cursor:pointer;display:flex;font-size:10px;height:19px;justify-content:center;padding:0;width:24px}.screen-item .si-drag button:hover{border-color:#a9cce6;color:var(--ink)}.screen-item .si-drag button:disabled{cursor:not-allowed;opacity:.35}.screen-item .si-main{flex:1;min-width:0}.screen-item .si-name{color:var(--ink);font-size:13px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-item .si-meta{color:var(--muted);font-size:11px;font-weight:700;margin-top:1px}.screen-item .si-del{align-items:center;background:#fff;border:1px solid var(--pc-sky-line);border-radius:9px;color:var(--muted);cursor:pointer;display:flex;flex:0 0 auto;font-size:11px;height:26px;justify-content:center;width:26px}.screen-item .si-del:hover{background:rgba(255,91,82,.1);border-color:var(--rec);color:var(--rec)}.layer-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.layer-item{align-items:center;background:#fff;border:1px solid var(--pc-sky-line);border-radius:14px;display:flex;gap:8px;padding:8px 10px;transition:.15s}.layer-item.selectable{cursor:pointer}.layer-item.selectable:hover{border-color:#a9cce6}.layer-item.active{border-color:var(--pc-blue);box-shadow:0 0 0 3px var(--ring)}.layer-item.off{background:#f4f7fa}.layer-item.off .li-meta,.layer-item.off .li-name{opacity:.5}.layer-item .li-eye{flex:0 0 auto}.layer-item .li-eye.locked{visibility:hidden}.layer-item .li-ico{align-items:center;background:var(--pc-sky);border:1px solid var(--pc-sky-line);border-radius:9px;color:var(--muted);display:flex;flex:0 0 auto;font-size:12px;font-weight:800;height:28px;justify-content:center;overflow:hidden;width:28px}.layer-item .li-ico img{height:100%;object-fit:cover;width:100%}.layer-item .li-ico svg{height:15px;width:15px}.layer-item .li-main{flex:1;min-width:0}.layer-item .li-name{color:var(--ink);font-size:13px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-item .li-meta{color:var(--muted);font-size:11px;font-weight:700;margin-top:1px}.layer-item .li-move{display:flex;flex:0 0 auto;flex-direction:column;gap:2px}.layer-item .li-move button{align-items:center;background:#f6faff;border:1px solid var(--pc-sky-line);border-radius:6px;color:var(--muted);cursor:pointer;display:flex;font-size:10px;height:19px;justify-content:center;padding:0;width:24px}.layer-item .li-move button:hover{border-color:#a9cce6;color:var(--ink)}.layer-item .li-move button:disabled{cursor:not-allowed;opacity:.35}.layer-item .li-del{align-items:center;background:#fff;border:1px solid var(--pc-sky-line);border-radius:9px;color:var(--muted);cursor:pointer;display:flex;flex:0 0 auto;font-size:11px;height:26px;justify-content:center;width:26px}.layer-item .li-del:hover{background:rgba(255,91,82,.1);border-color:var(--rec);color:var(--rec)}.layer-item .li-del.locked{visibility:hidden}#layerCfg{border-top:1px dashed var(--pc-sky-line);margin-top:14px;padding-top:12px}textarea{background:#fff;border:1px solid var(--pc-sky-line);border-radius:12px;color:var(--ink);font:inherit;font-size:13px;font-weight:700;line-height:1.45;min-height:74px;outline:none;padding:10px 13px;resize:vertical;transition:border-color .15s,box-shadow .15s;width:100%}textarea::placeholder{color:var(--faint)}textarea:hover{border-color:#a9cce6}textarea:focus{border-color:var(--pc-blue);box-shadow:0 0 0 3px var(--ring)}.dir-picker,.preset-grid.three{grid-template-columns:repeat(3,1fr)}.dir-picker{display:grid;flex:0 0 104px;gap:4px;width:104px}.dir-picker button{align-items:center;background:#fff;border:1px solid var(--pc-sky-line);border-radius:9px;color:var(--muted);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:.15s;width:32px}.dir-picker button:hover{border-color:#a9cce6;color:var(--ink)}.dir-picker button.active{background:linear-gradient(180deg,#2fb4e6,var(--pc-blue-2));border-color:transparent;color:#fff}.dir-picker button svg{display:block;height:15px;width:15px}.dir-picker .dp-empty{visibility:hidden}.ticker-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.ticker-card{background:#fff;border:1px solid var(--pc-sky-line);border-radius:16px;padding:10px 13px 13px}.ticker-card .tk-top{align-items:center;display:flex;gap:8px}.ticker-card .tk-icon{display:flex;flex:0 0 auto;position:relative}.ticker-card .tk-num{color:var(--muted);flex:1;font-size:11.5px;font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticker-card .tk-body{align-items:flex-start;display:flex;gap:8px;margin-top:8px}.ticker-card textarea{flex:1;min-height:56px;min-width:0}.ticker-card input[type=text].bad{border-color:var(--rec);box-shadow:0 0 0 3px rgba(255,91,82,.18)}.type-grid{display:grid;gap:8px;grid-template-columns:1fr}.type-grid .btn{gap:11px;justify-content:flex-start;text-align:left}.type-grid .btn[disabled]{cursor:not-allowed;opacity:.45}.type-grid .btn .t-badge{background:var(--pc-sky);border-radius:999px;color:var(--muted);font-size:9.5px;font-weight:800;letter-spacing:.02em;margin-left:auto;padding:2px 8px}.corner-picker{display:grid;gap:6px;grid-template-columns:repeat(3,1fr);width:100%}.corner-picker button{background:#fff;border:1px solid var(--pc-sky-line);border-radius:10px;color:var(--faint);cursor:pointer;height:34px;position:relative}.corner-picker button:after{background:currentColor;border-radius:3px;content:"";height:8px;position:absolute;width:8px}.corner-picker button[data-corner=tl]:after{left:6px;top:6px}.corner-picker button[data-corner=tc]:after{left:50%;top:6px;transform:translateX(-50%)}.corner-picker button[data-corner=tr]:after{right:6px;top:6px}.corner-picker button[data-corner=bl]:after{bottom:6px;left:6px}.corner-picker button[data-corner=bc]:after{bottom:6px;left:50%;transform:translateX(-50%)}.corner-picker button[data-corner=br]:after{bottom:6px;right:6px}.corner-picker button.active{border-color:var(--pc-blue);box-shadow:0 0 0 3px var(--ring);color:var(--pc-blue)}@media (max-width:880px){.dir-picker{flex:0 0 96px;width:96px}}.weather-hour-list{display:flex;flex-direction:column;gap:6px;margin-top:10px;max-height:420px;overflow-y:auto;padding-right:2px}.weather-hour-row{align-items:center;background:#fff;border:1px solid var(--pc-sky-line);border-radius:12px;display:flex;gap:8px;padding:7px 9px}.weather-hour-row .wh-time{color:var(--ink);flex:0 0 42px;font-size:12px;font-weight:800}.wh-icon-btn{align-items:center;background:#f6faff;border:1px solid var(--pc-sky-line);border-radius:9px;cursor:pointer;display:flex;flex:0 0 auto;height:34px;justify-content:center;padding:0;position:relative;width:34px}.wh-icon-btn:hover{border-color:#a9cce6}.icon-none{color:var(--muted);font-size:15px;font-weight:800;line-height:1}.weather-hour-row select{flex:1 1 auto;font-size:12px;min-width:0;padding:7px 8px}.weather-hour-row .wh-num{flex:0 0 58px;font-size:12px;padding:7px 6px;text-align:center}.weather-hour-row .wh-label{color:var(--muted);flex:0 0 auto;font-size:10px;font-weight:700}.wicon-popover{background:#fff;border:1px solid var(--pc-sky-line);border-radius:12px;box-shadow:0 10px 30px rgba(11,74,112,.18);display:grid;gap:5px;grid-template-columns:repeat(5,1fr);left:0;padding:8px;position:absolute;top:calc(100% + 6px);width:216px;z-index:20}.wicon-popover button{align-items:center;background:#f6faff;border:1px solid var(--pc-sky-line);border-radius:9px;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;width:36px}.wicon-popover button:hover{border-color:#a9cce6}.wicon-popover button.active{border-color:var(--pc-blue);box-shadow:0 0 0 3px var(--ring)}.weather-day-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}.weather-day-card{background:#fff;border:1px solid var(--pc-sky-line);border-radius:16px;padding:12px 13px 13px}.weather-day-card .wd-top{align-items:center;display:flex;gap:10px}.weather-day-card .wd-top input[type=text]{flex:1;font-size:12.5px;min-width:0;padding:8px 11px}.weather-day-card .wd-grid{display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:9px}.weather-day-card label{color:var(--muted);display:block;font-size:11px;font-weight:700;margin-bottom:4px}.weather-day-card input[type=number]{font-size:12px;padding:7px 8px;width:100%}.weather-day-card input[type=text].wd-summary{font-size:12.5px;margin-top:9px;padding:8px 10px;width:100%}