.commander-mode-container{height:100%}.stop-btn-compact{background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 16px;transition:all .2s}.stop-btn-compact:hover{box-shadow:0 3px 8px #f5576c66;transform:translateY(-1px)}.swap-btn-compact{height:auto!important;min-height:28px!important}.element-box{cursor:pointer;transition:all .2s ease-in-out}.element-box:hover rect{stroke-width:4;filter:brightness(1.3)}.screen-canvas{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.device-touch-surface{cursor:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Ccircle cx='9' cy='9' r='7.5' fill='none' stroke='%23000' stroke-opacity='.55'/%3E%3Ccircle cx='9' cy='9' r='6.25' fill='%2311141A' fill-opacity='.35' stroke='%23fff' stroke-width='1.5'/%3E%3Ccircle cx='9' cy='9' r='1' fill='%23fff'/%3E%3C/svg%3E") 9 9,crosshair}.device-touch-surface:focus{outline:none}.commander-canvas{position:relative}@media (prefers-color-scheme:dark){input[type=search],input[type=text]{background-color:#2d3748!important;color:#fff!important}input[type=search]::placeholder,input[type=text]::placeholder{color:#a0aec0!important}}@media (max-width:1200px){.screen-canvas-wrapper{max-width:400px}}@media (max-width:768px){.screen-canvas-wrapper{max-width:100%}}@keyframes devicely-tap-ripple{0%{opacity:.95;transform:translate(-50%,-50%) scale(.25)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.tap-ripple{animation:devicely-tap-ripple .6s cubic-bezier(.2,.7,.3,1) forwards;background:#4c8dff38;border:2px solid #4c8dfff2;border-radius:50%;height:56px;pointer-events:none;position:absolute;width:56px}@keyframes devicely-latency-fade{0%,70%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,4px)}}.latency-chip{font-feature-settings:"tnum";animation:devicely-latency-fade 2.6s ease forwards;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0c10c7;border-radius:999px;bottom:10px;color:#e6e8ee;font-size:11px;font-variant-numeric:tabular-nums;font-weight:600;left:50%;padding:2px 8px;pointer-events:none;position:absolute;white-space:nowrap}@keyframes devicely-skeleton{0%{background-position:150% 0}to{background-position:-50% 0}}.mirror-skeleton{animation:devicely-skeleton 1.6s ease-in-out infinite;background:linear-gradient(100deg,#111419 30%,#1b1f27 50%,#111419 70%);background-size:200% 100%}@media (prefers-reduced-motion:reduce){.tap-ripple{display:none}.latency-chip,.mirror-skeleton{animation:none}}@keyframes devicely-scroll-cue{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}25%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.scroll-cue{align-items:center;animation:devicely-scroll-cue .7s ease-out forwards;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0c10b3;border-radius:50%;color:#e6e8ee;display:flex;height:40px;justify-content:center;pointer-events:none;width:40px}@media (prefers-reduced-motion:reduce){.scroll-cue{animation-duration:.01s}}.touch-indicator{animation:devicely-touch-down .12s ease-out;background:#11141a52;border:2px solid #fffffff2;border-radius:50%;box-shadow:0 0 0 1px #00000073,0 4px 14px #00000059;height:44px;margin:-22px 0 0 -22px;pointer-events:none;position:absolute;transition:width .12s ease,height .12s ease,margin .12s ease,background-color .15s ease;width:44px}.touch-indicator.touch-drag{background:#11141a66;height:36px;margin:-18px 0 0 -18px;width:36px}.touch-indicator.touch-long{background:#4c8dff73;border-color:#4c8dfff2}@keyframes devicely-touch-down{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.touch-progress{left:-4px;overflow:visible;position:absolute;top:-4px;transform:rotate(-90deg)}.touch-progress circle{fill:none;stroke:#4c8dfff2;stroke-width:3;stroke-linecap:round;stroke-dasharray:151;stroke-dashoffset:151;animation:devicely-long-press .42s linear .08s forwards}@keyframes devicely-long-press{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.touch-indicator{animation:none;transition:none}.touch-progress circle{animation-delay:.49s;animation-duration:.01s}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes glow{0%,to{box-shadow:0 0 5px #1890ff80}50%{box-shadow:0 0 20px #1890ffcc,0 0 30px #1890ff99}}.fade-in{animation:fadeIn .5s ease-out}.slide-in-right{animation:slideInRight .5s ease-out}.slide-in-left{animation:slideInLeft .5s ease-out}.scale-in{animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1)}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.ping{animation:ping 2s cubic-bezier(0,0,.2,1) infinite}.bounce{animation:bounce 1s ease-in-out infinite}.float{animation:float 3s ease-in-out infinite}.shimmer{animation:shimmer 2s infinite;background:linear-gradient(90deg,#fff0 0,#ffffff4d 50%,#fff0);background-size:1000px 100%}.rotate{animation:rotate 1s linear}.glow{animation:glow 2s ease-in-out infinite}*{-webkit-tap-highlight-color:transparent}.smooth-transition{transition:all .3s cubic-bezier(.4,0,.2,1)}.smooth-hover:hover{box-shadow:0 10px 25px #00000026;transform:translateY(-2px)}.glass{background:#ffffff1a;border:1px solid #fff3}.glass,.glass-dark{backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%)}.glass-dark{background:#0003;border:1px solid #ffffff1a}.card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{box-shadow:0 20px 40px #0003;transform:translateY(-4px) scale(1.02)}.ripple{overflow:hidden;position:relative}.ripple:after{background:#ffffff80;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.ripple:active:after{height:300px;width:300px}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}::-webkit-scrollbar-thumb{background:#0000004d;border-radius:10px;-webkit-transition:all .3s ease;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:#00000080}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#c8c8c84d 25%,#c8c8c880 50%,#c8c8c84d 75%);background-size:200% 100%;border-radius:8px}:focus-visible{border-radius:4px;outline:2px solid #1890ff99;outline-offset:2px}.no-select{-webkit-user-select:none;user-select:none}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1890ff,#9254de);-webkit-background-clip:text;background-clip:text}.shadow-soft{box-shadow:0 2px 8px #00000014,0 4px 16px #00000014}.shadow-medium{box-shadow:0 4px 12px #0000001a,0 8px 24px #0000001a}.shadow-strong{box-shadow:0 8px 24px #00000026,0 16px 48px #00000026}.stagger-item{animation:fadeIn .5s ease-out forwards;opacity:0}.stagger-item:first-child{animation-delay:.05s}.stagger-item:nth-child(2){animation-delay:.1s}.stagger-item:nth-child(3){animation-delay:.15s}.stagger-item:nth-child(4){animation-delay:.2s}.stagger-item:nth-child(5){animation-delay:.25s}.stagger-item:nth-child(6){animation-delay:.3s}.stagger-item:nth-child(7){animation-delay:.35s}.stagger-item:nth-child(8){animation-delay:.4s}.micro-bounce:hover{animation:bounce .5s ease}.micro-rotate:hover{animation:rotate .5s ease}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}