:root{color:#15171c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#f4f6f8;min-width:320px;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{--deck-columns:4;--deck-gap:12px;width:100%;min-height:100dvh;padding:max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));grid-template-columns:minmax(220px,280px) minmax(0,1fr) minmax(260px,340px);gap:18px;display:grid}.auth-shell{place-items:center;min-height:100dvh;padding:18px;display:grid}.auth-panel{gap:16px;width:min(460px,100%);display:grid}.auth-form{gap:10px;display:grid}.app-shell.focus-mode{grid-template-columns:minmax(0,1fr)}.app-shell.focus-mode>.side-panel,.app-shell.use-mode>.inspector-panel{display:none}.side-panel,.deck-stage,.inspector,.sync-panel,.connection-panel,.pwa-panel,.device-settings{min-width:0}.side-panel{flex-direction:column;gap:18px;display:flex}.brand-lockup{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{color:#fff;object-fit:cover;background:#111317;border-radius:8px;flex:none;width:48px;height:48px}.brand-mark.compact{width:38px;height:38px}.eyebrow{color:#667085;letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:.78rem;font-weight:800}h1,h2,p{letter-spacing:0;margin:0}h2{overflow-wrap:anywhere;font-size:1.08rem}.section-heading{gap:2px;min-width:0;display:grid}.profile-list,.connection-panel,.inspector,.sync-panel,.pwa-panel,.device-settings{flex-direction:column;gap:10px;display:flex}.profile-button{color:#252932;background:#fff;border:1px solid #d8dee8;border-radius:8px;justify-content:space-between;align-items:center;min-width:0;min-height:52px;padding:0 14px;display:flex}.profile-button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.add-profile-button{border-style:dashed}.mode-toggle{background:#fff;border:1px solid #d8dee8;border-radius:8px;grid-template-columns:1fr 1fr;gap:6px;min-width:0;padding:4px;display:grid}.mode-toggle button{color:#475467;background:0 0;border:0;border-radius:6px;min-height:38px;font-weight:900}.mode-toggle button.active{color:#fff;background:#111317}label{color:#475467;font-size:.86rem;font-weight:800}input,select,textarea{color:#15171c;background:#fff;border:1px solid #cfd6e2;border-radius:8px;outline:none;width:100%;min-width:0}input,select{min-height:44px;padding:0 12px}textarea{resize:vertical;min-height:78px;padding:10px 12px}input[type=range]{padding:0}.hint{color:#667085;overflow-wrap:anywhere;font-size:.84rem;line-height:1.45}.notice-box{background:#fff;border:1px solid #d8dee8;border-radius:8px;gap:6px;padding:14px;display:grid}.notice-box strong,.notice-box p{overflow-wrap:anywhere}.notice-box p{color:#667085;font-size:.86rem;line-height:1.45}.success-text{color:#087443}.pairing-row{grid-template-columns:minmax(0,1fr) minmax(82px,104px);gap:8px;min-width:0;display:grid}.pairing-row button,.primary-action,.sync-panel button,.pwa-panel button,.tool-row button,.secondary-action,.danger-action{color:#fff;background:#111317;border:0;border-radius:8px;min-height:42px;padding:0 12px;font-size:.88rem;font-weight:900}.tool-row{flex-wrap:wrap;gap:8px;display:flex}.tool-row button{flex:74px}.text-action{color:#2f80ed;text-align:center;background:0 0;border:0;border-radius:8px;min-height:34px;padding:0 8px;font-size:.88rem;font-weight:900}.install-panel{align-content:center}.install-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;display:grid}.status-grid{grid-template-columns:1fr;gap:8px;display:grid}.status-pill{background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;min-width:0;min-height:44px;padding:0 12px;display:flex}.status-pill span{color:#667085;flex:none;font-size:.82rem;font-weight:800}.status-pill strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.88rem;overflow:hidden}.deck-stage{flex-direction:column;gap:18px;display:flex}.focus-mode .deck-stage{min-height:calc(100dvh - 36px)}.focus-toolbar,.update-banner{background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:10px 12px;display:flex}.focus-toolbar strong,.update-banner strong,.update-banner span{overflow-wrap:anywhere;min-width:0}.focus-toolbar button,.update-banner a{color:#fff;background:#111317;border-radius:8px;flex:none;padding:10px 14px;font-size:.88rem;font-weight:900;text-decoration:none}.update-banner div{gap:2px;min-width:0;display:grid}.update-banner span{color:#667085;font-size:.84rem}.stage-header{grid-template-columns:minmax(0,1fr) minmax(180px,46%);align-items:end;gap:16px;min-width:0;display:grid}.last-command{color:#475467;text-overflow:ellipsis;white-space:nowrap;background:#fff;border-radius:8px;min-width:0;max-width:100%;padding:10px 12px;overflow:hidden}.button-grid{grid-template-columns:repeat(var(--deck-columns), minmax(0, 1fr));align-content:start;gap:var(--deck-gap);flex:auto;min-width:0;display:grid}.empty-state{color:#667085;text-align:center;overflow-wrap:anywhere;background:#fff;border-radius:8px;grid-column:1/-1;padding:18px}.deck-button{aspect-ratio:1.02;color:#111317;background:#fff;border:1px solid #1113171f;border-radius:8px;grid-template-rows:minmax(42px,1fr) auto;place-items:center;gap:8px;min-width:0;min-height:clamp(92px,14vw,132px);padding:clamp(10px,1.6vw,16px);transition:transform .14s,border-color .14s,box-shadow .14s;display:grid;box-shadow:0 10px 24px #10182814}.deck-button:disabled{cursor:not-allowed;opacity:.55}.deck-button[data-color=blue],.color-swatch[data-color=blue]{background:#e8f1ff}.deck-button[data-color=teal],.color-swatch[data-color=teal]{background:#e5fbf4}.deck-button[data-color=green],.color-swatch[data-color=green]{background:#e9f8ef}.deck-button[data-color=yellow],.color-swatch[data-color=yellow]{background:#fff7d6}.deck-button[data-color=red],.color-swatch[data-color=red]{background:#ffebe7}.deck-button[data-color=violet],.color-swatch[data-color=violet]{background:#f0ebff}.deck-button[data-color=graphite],.color-swatch[data-color=graphite]{background:#eef1f5}.button-icon{aspect-ratio:1;color:#fff;overflow-wrap:anywhere;text-align:center;background:#111317e6;border-radius:8px;place-items:center;width:clamp(44px,7vw,58px);min-width:0;font-size:clamp(.82rem,1.5vw,1.1rem);font-weight:900;display:grid}.button-icon img{object-fit:contain;border-radius:12px;width:100%;max-width:72px;height:100%;max-height:72px}.button-label{-webkit-line-clamp:2;overflow-wrap:anywhere;text-align:center;-webkit-box-orient:vertical;max-width:100%;font-size:clamp(.78rem,1.4vw,.96rem);font-weight:900;line-height:1.18;display:-webkit-box;overflow:hidden}.color-grid{grid-template-columns:repeat(7,minmax(28px,1fr));gap:8px;display:grid}.color-swatch{border:2px solid #0000;border-radius:8px;min-height:36px}.action-editor,.multi-action-editor,.multi-action-step{gap:10px;display:grid}.multi-action-step{background:#0000001f;border:1px solid #ffffff1f;border-radius:14px;padding:14px}.shared-button-list{gap:8px;max-height:220px;display:grid;overflow:auto}.checkbox-row{grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;min-height:34px;display:grid}.checkbox-row input{width:18px;min-height:18px;padding:0}.checkbox-row span{overflow-wrap:anywhere;min-width:0}.sync-panel form{gap:10px;display:grid}@media (width<=1180px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.inspector-panel{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}}@media (width<=820px){.app-shell{grid-template-columns:1fr;padding:12px}.inspector-panel{display:flex}.stage-header{grid-template-columns:1fr}.last-command{white-space:normal}}@media (width<=430px){.install-actions{grid-template-columns:1fr}.button-grid{gap:8px}.deck-button{min-height:94px}.color-grid{grid-template-columns:repeat(4,minmax(34px,1fr))}}.app-shell.focus-mode,.app-shell.focus-mode.use-mode,.app-shell.focus-mode.edit-mode{grid-template-columns:minmax(0,1fr)}.app-shell.focus-mode>.side-panel,.app-shell.focus-mode>.inspector-panel{display:none}:root{color:#f7f8fb;background:#090b10}body{background:radial-gradient(circle at 72% -10%,#704eff2e,#0000 38%),#090b10}.auth-panel{background:#11141ceb;border:1px solid #ffffff17;border-radius:24px;padding:clamp(22px,4vw,32px);box-shadow:0 32px 100px #00000070}.auth-panel .brand-lockup{margin-bottom:4px}.side-panel{scrollbar-width:thin;max-height:calc(100dvh - 24px);padding:18px;overflow-y:auto}.brand-mark{border-radius:13px;width:46px;height:46px;box-shadow:0 10px 30px #704eff4d}.eyebrow{color:#858da0;letter-spacing:.12em;font-size:.7rem}h1{font-size:1.2rem}.mode-toggle{background:#0b0e14;border-color:#ffffff14;border-radius:13px;padding:4px}.mode-toggle button{color:#7f8799;border-radius:10px;min-height:36px;font-size:.82rem}.profile-button{color:#a8afbf;background:#0c0f16;border-color:#ffffff14;border-radius:13px;flex:100%;min-height:46px}.profile-button.active{color:#fff;background:#7653ff24;border-color:#8b71ffbf}.profile-button strong{background:#ffffff14;border-radius:9px;place-items:center;min-width:27px;min-height:27px;font-size:.76rem;display:grid}label,.hint{color:#8d95a6}.pairing-row button,.primary-action,.sync-panel button,.pwa-panel button,.tool-row button,.secondary-action,.danger-action{background:#252b38;border-radius:11px}.secondary-action{background:linear-gradient(135deg,#7457ff,#527fff)}.status-pill,.last-command,.focus-toolbar,.update-banner{background:#07090e94;border:1px solid #ffffff12;border-radius:12px}.stage-title h2{letter-spacing:-.04em;font-size:clamp(1.5rem,2.6vw,2.25rem)}.last-command{color:#929aac;max-width:min(52%,440px)}.deck-button{color:#f7f8fb;background:linear-gradient(155deg,#313746eb,#151922f0);border-color:#ffffff1a;border-radius:clamp(16px,2vw,22px);min-height:clamp(102px,15vw,150px);box-shadow:inset 0 1px #ffffff14,0 16px 30px #0000003d}.deck-button:hover{border-color:#fff3;transform:translateY(-3px);box-shadow:inset 0 1px #ffffff1f,0 22px 36px #00000052}.deck-button:active{transform:translateY(1px)scale(.985)}.deck-button[data-color=blue]{background:linear-gradient(155deg,#244d8e,#152642)}.deck-button[data-color=teal]{background:linear-gradient(155deg,#166b68,#102f32)}.deck-button[data-color=green]{background:linear-gradient(155deg,#26724d,#173525)}.deck-button[data-color=yellow]{background:linear-gradient(155deg,#80671f,#3b3115)}.deck-button[data-color=red]{background:linear-gradient(155deg,#8d3b46,#3d1d25)}.deck-button[data-color=violet]{background:linear-gradient(155deg,#6547a7,#2d2249)}.deck-button[data-color=graphite]{background:linear-gradient(155deg,#3c4352,#1b1f28)}.button-icon{background:#04060a80;border:1px solid #ffffff1c;border-radius:18px;width:clamp(48px,7vw,66px);box-shadow:inset 0 1px #ffffff14,0 10px 24px #0003}.button-label{letter-spacing:-.02em;font-size:clamp(.78rem,1.3vw,.98rem)}@media (width<=1180px){.app-shell{grid-template-columns:minmax(220px,250px) minmax(0,1fr)}.inspector-panel{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none}}@media (width<=820px){.app-shell{grid-template-columns:1fr;padding:8px}.side-panel,.deck-stage{border-radius:20px}.side-panel:not(.inspector-panel){grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;display:grid}.profile-list,.connection-panel,.pwa-panel{grid-column:1/-1}.deck-stage{min-height:calc(100dvh - 16px)}.last-command{max-width:58%}}@media (width<=520px){.app-shell,.app-shell.use-mode,.app-shell.edit-mode{grid-template-columns:minmax(0,1fr)}.side-panel:not(.inspector-panel){grid-template-columns:1fr;max-height:none}.stage-header{flex-direction:column;align-items:stretch}.last-command{max-width:none}.deck-stage{padding:14px}}:root{color:#17253d;background:#f2f6fa;font-family:Segoe UI Variable Text,Segoe UI,ui-sans-serif,system-ui,sans-serif}body{color:#17253d;background:radial-gradient(circle at 74% -18%,#0078d41a,#0000 38%),linear-gradient(#f8fbfd 0%,#f1f5f9 100%)}.auth-shell{background:radial-gradient(circle at 50% 0,#0078d41f,#0000 34%),linear-gradient(#f8fbfd,#eef4f8)}.auth-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff0;border:1px solid #17253d1a;border-radius:24px;padding:clamp(24px,4vw,34px);box-shadow:0 2px 4px #0f172a0f,0 20px 48px #0f172a1f}.auth-panel .primary-action{background:#0078d4;min-height:48px;box-shadow:0 6px 16px #0078d433}.auth-panel .primary-action:hover{background:#0f6cbd}.auth-panel .text-action{color:#0f6cbd}.app-shell{grid-template-columns:minmax(244px,276px) minmax(0,1fr) minmax(284px,332px);gap:12px;padding:12px}.app-shell.use-mode{grid-template-columns:minmax(244px,276px) minmax(0,1fr)}.side-panel,.deck-stage{background:#fffffff0;border:1px solid #17253d17;border-radius:24px;box-shadow:0 1px 2px #0f172a0a,0 12px 32px #0f172a14}.side-panel{scrollbar-color:#c8d2dc transparent;scrollbar-width:thin;max-height:calc(100dvh - 24px);padding:18px;overflow-y:auto}.deck-stage{background:linear-gradient(135deg,#fffffff0,#f4f9fcf5),#f8fbfd;min-height:calc(100dvh - 24px);padding:clamp(20px,2.6vw,32px);position:relative;overflow:hidden}.deck-stage:before{pointer-events:none;content:"";background-image:linear-gradient(#0f6cbd09 1px,#0000 1px),linear-gradient(90deg,#0f6cbd09 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}.deck-stage>*{z-index:1;position:relative}.brand-mark{background:#fff;border:1px solid #17253d14;border-radius:12px;width:46px;height:46px;box-shadow:0 8px 20px #0f172a1a}.brand-mark.compact{border-radius:10px;width:38px;height:38px}.eyebrow{color:#616161;letter-spacing:.1em;margin-bottom:4px;font-size:.7rem;font-weight:700}h1,h2{color:#0e1726}h1{font-size:1.2rem;font-weight:650}h2{font-weight:650}.mode-toggle{background:#f2f4f7;border:1px solid #dce3ea;border-radius:10px;gap:3px;padding:3px}.mode-toggle button{color:#4b5565;border-radius:7px;min-height:36px;font-size:.82rem;font-weight:600}.mode-toggle button:hover:not(.active){color:#17253d;background:#ffffffb8}.mode-toggle button.active{color:#0f6cbd;background:#fff;box-shadow:0 1px 2px #0f172a14,0 3px 8px #0f172a0f}.profile-list{flex-flow:column}.profile-button{color:#3f4b5f;background:0 0;border-color:#0000;border-radius:10px;flex:none;min-height:46px;font-weight:600}.profile-button:hover{background:#f2f6f9}.profile-button.active{color:#0f6cbd;background:#e8f3fb;border-color:#0078d429;box-shadow:inset 3px 0 #0078d4}.profile-button strong{min-width:28px;min-height:28px;color:inherit;background:#17253d12;border-radius:8px;place-items:center;font-size:.76rem;font-weight:700;display:grid}.profile-button.active strong{background:#0078d41c}.add-profile-button{border-color:#cbd6e0}.connection-panel,.pwa-panel,.inspector,.sync-panel,.device-settings{background:#f9fbfc;border:1px solid #e1e7ed;border-radius:16px;padding:14px}label{color:#465468;font-weight:600}.hint{color:#616b7a}input,select,textarea{color:#17253d;background:#fff;border-color:#c6d0db;border-radius:8px}input:hover,select:hover,textarea:hover{border-color:#8997a8}input[readonly]{color:#465468;background:#f3f6f8}input:focus,select:focus,textarea:focus{border-color:#0078d4;box-shadow:0 0 0 2px #0078d42e}.pairing-row button,.primary-action,.sync-panel button,.pwa-panel button,.tool-row button,.secondary-action,.danger-action{color:#fff;background:#0078d4;border:1px solid #0000000a;border-radius:8px;min-height:42px;font-weight:600;box-shadow:0 1px 2px #0f172a1f}.pairing-row button:hover,.primary-action:hover,.sync-panel button:hover,.pwa-panel button:hover,.tool-row button:hover,.secondary-action:hover{background:#0f6cbd}.danger-action{background:#c42b1c!important}.text-action{color:#0f6cbd;font-weight:600}.text-action:hover{background:#e8f3fb}.status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.status-pill,.last-command,.focus-toolbar,.update-banner,.notice-box,.empty-state{background:#ffffffe0;border:1px solid #e1e7ed;border-radius:12px}.status-pill{align-content:center;gap:2px;min-height:56px;display:grid}.status-pill span,.status-pill strong{white-space:normal;overflow:visible}.status-pill[data-state=online]{color:#107c10}.status-pill[data-state=connecting],.status-pill[data-state=idle]{color:#986f0b}.status-pill[data-state=error],.status-pill[data-state=offline]{color:#c42b1c}.stage-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.stage-title h2{letter-spacing:-.035em;font-size:clamp(1.55rem,2.6vw,2.3rem);font-weight:650}.stage-title .eyebrow{align-items:center;gap:8px;display:flex}.live-dot{background:#107c10;border-radius:999px;width:7px;height:7px;box-shadow:0 0 0 4px #107c101a}.last-command{color:#596579;max-width:min(54%,440px);box-shadow:0 1px 2px #0f172a08}.button-grid{align-content:center;gap:clamp(10px,1.4vw,16px)}.deck-button{aspect-ratio:auto;color:#17253d;background:#ffffffeb;border:1px solid #dce3ea;border-radius:16px;min-height:clamp(112px,13vw,150px);transition:transform .14s,border-color .14s,box-shadow .14s,background .14s;position:relative;box-shadow:0 1px 2px #0f172a0a,0 8px 20px #0f172a12}.deck-button:before{background:var(--button-accent,#7a8698);content:"";border-radius:16px 0 0 16px;width:4px;position:absolute;inset:0 auto 0 0}.deck-button:hover:not(:disabled){background:#fff;border-color:#b8c7d5;transform:translateY(-2px);box-shadow:0 2px 4px #0f172a0f,0 14px 30px #0f172a1c}.deck-button:active:not(:disabled){transform:translateY(0)scale(.99)}.deck-button.selected{border-color:#0078d4;box-shadow:0 0 0 2px #0078d429,0 10px 24px #0f172a14}.deck-button:focus-visible{outline-offset:2px;outline:3px solid #0078d44d}.focus-mode .deck-button{aspect-ratio:auto;min-height:clamp(112px,18vh,142px)}.deck-button[data-color=blue]{--button-accent:#0078d4;background:linear-gradient(145deg,#fff,#f3f9fd)}.deck-button[data-color=teal]{--button-accent:#038387;background:linear-gradient(145deg,#fff,#f2faf9)}.deck-button[data-color=green]{--button-accent:#107c10;background:linear-gradient(145deg,#fff,#f4faf4)}.deck-button[data-color=yellow]{--button-accent:#c19c00;background:linear-gradient(145deg,#fff,#fffaf0)}.deck-button[data-color=red]{--button-accent:#c42b1c;background:linear-gradient(145deg,#fff,#fff6f4)}.deck-button[data-color=violet]{--button-accent:#8764b8;background:linear-gradient(145deg,#fff,#f8f5fb)}.deck-button[data-color=graphite]{--button-accent:#697386;background:linear-gradient(145deg,#fff,#f5f7f9)}.button-icon{color:#0f6cbd;background:#f2f5f8;border:1px solid #17253d14;border-radius:14px;width:clamp(48px,7vw,64px);box-shadow:inset 0 1px #ffffffe6}.button-label{color:#17253d;letter-spacing:-.015em;font-size:clamp(.8rem,1.3vw,.98rem);font-weight:650}.color-swatch[data-color=blue]{background:#0078d4}.color-swatch[data-color=teal]{background:#038387}.color-swatch[data-color=green]{background:#107c10}.color-swatch[data-color=yellow]{background:#c19c00}.color-swatch[data-color=red]{background:#c42b1c}.color-swatch[data-color=violet]{background:#8764b8}.color-swatch[data-color=graphite]{background:#697386}.color-swatch.active{border-color:#fff;box-shadow:0 0 0 2px #0078d4}.multi-action-step{background:#fff;border-color:#e1e7ed}.focus-toolbar button,.update-banner a{background:#0078d4;font-weight:600}@media (width<=1180px){.app-shell{grid-template-columns:minmax(220px,250px) minmax(0,1fr)}.inspector-panel{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none}}@media (width<=820px){.app-shell{grid-template-columns:1fr;padding:8px}.side-panel,.deck-stage{border-radius:20px}.side-panel:not(.inspector-panel){grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;display:grid}.profile-list,.connection-panel,.pwa-panel{grid-column:1/-1}.deck-stage{min-height:calc(100dvh - 16px)}.last-command{max-width:58%}}@media (width<=520px){.app-shell,.app-shell.use-mode,.app-shell.edit-mode{grid-template-columns:minmax(0,1fr)}.side-panel:not(.inspector-panel){grid-template-columns:1fr}.stage-header{flex-direction:column;align-items:stretch}.last-command{max-width:none}.deck-stage{padding:16px}}.tool-row button:disabled,.primary-action:disabled,.secondary-action:disabled{cursor:not-allowed;opacity:.42;box-shadow:none}.history-tools button{color:#0f6cbd;background:#fff;border-color:#c9d6e2}.history-tools button:hover:not(:disabled){background:#e8f3fb}.deck-button[draggable=true]{cursor:grab}.deck-button.dragging{cursor:grabbing;opacity:.45;transform:scale(.97)}.sync-state{color:#0f6cbd;background:#eef6fc;border-radius:8px;min-height:36px;padding:9px 10px}.backup-panel{border-top:1px solid #e1e7ed;gap:10px;padding-top:14px;display:grid}.visually-hidden{clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}.deck-button.photo-button{grid-template-rows:1fr;padding:0;overflow:hidden}.photo-button .button-icon{border-radius:inherit;background:#dce7f0;border:0;width:100%;height:100%;position:absolute;inset:0}.photo-button .button-icon img{border-radius:inherit;object-fit:cover;width:100%;max-width:none;height:100%;max-height:none}.photo-button .button-label{z-index:2;color:#fff;text-shadow:0 1px 3px #00000061;background:linear-gradient(#0000,#071220d6);max-width:none;padding:28px 12px 12px;position:absolute;bottom:0;left:0;right:0}.clock-display{aspect-ratio:auto;color:#0f6cbd;font-variant-numeric:tabular-nums;letter-spacing:-.04em;overflow-wrap:normal;white-space:nowrap;background:#e8f3fb;border-color:#0078d424;width:min(86%,150px);min-width:0;padding:10px 7px;font-size:clamp(1.05rem,2vw,1.5rem)}.display-options,.hotkey-recorder{background:#fff;border:1px solid #dce5ed;border-radius:12px;gap:10px;padding:12px;display:grid}.quick-add-panel{border-top:1px solid #e1e7ed;gap:10px;padding-top:14px;display:grid}.quick-add-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.quick-add-grid button{color:#17253d;background:#fff;border:1px solid #d7e1ea;border-radius:10px;place-items:center;gap:4px;min-height:64px;padding:8px;font-size:.78rem;font-weight:650;display:grid}.quick-add-grid button:hover{color:#0f6cbd;background:#f0f8fd;border-color:#8fc3e8}.quick-add-grid button span{color:#0f6cbd;font-size:.9rem;font-weight:750}.hotkey-recorder.recording{background:#f3f9fd;border-color:#0078d4;box-shadow:0 0 0 3px #0078d41f}.hotkey-preview{color:#616b7a;text-align:center;background:#f7f9fb;border:1px dashed #bdc9d5;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;min-height:52px;padding:10px;display:flex}kbd{color:#17253d;background:#fff;border:1px solid #bbc7d3;border-bottom-width:3px;border-radius:7px;place-items:center;min-width:34px;min-height:30px;padding:3px 8px;font-family:inherit;font-size:.78rem;font-weight:700;line-height:1;display:inline-grid;box-shadow:0 1px 2px #0f172a0f}.shortcut-library{max-height:420px}.shortcut-list{gap:8px;display:grid;overflow-y:auto}.shortcut-item{color:#17253d;text-align:left;background:#fff;border:1px solid #dce5ed;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-width:0;padding:10px;display:flex}.shortcut-item:hover{background:#f3f9fd;border-color:#9cc7e8}.shortcut-item>span:first-child{gap:2px;min-width:0;display:grid}.shortcut-item strong,.shortcut-item small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shortcut-item small{color:#616b7a}.shortcut-keys{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:4px;display:flex}.shortcut-keys kbd{min-width:26px;min-height:24px;padding:2px 6px;font-size:.7rem}.empty-inline{color:#616b7a;text-align:center;border:1px dashed #c8d4df;border-radius:10px;padding:14px}.profile-button.active{box-shadow:none}.deck-button:before{display:none}.button-grid{align-content:start;margin-top:clamp(4px,2vh,18px)}.deck-stage{overflow:auto}.icon-preset-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.icon-preset{color:#465468;background:#fff;border:1px solid #d9e2eb;border-radius:10px;place-items:center;gap:5px;min-width:0;padding:7px 4px;font-size:.68rem;font-weight:650;display:grid}.icon-preset:hover{background:#f3f9fd;border-color:#8fc3e8}.icon-preset.active{color:#0f6cbd;background:#e8f3fb;border-color:#0078d4;box-shadow:0 0 0 2px #0078d41f}.icon-preset img{object-fit:cover;border-radius:9px;width:36px;height:36px}.icon-preset span{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}@media (width>=601px) and (width<=900px){.app-shell.use-mode,.app-shell.edit-mode{grid-template-columns:minmax(190px,220px) minmax(0,1fr)}.app-shell.edit-mode>.inspector-panel{grid-column:1/-1}.side-panel:not(.inspector-panel){max-height:calc(100dvh - 16px);display:flex}.side-panel:not(.inspector-panel) .brand-lockup{align-items:flex-start}.side-panel:not(.inspector-panel) .brand-mark{width:40px;height:40px}.side-panel:not(.inspector-panel) .connection-panel,.side-panel:not(.inspector-panel) .pwa-panel{grid-column:auto}.deck-stage{min-height:calc(100dvh - 16px);padding:20px}.last-command{max-width:52%}}@media (width<=600px){.app-shell,.app-shell.use-mode,.app-shell.edit-mode{grid-template-columns:minmax(0,1fr)}.side-panel:not(.inspector-panel){max-height:none;display:flex}.icon-preset-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}html{scrollbar-gutter:auto}*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{width:0;height:0;display:none}.app-shell.edit-mode{grid-template-columns:minmax(244px,276px) minmax(0,1fr)}.app-shell.edit-mode>.inspector-panel{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));max-height:none;display:grid}.deck-button:hover:not(:disabled),.deck-button:active:not(:disabled){transform:none}@media (width>=601px) and (width<=900px){.app-shell.edit-mode{grid-template-columns:minmax(190px,220px) minmax(0,1fr)}}@media (width<=600px){.app-shell.edit-mode{grid-template-columns:minmax(0,1fr)}.app-shell.edit-mode>.inspector-panel{display:flex}}