:root{--ink: #07142d;--ink-2: #12264c;--muted: #69758a;--line: #d9e1eb;--line-strong: #c7d3e2;--paper: #f8fafc;--surface: #ffffff;--surface-soft: #f2f6fb;--navy: #031735;--navy-2: #062752;--accent: #0f63e6;--accent-2: #ff4d1d;--ok: #159447;--warn: #ce7410;--danger: #d31d2a;--shadow: 0 18px 48px rgba(21, 48, 92, .12);--soft-shadow: 0 10px 28px rgba(31, 53, 88, .08);--radius: 8px;--motion: .62s cubic-bezier(.32, .72, 0, 1);font-family:Avenir Next,Hiragino Sans,Yu Gothic,Meiryo,system-ui,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100dvh;background:linear-gradient(120deg,rgba(15,99,230,.07),transparent 30%),linear-gradient(180deg,#fbfdff,#f3f6fb)}button,input,select{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:304px minmax(0,1fr);min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;padding:20px 16px;color:#eaf2ff;background:radial-gradient(circle at 20% 12%,rgba(24,105,255,.42),transparent 34%),linear-gradient(180deg,var(--navy) 0%,#021024 100%);border-right:1px solid rgba(255,255,255,.08);overflow:auto}.sidebar-toggle{position:absolute;right:14px;top:14px;color:#dbe8ff}.brand{display:flex;align-items:center;gap:12px;margin:36px 0 28px;padding:0 8px}.brand-mark{display:grid;width:44px;height:44px;place-items:center;border-radius:8px;background:linear-gradient(145deg,#fff,#dce9ff);color:var(--navy);font-size:23px;font-weight:800;box-shadow:inset 0 1px #ffffffe6,0 14px 30px #0003}.brand-kicker,.page-subtitle{margin:0;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.04em}.brand-kicker{color:#eaf2ff9e}.brand h1,.topbar h2,.section-title h3,.hero-copy h3,.ai-panel h3,.detail-panel h3{margin:0;letter-spacing:0}.brand h1{font-size:22px;line-height:1.05}.nav-list{display:grid;gap:6px}.nav-item{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:12px;width:100%;min-height:54px;padding:9px 12px;border:1px solid transparent;border-radius:var(--radius);color:#ebf4ffc7;background:transparent;text-align:left;transition:transform var(--motion),background var(--motion),border-color var(--motion),color var(--motion)}.nav-item.has-tree{grid-template-columns:24px minmax(0,1fr) 18px}.nav-item.has-tree>svg:last-child{justify-self:end}.nav-item:hover{transform:translate(2px);color:#fff;background:#ffffff12}.nav-item.active{color:#fff;background:linear-gradient(135deg,#0f63e6,#0b54c6);border-color:#ffffff24;box-shadow:0 14px 28px #004bb457}.nav-item.nav-disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.nav-item.sub-nav-item{grid-template-columns:18px 1fr;gap:8px;border-radius:6px;padding:7px 10px;font-size:12.5px;margin:0;box-shadow:none}.nav-item.sub-nav-item.active{background:#ffffff1f;box-shadow:none}.nav-item.sub-nav-item strong{font-size:12.5px}.poster-sub-nav{padding-left:24px}.nav-item strong,.nav-item small{display:block}.nav-item strong{font-size:15px;line-height:1.25}.nav-item small{margin-top:3px;color:currentColor;opacity:.66;font-size:11px}.sidebar-rule-tree{display:grid;gap:14px;margin:4px 0 12px 18px;padding:12px 0 14px 16px;border-left:1px solid rgba(218,232,255,.22)}.sidebar-tree-caption{color:#eaf2ff8f;font-size:11px;font-weight:850}.sidebar-rule-tree .rule-tree{gap:12px}.sidebar-rule-tree .rule-tree-folder{color:#f6fafff0}.sidebar-rule-tree .rule-tree-folder svg{color:#7fb1ff}.sidebar-rule-tree .rule-tree-children:before{background:#dae8ff33}.sidebar-rule-tree .rule-tree-item{color:#e5f0ffa3}.sidebar-rule-tree .rule-tree-item.active{color:#fff;background:linear-gradient(135deg,#0f63e6,#0b54c6);border-color:#ffffff24;box-shadow:0 10px 22px #004bb447}.sidebar-rule-tree .rule-tree-item:hover:not(.active){color:#fff;background:#ffffff14;border-color:#ffffff14}.sidebar-rule-tree .rule-tree-empty{color:#e5f0ff80}.sidebar-rule-tree .tree-action{border-color:#dae8ff33;color:#eaf2ff;background:#ffffff12}.sidebar-footer{margin-top:28px;padding:14px;border-radius:var(--radius);background:#ffffff14;border:1px solid rgba(255,255,255,.09)}.sidebar-footer span,.sidebar-footer strong{display:block}.sidebar-footer span{color:#ebf4ff9e;font-size:12px}.sidebar-footer strong{margin-top:5px;font-size:13px}.sidebar-footer button{width:100%;min-height:34px;margin-top:10px;border:1px solid rgba(235,244,255,.18);border-radius:var(--radius);color:#eaf2ff;background:#ffffff12;font-size:12px;font-weight:850}.main{min-width:0}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 28px;background:#f8fafceb;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar h2{margin-top:4px;font-size:clamp(26px,3vw,38px);line-height:1.08}.top-actions{display:flex;align-items:center;gap:12px}.search-box{display:flex;align-items:center;width:min(420px,34vw);gap:9px;height:42px;padding:0 14px;border:1px solid var(--line-strong);border-radius:var(--radius);background:#fff;box-shadow:var(--soft-shadow);color:var(--muted)}.search-box input{min-width:0;width:100%;border:0;outline:0;color:var(--ink);background:transparent;font-size:14px}.status-pill,.primary-button,.ghost-button,.format,.filter,.calendar-cell{min-height:40px;border-radius:var(--radius);border:1px solid var(--line);transition:transform var(--motion),border-color var(--motion),background var(--motion),color var(--motion),box-shadow var(--motion)}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:0 13px;color:#0f5132;background:#e9f8ef;border-color:#c7ecd5;font-size:13px;font-weight:800}.status-pill.error{color:#8a241c;background:#fff0ed;border-color:#f0c7c0}.content-stage{padding:28px}.page-grid,.split-page,.library-layout,.recommend-layout,.content-studio,.delivery-layout,.monitor-layout,.line-layout,.reservation-layout,.settings-layout{display:grid;gap:18px}.dashboard-grid{grid-template-columns:1.15fr .85fr}.dashboard-ops-layout{display:grid;grid-template-columns:240px minmax(0,1fr) 340px;gap:18px;align-items:start}.dashboard-sidebar-tree{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px 14px;position:sticky;top:18px}.dashboard-sidebar-tree .rule-tree{margin-top:12px}.dashboard-sidebar-tree .rule-tree-folder{display:flex;align-items:center;gap:8px;padding:6px 4px;border:none;background:none;width:100%;color:var(--ink-soft);font-size:13px}.dashboard-sidebar-tree .rule-tree-folder strong{font-weight:600;color:var(--ink)}.dashboard-sidebar-tree .rule-tree-children{padding-left:12px;margin-bottom:8px}.dashboard-sidebar-tree .rule-tree-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border:none;background:none;width:100%;cursor:pointer;border-radius:8px;font-size:13px;color:var(--ink);transition:background .15s}.dashboard-sidebar-tree .rule-tree-item:hover{background:var(--hover)}.dashboard-sidebar-tree .rule-tree-item.active{background:var(--accent);color:#fff}.dashboard-sidebar-tree .rule-tree-item.active em{color:#fffc}.dashboard-sidebar-tree .rule-tree-item em{margin-left:auto;font-size:12px;font-style:normal;color:var(--ink-soft)}.dashboard-sidebar-tree .rule-tree-empty{display:block;padding:6px 10px;font-size:12px;color:var(--ink-muted)}.dashboard-main-area{display:flex;flex-direction:column;gap:18px}.rule-table-row.current-slot{border-left:3px solid var(--accent)}.quick-edit-panel .quick-device-list{margin-top:12px;display:flex;flex-direction:column;gap:6px}.quick-edit-panel .empty-state-line{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--ink-soft)}.quick-edit-panel .empty-state-line span{font-size:13px;text-align:center;line-height:1.5}.split-page{grid-template-columns:360px minmax(0,1fr)}.library-layout{grid-template-columns:240px minmax(0,1fr) 320px;align-items:start}.recommend-layout,.content-studio,.monitor-layout,.line-layout,.reservation-layout,.settings-layout{grid-template-columns:repeat(3,minmax(0,1fr))}.delivery-layout{grid-template-columns:minmax(0,1fr) 360px}.panel,.filter-rail{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--soft-shadow)}.panel{padding:20px}.auth-panel,.sync-error-panel,.empty-dashboard{margin-bottom:18px}.auth-panel{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr);gap:18px;align-items:center}.auth-panel p{margin:-6px 0 0;color:var(--muted);line-height:1.65}.auth-form{display:grid;grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) auto;gap:10px;align-items:end}.auth-form label{display:grid;gap:6px}.auth-form label span{color:var(--ink-2);font-size:12px;font-weight:900}.auth-form input{height:42px;min-width:0;padding:0 12px;border:1px solid var(--line-strong);border-radius:var(--radius);color:var(--ink);background:#fff;outline:0}.auth-form .primary-button{min-height:42px}.primary-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.form-error{grid-column:1 / -1;color:var(--danger);font-size:12px}.sync-error-panel{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:12px;align-items:center;color:#8a241c;background:#fff7f5;border-color:#f0c7c0}.sync-error-panel span{display:block;margin-top:3px;color:#9a554d;font-size:13px}.empty-dashboard{display:grid;min-height:280px;place-items:center;align-content:center;gap:10px;border:1px dashed #cbd7e8;border-radius:var(--radius);background:#fff;color:var(--muted);text-align:center}.empty-dashboard strong{color:var(--ink);font-size:22px}.login-split{display:grid;grid-template-columns:minmax(680px,1fr) minmax(420px,500px);min-height:100dvh;background:#f3f6fb}.login-brand-panel{position:relative;display:flex;flex-direction:column;padding:clamp(32px,4vw,56px);color:#e7ece8;overflow:hidden;background:radial-gradient(circle at 76% 16%,rgba(100,108,128,.13),transparent 31%),radial-gradient(circle at 3% 84%,rgba(51,86,180,.1),transparent 36%),linear-gradient(145deg,#111412,#0b0d0c,#060707)}.login-brand-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.login-light{position:absolute;pointer-events:none;opacity:.72}.login-light-a{width:42vw;height:42vw;right:-18vw;top:12vh;background:radial-gradient(circle,rgba(150,170,200,.12),transparent 65%)}.login-light-b{width:34vw;height:34vw;left:-18vw;bottom:-10vw;background:radial-gradient(circle,rgba(68,125,210,.14),transparent 68%)}.login-brand-bg .grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(226,232,228,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(226,232,228,.035) 1px,transparent 1px);background-size:76px 76px;-webkit-mask-image:linear-gradient(90deg,black 0%,black 72%,transparent 100%);mask-image:linear-gradient(90deg,black 0%,black 72%,transparent 100%)}.login-brand-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(140,160,190,.045) 50%,transparent 100%),linear-gradient(180deg,transparent 0%,rgba(255,255,255,.035) 48%,transparent 49%,transparent 100%);background-size:100% 100%,100% 210px;mix-blend-mode:screen;opacity:.42}.login-brand-content{position:relative;z-index:1;flex:1;display:grid;width:min(100%,1440px);margin:0 auto;grid-template-columns:minmax(280px,.58fr) minmax(auto,1.25fr);grid-template-areas:"logo logo" "hero workflow" "modules workflow";align-content:center;align-items:center;gap:clamp(22px,3vw,44px)}.login-logo{display:flex;align-items:center;gap:14px;grid-area:logo;align-self:start}.login-logo-mark{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;color:#dce2ed;background:#ffffff14;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px #ffffff1f}.login-logo strong{display:block;color:#fff;font-size:19px;line-height:1.08;letter-spacing:-.01em}.login-logo small{display:block;margin-top:2px;color:#ced8d485;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.login-hero-text{grid-area:hero;align-self:end}.login-hero-text>span{display:inline-flex;min-height:30px;align-items:center;padding:0 11px;border-radius:8px;color:#b9c6c0;background:#c4ccc614;border:1px solid rgba(210,219,214,.16);font-size:12px;font-weight:850}.login-hero-text h1{margin:18px 0 0;max-width:560px;color:#fff;font-size:clamp(42px,4.8vw,82px);line-height:1.03;letter-spacing:-.01em;font-weight:900;word-break:keep-all;overflow-wrap:normal}.login-hero-text p{margin:18px 0 0;max-width:560px;color:#dbe1deb3;font-size:clamp(15px,1.1vw,18px);line-height:1.85}.login-ops-flow{position:relative;grid-area:workflow;display:flex;flex-direction:column;min-height:560px;padding:28px;overflow:hidden;border-radius:18px;background:linear-gradient(145deg,#e8eeea12,#e8eeea06),radial-gradient(circle at 50% 42%,rgba(74,112,92,.13),transparent 47%);border:1px solid rgba(213,221,216,.14);box-shadow:inset 0 1px #ffffff14,0 30px 90px #00000057}.login-ops-flow:before{content:"";position:absolute;top:16px;right:16px;bottom:16px;left:16px;border-radius:12px;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:34px 34px;opacity:.62}.login-ops-flow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.08) 46%,transparent 58%);transform:translate(-115%);animation:opsScan 8s linear infinite;pointer-events:none}.ops-flow-header{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid rgba(218,225,221,.11)}.ops-flow-header span{color:#cdd6d27a;font-family:SFMono-Regular,Roboto Mono,Courier New,monospace;font-size:11px;font-weight:800;letter-spacing:.08em}.ops-flow-header strong{max-width:24ch;color:#ffffffeb;font-size:15px;line-height:1.35;text-align:right;white-space:nowrap}.ops-network{position:relative;z-index:1;flex:1;min-height:404px;margin-top:22px}.ops-node{position:absolute;display:grid;width:220px;min-height:106px;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;align-content:center;padding:15px;border-radius:14px;color:#f7faf8;background:#0a0d0dc7;border:1px solid rgba(220,227,223,.13);box-shadow:0 18px 46px #00000047,inset 0 1px #ffffff0d;animation:nodeBreath 5.8s ease-in-out infinite}.ops-node span{display:grid;width:40px;height:40px;grid-row:1 / span 2;place-items:center;border-radius:10px;color:#cbd5cf;background:#e4ece70e;border:1px solid rgba(255,255,255,.08)}.ops-node strong{font-size:16px;line-height:1.1}.ops-node small{margin-top:8px;color:#d3dcd894;font-size:12px;line-height:1.45}.ops-node-store{top:132px;left:0}.ops-node-delivery{top:132px;right:0;animation-delay:.8s}.ops-node-store small,.ops-node-delivery small{white-space:nowrap}.ops-cloud-core{position:absolute;top:54px;left:50%;display:grid;width:min(44%,420px);min-height:274px;transform:translate(-50%);grid-template-rows:auto 1fr;border-radius:16px;color:#f7faf8;background:linear-gradient(160deg,#0e1412eb,#070a0ac7),radial-gradient(circle at 52% 20%,rgba(118,180,142,.16),transparent 52%);border:1px solid rgba(139,186,160,.24);box-shadow:0 28px 68px #00000057,inset 0 1px #ffffff0f;overflow:hidden}.ops-cloud-core:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(230,238,234,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(230,238,234,.035) 1px,transparent 1px);background-size:28px 28px;opacity:.5}.ops-cloud-core:after{content:"";position:absolute;top:58px;bottom:24px;left:50%;width:1px;background:linear-gradient(180deg,transparent,rgba(151,205,174,.45),transparent)}.ops-core-title{position:relative;z-index:1;display:grid;grid-template-columns:42px minmax(0,1fr);gap:13px;align-items:center;padding:18px 18px 14px;border-bottom:1px solid rgba(221,229,224,.1)}.ops-core-title>span{display:grid;width:42px;height:42px;place-items:center;border-radius:10px;color:#bce2c9;background:#4eab741f;border:1px solid rgba(143,207,168,.2)}.ops-core-title strong{display:block;font-size:18px;line-height:1.1}.ops-core-title small{display:block;margin-top:5px;color:#d3dcd894;font-size:12px;line-height:1.35}.ops-core-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:8px;padding:14px 18px 18px}.ops-core-grid div{display:grid;min-height:44px;grid-template-columns:24px minmax(82px,.8fr) minmax(0,1fr);gap:10px;align-items:center;padding:9px 10px;border-radius:9px;background:#ffffff0b;border:1px solid rgba(255,255,255,.07)}.ops-core-grid svg{color:#a8d9bd}.ops-core-grid strong{font-size:12px;line-height:1.15}.ops-core-grid small{color:#d3dcd88a;font-size:11px;line-height:1.25}.ops-rail{position:absolute;top:182px;z-index:0;height:2px;overflow:hidden;background:linear-gradient(90deg,#c4d2ca08,#94cdab6b,#c4d2ca08);box-shadow:0 0 22px #75b78e29}.ops-rail:before{content:"";position:absolute;top:-7px;right:0;bottom:-7px;left:0;background-image:repeating-linear-gradient(90deg,transparent 0 18px,rgba(223,232,226,.14) 18px 19px)}.rail-in{left:220px;width:calc(50% - 416px)}.rail-out{right:220px;width:calc(50% - 416px)}.ops-rail i{position:absolute;top:-3px;width:8px;height:8px;border-radius:999px;background:#9bd7b7;box-shadow:0 0 16px #9bd7b7e6;animation:railPacket 3.2s linear infinite}.ops-rail i+i{animation-delay:1.6s}.ops-event-feed{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:18px;border-top:1px solid rgba(218,225,221,.11)}.ops-event-feed span{display:flex;min-width:0;align-items:center;gap:8px;color:#d9e2de9e;font-family:SFMono-Regular,Roboto Mono,Courier New,monospace;font-size:11px;font-weight:800}.ops-event-feed i{width:7px;height:7px;border-radius:999px;background:#8cc5a8;box-shadow:0 0 16px #8cc5a88c}.login-capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-area:modules;gap:12px;align-self:start}.login-capability-card{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:10px;min-height:66px;padding:14px 13px;border-radius:8px;color:#b8c8c0;background:linear-gradient(135deg,#e9efeb0f,#e9efeb06),#06080829;border:1px solid rgba(214,223,218,.11);border-left-color:#93c4a852;border-left-width:2px;transition:background .4s,border-color .4s,transform .4s}.login-capability-card>svg{color:#9fb5ac}.login-capability-card:hover{background:linear-gradient(135deg,#e9efeb18,#e9efeb09),#0608082e;border-color:#aee1c447;transform:translateY(-2px)}.login-capability-card strong{display:block;color:#fff;font-size:13px;line-height:1.2;white-space:nowrap;word-break:keep-all}.login-capability-card span{display:block;margin-top:5px;color:#d3dcd885;font-size:11px;line-height:1.45}.login-brand-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;margin-top:24px;color:#c8dcff59;font-size:11px}.login-lang-select select{height:32px;padding:0 8px;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#c8dcffb3;background:#ffffff0f;font-size:12px;outline:0}.login-form-panel{display:flex;align-items:center;justify-content:center;padding:clamp(24px,4vw,48px);background:linear-gradient(180deg,#fff,#f7f9fd);overflow-y:auto}.login-form-inner{width:100%;max-width:400px;padding:26px;border:1px solid #dfe7f2;border-radius:22px;background:#ffffffe6;box-shadow:0 24px 70px #10223e1a}.login-panel-badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;color:#1f7a49;font-size:12px;font-weight:850}.login-form-head{margin-bottom:24px}.login-form-tabs{display:flex;gap:4px;padding:5px;border-radius:12px;background:#edf2f8}.login-form-tabs button{flex:1;min-height:40px;border:0;border-radius:10px;color:var(--muted);background:transparent;font-size:14px;font-weight:800;transition:color .3s,background .3s,box-shadow .3s}.login-form-tabs button.active{color:var(--ink);background:#fff;box-shadow:0 2px 8px #0000000f}.login-form-body{display:grid;gap:16px}.login-welcome{margin-bottom:4px}.login-welcome h2{margin:0;color:var(--ink);font-size:28px;line-height:1.15;letter-spacing:-.01em}.login-welcome p{margin:6px 0 0;color:var(--muted);font-size:14px}.login-field{display:grid;gap:6px}.login-field>span{color:var(--ink-2);font-size:13px;font-weight:700}.login-field input,.login-field select{height:48px;width:100%;min-width:0;padding:0 14px;border:1.5px solid #dce6f2;border-radius:12px;color:var(--ink);background:#fff;font-size:15px;outline:0;transition:border-color .3s,box-shadow .3s}.login-field input:focus,.login-field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0f63e61a}.login-field-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.login-options{display:flex;align-items:center;justify-content:space-between}.login-remember{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:13px}.login-remember input{width:16px;height:16px;accent-color:var(--accent)}.login-forgot-link{border:0;padding:0;color:var(--accent);background:transparent;font-size:13px;font-weight:700}.login-forgot-link:hover{text-decoration:underline}.login-submit{min-height:50px;border:0;border-radius:12px;color:#fff;background:linear-gradient(135deg,#1a2844,#0f63e6);box-shadow:0 8px 24px #0f63e638;font-size:15px;font-weight:800;cursor:pointer;transition:transform .3s,box-shadow .3s}.login-submit:hover{transform:translateY(-1px);box-shadow:0 12px 32px #0f63e64d}.login-submit:active{transform:scale(.985)}.login-submit:disabled{cursor:not-allowed;opacity:.55;transform:none;box-shadow:none}.login-agree{display:flex;align-items:flex-start;gap:8px;color:var(--muted);font-size:13px;line-height:1.55}.login-agree input{width:16px;height:16px;margin-top:1px;accent-color:var(--accent);flex:0 0 auto}.login-agree a{color:var(--accent);font-weight:800}.login-alt{margin:0;color:var(--muted);font-size:13px;text-align:center}.login-alt button{border:0;padding:0;color:var(--accent);background:transparent;font-weight:800;cursor:pointer}.login-alt button:hover{text-decoration:underline}.login-form-body .captcha-field{grid-template-columns:minmax(0,1fr) 116px 58px}.login-form-body .captcha-field label>span{color:var(--ink-2);font-size:13px;font-weight:700}.login-form-body .captcha-field input{height:48px;border:1.5px solid #dce6f2;border-radius:12px;padding:0 14px;font-size:15px}.login-form-body .captcha-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0f63e61a}.auth-home{display:none}.auth-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.auth-proof-grid div{min-height:106px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffffd1;box-shadow:var(--soft-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.auth-proof-grid strong{display:block;color:var(--ink);font-size:16px}.auth-proof-grid span{display:block;margin-top:8px;color:var(--muted);font-size:13px;line-height:1.55}.auth-card{border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 30px 90px #0512283d;overflow:hidden}.auth-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--line);background:#f6f9fd}.auth-tabs button{min-height:50px;border:0;border-right:1px solid var(--line);color:var(--muted);background:transparent;font-size:13px;font-weight:900}.auth-tabs button:last-child{border-right:0}.auth-tabs button.active{color:#fff;background:linear-gradient(135deg,#0f63e6,#074dbf)}.auth-page-form{display:grid;gap:16px;padding:24px}.auth-form-title{display:grid;gap:6px}.auth-form-title h2{margin:0;color:var(--ink);font-size:28px;line-height:1.12;letter-spacing:0}.auth-form-title p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.auth-page-form label{display:grid;gap:7px}.auth-page-form label>span,.auth-form-section>strong{color:var(--ink-2);font-size:12px;font-weight:900}.auth-page-form input,.auth-page-form select{padding:0 12px;font-size:14px;transition:border-color var(--motion),box-shadow var(--motion)}.auth-page-form input:focus,.auth-page-form select:focus{border-color:#78aaff;box-shadow:0 0 0 3px #0f63e624}.auth-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.auth-form-section{display:grid;gap:12px;padding:14px;border:1px solid #e3ebf5;border-radius:var(--radius);background:#f8fbff}.auth-two-col .wide{grid-column:1 / -1}.captcha-field{display:grid;grid-template-columns:minmax(0,1fr) 116px 58px;gap:10px;align-items:end}.captcha-code{display:grid;height:44px;place-items:center;border:1px solid #c7d8ee;border-radius:var(--radius);color:#003a8c;background:repeating-linear-gradient(135deg,#eef5ff 0,#eef5ff 8px,#fff 8px,#fff 16px);font-family:Courier New,monospace;font-size:18px;font-weight:900;letter-spacing:.12em;-webkit-user-select:none;user-select:none}.captcha-field button,.auth-inline-row button,.auth-switch button{border:0;color:var(--accent);background:transparent;font-weight:900}.captcha-field button{height:44px;border:1px solid var(--line-strong);border-radius:var(--radius);color:var(--ink-2);background:#fff;font-size:12px}.auth-inline-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:13px}.auth-check{display:inline-flex!important;grid-template-columns:none!important;align-items:flex-start;gap:8px!important;color:var(--muted);font-size:13px;line-height:1.55}.auth-check input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--accent);flex:0 0 auto}.auth-check.legal a{margin:0 4px;color:var(--accent);font-weight:900}.auth-submit{min-height:48px;border:1px solid #0b55ca;border-radius:var(--radius);color:#fff;background:linear-gradient(135deg,#0f63e6,#074dbf);box-shadow:0 16px 28px #0f63e640;font-size:15px;font-weight:900;transition:transform var(--motion),box-shadow var(--motion),opacity var(--motion)}.auth-submit:hover{transform:translateY(-1px);box-shadow:0 20px 34px #0f63e64d}.auth-submit:active{transform:scale(.985)}.auth-submit:disabled{cursor:not-allowed;opacity:.62;transform:none;box-shadow:none}.auth-switch{margin:0;color:var(--muted);font-size:13px;text-align:center}.form-success{color:var(--ok);font-size:12px}.filter-rail{padding:16px}.hero-panel,.flow-panel,.weekly-panel{grid-column:1 / -1}.hero-panel{display:grid;grid-template-columns:minmax(0,1fr) 520px;gap:24px;align-items:stretch;min-height:238px;padding:24px;background:linear-gradient(135deg,#fff,#f6faff 52%,#eaf2ff);overflow:hidden}.hero-copy{display:flex;flex-direction:column;justify-content:center;max-width:680px}.section-label{display:inline-flex;width:max-content;margin-bottom:14px;padding:5px 9px;border-radius:var(--radius);color:var(--accent);background:#eaf2ff;border:1px solid #d6e5ff;font-size:12px;font-weight:900}.hero-copy h3{max-width:560px;font-size:clamp(28px,3vw,42px);line-height:1.12;font-weight:850}.hero-copy p{max-width:62ch;margin:12px 0 0;color:var(--muted);font-size:16px;line-height:1.7}.ops-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.ops-strip span{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 10px;border:1px solid #d6e5ff;border-radius:var(--radius);color:var(--ink-2);background:#f8fbff;font-size:13px}.ops-strip strong{color:var(--accent);font-weight:900}.hero-actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.primary-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 14px 0 18px;font-size:14px;font-weight:850;white-space:nowrap}.primary-button{color:#fff;background:linear-gradient(135deg,#0f63e6,#074dbf);border-color:#0b55ca;box-shadow:0 14px 24px #0f63e63d}.primary-button span{display:grid;width:28px;height:28px;place-items:center;border-radius:999px;background:#ffffff29;transition:transform var(--motion),background var(--motion)}.primary-button:hover,.ghost-button:hover,.format:hover,.filter:hover,.calendar-cell:hover{transform:translateY(-1px)}.primary-button:hover span{transform:translate(2px);background:#ffffff3d}.primary-button:active,.ghost-button:active,.calendar-cell:active{transform:scale(.98)}.ghost-button{color:var(--ink);background:#fff}.wide{width:100%;min-height:46px}.cms-bridge{display:grid;grid-template-columns:1fr 44px 1fr 44px 1fr;align-items:center;padding:14px;border-radius:var(--radius);background:#ffffffad;border:1px solid rgba(201,216,235,.76)}.bridge-node{display:grid;gap:8px;min-height:142px;align-content:center;justify-items:center;border-radius:var(--radius);background:#fff;border:1px solid #dce6f2;text-align:center}.bridge-node.dark{color:#fff;background:linear-gradient(160deg,var(--navy) 0%,var(--navy-2) 100%);border-color:#ffffff1f}.bridge-node small{color:currentColor;opacity:.64;font-size:11px;font-weight:900;letter-spacing:.08em}.bridge-node strong{max-width:11ch;font-size:18px;line-height:1.22}.bridge-line{color:#9eb2ce;transform:rotate(0)}.metric-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;grid-column:1 / -1}.metric-card,.flow-step{display:grid;gap:7px;min-height:128px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--soft-shadow)}.metric-card span,.metric-card small,.flow-step small,.section-title span{color:var(--muted)}.metric-card strong{font-size:34px;line-height:1}.icon-shell{display:grid;width:34px;height:34px;place-items:center;border-radius:var(--radius);color:var(--accent);background:#eaf2ff}.section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.section-title h3{font-size:18px;line-height:1.2}.section-title span{font-size:12px;text-align:right}.flow-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.preview-panel{min-height:340px}.preview-stage{display:grid;grid-template-columns:180px 1fr;gap:14px;align-items:stretch}.lcd-preview,.led-preview{position:relative;overflow:hidden;color:#fff;border-radius:var(--radius);background:#160b08;box-shadow:inset 0 0 0 1px #ffffff1f}.lcd-preview{min-height:260px;padding:18px}.lcd-preview img,.led-preview img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.54}.lcd-preview span,.lcd-preview strong,.lcd-preview small{position:relative;display:block;text-shadow:0 2px 16px rgba(0,0,0,.42)}.lcd-preview span{margin-top:56px;font-size:28px;font-weight:850}.lcd-preview strong{margin-top:16px;color:#ffd36c;font-size:38px}.lcd-preview small{position:absolute;bottom:16px;left:18px;font-weight:850}.led-preview{min-height:260px;padding:18px;background:#07111f}.led-preview>strong{position:relative;z-index:1;font-size:28px}.led-preview>div{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:74px}.led-preview span{position:relative;display:grid;min-height:88px;align-content:end;padding:10px;overflow:hidden;border:1px solid rgba(255,211,108,.45);border-radius:var(--radius);color:#ffd36c;font-weight:850}.compact-list,.history-panel,.device-panel{min-height:340px}.schedule-row,.table-row,.table-head,.condition-row,.rank-row,.job-row,.device-row,.history-row,.segment-row,.reservation-row,.course-row,.alias-row,.selected-dish,.check-line{display:grid;align-items:center;gap:12px;min-height:50px;padding:10px 0;border-top:1px solid var(--line)}.schedule-row{grid-template-columns:92px 1fr auto}.schedule-row span,.history-row span,.device-row span,.reservation-row span,.table-head,.settings-list dt{color:var(--muted);font-size:12px;font-weight:800}.schedule-row em,.table-row em,.history-row em,.rank-row em,.device-row em{padding:4px 7px;border-radius:var(--radius);color:var(--accent);background:#eaf2ff;font-style:normal;font-size:12px;font-weight:850}.drop-zone{display:grid;min-height:260px;place-items:center;align-content:center;gap:12px;border:1px dashed #aebed4;border-radius:var(--radius);background:var(--surface-soft);text-align:center;color:var(--accent)}.drop-zone strong{color:var(--ink);font-size:20px}.drop-zone span,.sync-card span,.detail-panel p,.selected-dish span,.rank-row small,.device-row small{color:var(--muted);font-size:13px}.sync-card{display:flex;gap:12px;align-items:center;margin:14px 0;padding:12px;border-radius:var(--radius);background:#edf9f1;color:#126d35;border:1px solid #cdeed8}.table-panel{min-width:0}.data-table{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius)}.table-head,.table-row{padding:12px 14px;border-top:0;border-bottom:1px solid var(--line)}.five{grid-template-columns:minmax(160px,1.4fr) .7fr .7fr .7fr .7fr}.table-row:last-child{border-bottom:0}.ok{color:var(--ok)!important;background:#e9f8ef!important}.warn{color:var(--warn)!important;background:#fff6e8!important}.review-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;color:var(--muted);font-size:13px}.filter-rail{position:sticky;top:104px}.filter{display:flex;align-items:center;width:100%;gap:9px;margin-top:8px;padding:0 12px;color:var(--ink);background:#fff}.filter.active,.format.active{color:var(--accent);background:#eaf2ff;border-color:#bcd3fb}.dish-grid{display:grid;gap:12px}.dish-card{display:grid;grid-template-columns:132px 1fr 42px;gap:14px;align-items:center;min-height:134px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--soft-shadow)}.dish-card img,.detail-panel img,.rank-row img,.selected-dish img,.course-row img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius)}.dish-card>img{height:108px}.dish-card strong{font-size:17px}.dish-card p{margin:4px 0 8px;color:var(--muted)}.dish-card em{display:inline-flex;margin:0 6px 5px 0;padding:4px 7px;border-radius:var(--radius);color:var(--accent-2);background:#fff0eb;font-style:normal;font-size:12px;font-weight:850}.icon-button{display:grid;width:40px;height:40px;place-items:center;border:1px solid transparent;border-radius:var(--radius);background:transparent}.icon-button:hover{background:#0f63e614}.detail-panel img{height:168px}.detail-panel h3{margin-top:14px;font-size:24px}.detail-panel dl,.settings-list{display:grid;gap:0;margin:16px 0 0}.detail-panel dl div,.settings-list div{display:grid;grid-template-columns:88px 1fr;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.detail-panel dt,.settings-list dt{color:var(--muted)}.detail-panel dd,.settings-list dd{margin:0;font-weight:800}.condition-row{grid-template-columns:36px 70px 1fr}.ai-panel{display:grid;place-items:center;align-content:center;text-align:center;background:radial-gradient(circle at center,rgba(15,99,230,.11),transparent 48%),#fff}.orb{display:grid;width:112px;height:112px;place-items:center;border-radius:999px;color:#fff;background:radial-gradient(circle at 30% 24%,#ff8a64,var(--accent-2) 54%,#ca2d0b 100%);font-size:32px;font-weight:900;box-shadow:0 20px 36px #ff4d1d3d}.ai-panel h3{margin-top:18px;font-size:26px}.ai-panel p{max-width:31ch;margin:9px auto 16px;color:var(--muted);line-height:1.6}.rule-stack{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.rule-stack span{padding:6px 9px;border-radius:var(--radius);background:var(--surface-soft);color:var(--ink-2);font-size:12px;font-weight:850}.rank-row{grid-template-columns:28px 64px 1fr auto}.rank-row img,.selected-dish img,.course-row img{width:64px;height:52px}.selected-stack{display:grid;gap:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.selected-dish{grid-template-columns:64px 1fr auto;padding:10px;border-top:0;border-bottom:1px solid var(--line)}.selected-dish:last-child{border-bottom:0}.format-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.format{background:#fff;color:var(--ink);font-size:13px;font-weight:850}.job-row{grid-template-columns:24px 1fr auto}.calendar-grid{display:grid;grid-template-columns:82px repeat(7,minmax(98px,1fr));gap:1px;overflow:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--line)}.calendar-grid>strong,.calendar-grid>em,.calendar-cell{min-height:74px;border:0;border-radius:0;background:#fff}.calendar-grid>strong,.calendar-grid>em{display:grid;place-items:center;font-style:normal}.calendar-cell{display:grid;align-content:center;gap:7px;padding:10px;text-align:left}.calendar-cell small{width:max-content;padding:3px 6px;border-radius:var(--radius);color:var(--accent);background:#eaf2ff;font-weight:850}.calendar-cell.weekend{background:#fff8f4}.delivery-detail-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px;align-items:start}.reservation-list-panel{position:sticky;top:112px}.reservation-list-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.reservation-list-header .section-title{margin-bottom:0}.mini-action{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 10px;border:1px solid var(--line-strong);border-radius:var(--radius);color:var(--ink-2);background:#fff;font-size:12px;font-weight:850;white-space:nowrap}.reservation-slot-list{display:grid;gap:10px}.reservation-slot-card{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;width:100%;min-height:122px;padding:14px 94px 14px 14px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--ink);text-align:left;box-shadow:0 8px 18px #1f35580d;transition:background var(--motion),border-color var(--motion),box-shadow var(--motion),transform var(--motion)}.reservation-slot-card:hover{transform:translateY(-1px);border-color:#b8cff6}.reservation-slot-card.active{background:linear-gradient(135deg,#f7fbff,#edf5ff);border-color:#0f63e6;box-shadow:0 14px 30px #0f63e624}.slot-icon{display:grid;width:40px;height:40px;place-items:center;border-radius:var(--radius);color:var(--accent);background:#eaf2ff}.slot-icon.dinner{color:#1e65d8;background:#eef4ff}.slot-icon.weekend,.slot-icon.holiday{color:var(--accent-2);background:#fff1ec}.slot-main,.slot-meta{display:grid;min-width:0;align-content:start}.slot-main strong{font-size:20px;line-height:1.2}.slot-main small{margin-top:2px;color:var(--ink-2);font-size:13px}.slot-main em,.slot-main b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal}.slot-main em{margin-top:12px;font-size:13px;font-weight:850}.slot-main b{margin-top:5px;color:var(--muted);font-size:12px;font-weight:650}.slot-meta{position:absolute;top:14px;right:14px;justify-items:end;gap:12px}.slot-meta small{color:var(--ink-2);font-size:12px}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:54px;min-height:28px;padding:0 8px;border-radius:var(--radius);font-style:normal;font-size:12px;font-weight:900}.status-badge.ok{color:#087536;background:#e8f8ee;border:1px solid #c7ecd5}.status-badge.warn{color:#c15b00;background:#fff3df;border:1px solid #f4d4a1}.selection-note{display:flex;align-items:center;gap:8px;margin-top:16px;color:var(--muted);font-size:12px}.delivery-editor-panel{min-width:0;padding:22px}.delivery-form-section{padding:15px 0;border-top:1px solid var(--line)}.delivery-editor-panel>.section-title+.delivery-form-section{padding-top:0;border-top:0}.delivery-form-section h3{margin:0 0 12px;font-size:15px;line-height:1.2}.detail-field-grid{display:grid;grid-template-columns:minmax(128px,.9fr) minmax(104px,.7fr) minmax(180px,1.2fr) minmax(174px,1fr);gap:12px;align-items:end}.detail-field{display:grid;gap:8px;min-width:0}.detail-field span{color:var(--ink-2);font-size:12px;font-weight:850}.detail-field>div{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:38px;padding:0 12px;border:1px solid var(--line-strong);border-radius:var(--radius);background:#fff;color:var(--ink-2);font-size:13px;font-weight:750}.time-range>div{justify-content:space-between}.time-range em{color:var(--muted);font-style:normal}.checkbox-row{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.check-option{display:inline-flex;align-items:center;gap:8px;min-height:32px;color:var(--ink-2);font-size:14px;font-weight:800}.check-option input{width:18px;height:18px;margin:0;accent-color:var(--accent)}.content-type-row{gap:34px}.menu-select-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px}.menu-token,.add-menu-token{display:grid;align-items:center;min-height:70px;border-radius:var(--radius);background:#fff}.menu-token{grid-template-columns:78px minmax(0,1fr) 34px;gap:10px;padding:8px;border:1px solid var(--line)}.menu-token img{width:78px;height:52px;border-radius:var(--radius);object-fit:cover}.menu-token span{overflow:hidden;color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:850}.add-menu-token{grid-template-columns:22px 1fr;justify-content:center;gap:8px;padding:0 16px;border:1px dashed #b9c8dc;color:var(--ink-2);font-size:14px;font-weight:850}.device-and-sequence{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:24px}.sequence-title{margin-top:18px!important}.sequence-title small{color:var(--muted);font-size:12px;font-weight:650}.playback-list{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius)}.playback-item{display:grid;grid-template-columns:32px 54px minmax(0,1fr) 118px 28px;align-items:center;gap:10px;min-height:58px;padding:8px 12px;border-bottom:1px solid var(--line);background:#fff}.playback-item>strong{text-align:center;font-size:15px}.playback-item img{width:48px;height:40px;border-radius:var(--radius);object-fit:cover}.playback-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:850}.playback-item em{color:var(--muted);font-style:normal;font-size:12px}.playback-item b{color:var(--ink-2)}.add-playback-item{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 20px);min-height:44px;margin:10px;border:1px dashed #b9c8dc;border-radius:var(--radius);color:var(--ink-2);background:#fff;font-size:14px;font-weight:850}.auto-switch-panel{align-self:end;display:grid;gap:10px;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#f8fbff,#f2f7ff);color:var(--ink-2)}.auto-switch-panel>svg{color:var(--accent)}.auto-switch-panel>strong{color:var(--accent);font-size:18px}.auto-switch-panel p{margin:0 0 4px;color:var(--muted);font-size:13px;line-height:1.65}.auto-switch-panel .check-line{color:#0f7a3a;font-size:12px}.simple-step-section{padding:14px 0;border-top:1px solid var(--line)}.delivery-editor-panel>.section-title+.simple-step-section{padding-top:0;border-top:0}.simple-step-heading{display:flex;align-items:center;gap:12px;margin-bottom:10px}.simple-step-heading>span{display:grid;width:30px;height:30px;place-items:center;border-radius:var(--radius);color:#fff;background:var(--accent);font-size:14px;font-weight:900}.simple-step-heading strong,.output-content-section header strong{display:block;font-size:17px;line-height:1.2}.simple-step-heading small,.output-content-section header small{display:block;margin-top:3px;color:var(--muted);font-size:12px;line-height:1.45}.simple-time-grid{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(120px,.75fr) minmax(190px,1.25fr) minmax(170px,1fr);gap:12px}.auto-note-inline{display:flex;align-items:center;gap:9px;margin-top:12px;padding:8px 12px;border:1px solid #cfe1ff;border-radius:var(--radius);color:var(--accent);background:#f4f8ff;font-size:13px;font-weight:800}.device-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.device-choice-card{position:relative;display:grid;min-height:126px;align-content:start;gap:8px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--ink-2);text-align:left;transition:transform var(--motion),border-color var(--motion),background var(--motion),box-shadow var(--motion)}.device-choice-card:hover{transform:translateY(-1px);border-color:#b8cff6}.device-choice-card.active{border-color:var(--accent);background:linear-gradient(180deg,#f7fbff,#eef6ff);box-shadow:0 12px 26px #0f63e61f}.device-choice-card>svg{color:var(--accent)}.device-choice-card strong{font-size:24px;line-height:1}.device-choice-card small,.device-choice-card em{color:var(--muted);font-style:normal;font-size:12px;line-height:1.45}.device-choice-card em{color:var(--ink-2);font-weight:850}.device-choice-check{position:absolute;top:14px;right:14px;display:grid;width:28px;height:28px;place-items:center;border-radius:999px;color:var(--accent);background:#eaf2ff}.output-content-stack{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.output-content-section{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}.output-content-section header{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid var(--line);background:#fbfdff}.output-content-section header>span{display:grid;width:38px;height:38px;place-items:center;border-radius:var(--radius);color:var(--accent);background:#eaf2ff}.content-items-grid{display:grid;grid-template-columns:1fr;gap:10px;padding:10px 12px}.output-content-section:only-child .content-items-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.content-item-card,.create-content-card{min-height:66px;border-radius:var(--radius)}.content-item-card{display:grid;grid-template-columns:72px minmax(0,1fr) 22px;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);background:#fff}.content-item-card img{width:62px;height:46px;border-radius:var(--radius);object-fit:cover}.content-item-card strong,.content-item-card span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-item-card strong{color:var(--ink);font-size:14px}.content-item-card span{margin-top:4px;color:var(--muted);font-size:12px;font-weight:750}.create-content-card{display:flex;align-items:center;justify-content:center;gap:8px;border:1px dashed #b9c8dc;color:var(--ink-2);background:#fff;font-weight:850}.delivery-action-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;justify-content:end;padding-top:18px;border-top:1px solid var(--line)}.delivery-action-bar .ghost-button,.delivery-action-bar .primary-button{min-height:48px}.reservation-dashboard-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.rule-tree-panel{position:sticky;top:112px;display:grid;gap:16px;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--soft-shadow)}.rule-tree-heading{display:grid;gap:4px;padding-bottom:14px;border-bottom:1px solid var(--line)}.rule-tree-heading strong{font-size:18px;line-height:1.2}.rule-tree-heading span,.breadcrumb-line,.summary-card small,.summary-card em,.assignment-card span,.assignment-card small,.operation-note li{color:var(--muted);font-size:12px}.rule-tree{display:grid;gap:14px}.rule-tree-group{display:grid;gap:8px}.rule-tree-folder,.rule-tree-item,.tree-action{display:flex;align-items:center;gap:9px}.rule-tree-folder{justify-content:space-between;width:100%;min-height:28px;padding:0;border:0;color:var(--ink-2);background:transparent;font-size:14px;font-weight:900;text-align:left}.rule-tree-folder>span{display:inline-flex;align-items:center;gap:9px}.rule-tree-folder svg{color:var(--accent)}.rule-tree-children{position:relative;display:grid;gap:5px;padding-left:18px}.rule-tree-children.collapsed{display:none}.rule-tree-children:before{content:"";position:absolute;top:2px;bottom:2px;left:7px;width:1px;background:var(--line)}.rule-tree-item,.tree-action{min-height:34px;border-radius:var(--radius);border:1px solid transparent;color:var(--muted);background:transparent;text-align:left;font-size:13px;font-weight:850;transition:background var(--motion),border-color var(--motion),color var(--motion),transform var(--motion)}.rule-tree-item{justify-content:space-between;padding:0 9px}.rule-tree-item svg{flex:0 0 auto}.rule-tree-item span{flex:1}.rule-tree-item em{font-style:normal;font-size:11px}.rule-tree-item:hover,.rule-tree-item.active{color:var(--accent);background:#eaf2ff;border-color:#bdd3f6}.rule-tree-item:hover{transform:translate(2px)}.rule-tree-empty{position:relative;padding:4px 9px;color:var(--muted);font-size:12px}.tree-action{justify-content:center;padding:0 12px;border-color:var(--line-strong);background:#fff;color:var(--ink-2)}.reservation-dashboard-main{display:grid;min-width:0;gap:16px}.breadcrumb-line{font-weight:850}.summary-card-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.summary-card{display:grid;grid-template-columns:54px minmax(0,1fr);gap:2px 14px;align-items:center;min-height:112px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--soft-shadow)}.summary-card>span{grid-row:span 3;display:grid;width:50px;height:50px;place-items:center;border-radius:var(--radius);color:var(--accent);background:#eaf2ff}.summary-card strong{overflow:hidden;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:25px;line-height:1.08}.rule-table-panel,.device-assignment-panel,.weekly-overview-panel{min-width:0}.rule-table{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius)}.rule-table-head,.rule-table-row{display:grid;grid-template-columns:132px minmax(130px,.8fr) minmax(150px,.9fr) minmax(220px,1.4fr) 82px;gap:12px;align-items:center}.rule-table-head{min-height:42px;padding:0 14px;color:var(--muted);background:#f7f9fc;border-bottom:1px solid var(--line);font-size:12px;font-weight:900}.rule-table-row{width:100%;min-height:78px;padding:12px 14px;border:0;border-bottom:1px solid var(--line);background:#fff;color:var(--ink);text-align:left;transition:background var(--motion),box-shadow var(--motion)}.rule-table-row:last-child{border-bottom:0}.rule-table-row.active{background:#f1f6ff;box-shadow:inset 4px 0 0 var(--accent)}.rule-table-row>strong,.rule-table-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.rule-table-row>span:not(.device-summary-cell):not(.rule-time-cell){color:var(--ink-2);font-size:13px;font-weight:750;white-space:nowrap}.rule-time-cell{display:flex;align-items:center;gap:10px}.rule-time-cell>svg{flex:0 0 auto;color:var(--accent)}.rule-time-cell strong,.rule-time-cell em{display:block}.rule-time-cell em{color:var(--muted);font-style:normal;font-size:12px}.device-summary-cell{display:grid;gap:5px;min-width:0}.device-summary-cell>strong{color:var(--ink);font-size:13px;line-height:1}.device-summary-cell>em{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-style:normal;font-size:11px;font-weight:850}.device-summary-cell>span{display:flex;min-width:0;gap:5px;overflow:hidden}.device-summary-cell i,.device-summary-cell b{flex:0 1 auto;min-width:0;max-width:92px;overflow:hidden;padding:4px 7px;border-radius:var(--radius);color:var(--accent);background:#eaf2ff;text-overflow:ellipsis;white-space:nowrap;font-style:normal;font-size:10px;font-weight:900}.device-summary-cell b{flex:0 0 auto;color:var(--ink-2);background:#edf2f7}.device-summary-cell i.empty{color:var(--warn);background:#fff6e8}.assignment-grid{display:flex;gap:12px;max-width:100%;overflow-x:auto;padding-bottom:8px;scroll-padding-left:2px;scroll-snap-type:x proximity}.assignment-card{flex:0 0 clamp(300px,32vw,360px);display:grid;grid-template-columns:118px minmax(0,1fr);gap:12px 14px;align-items:start;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.assignment-card.landscape{flex-basis:clamp(330px,34vw,390px);grid-template-columns:1fr}.assignment-preview{position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid #d9e1eb;border-radius:var(--radius);background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 42%),#07142d}.assignment-preview.portrait{width:108px;aspect-ratio:9 / 16}.assignment-preview.landscape{width:100%;aspect-ratio:16 / 9}.assignment-preview img{width:100%;height:100%;object-fit:contain}.assignment-preview span{position:absolute;right:6px;bottom:6px;padding:3px 6px;border-radius:var(--radius);color:#fff;background:#031735c7;font-size:10px;font-weight:900}.assignment-card-body{min-width:0}.assignment-card.landscape .assignment-card-body{margin-top:-2px}.assignment-card strong{display:block;overflow:hidden;margin:2px 0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:16px}.assignment-card dl{grid-column:1 / -1;display:grid;gap:0;margin:0;border-top:1px solid var(--line)}.assignment-card dl div{display:grid;grid-template-columns:46px minmax(0,1fr);gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}.assignment-card dl div:last-child{border-bottom:0}.assignment-card dt,.assignment-card dd{min-width:0;margin:0;font-size:12px}.assignment-card dt{color:var(--muted);font-weight:800}.assignment-card dd{overflow:hidden;color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;font-weight:850}.empty-state-line{display:flex;align-items:center;gap:10px;min-height:76px;padding:14px;border:1px dashed #d3dde9;border-radius:var(--radius);color:var(--warn);background:#fffaf2;font-size:13px;font-weight:850}.weekly-overview{display:grid;grid-template-columns:190px minmax(0,1fr);gap:14px;align-items:stretch}.weekly-legend{display:grid;align-content:center;gap:10px;padding:12px;border-radius:var(--radius);background:#f7f9fc}.weekly-legend span{display:flex;align-items:center;gap:8px;color:var(--ink-2);font-size:12px;font-weight:850}.legend-dot{width:9px;height:9px;border-radius:999px}.legend-dot.blue{background:var(--accent)}.legend-dot.green{background:var(--ok)}.legend-dot.gray{background:#9aa6b8}.weekly-grid{display:grid;grid-template-columns:repeat(7,minmax(72px,1fr));gap:8px}.weekly-day{display:grid;gap:6px;min-width:0;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.weekly-day strong{color:var(--ink-2);font-size:13px}.weekly-day>svg{justify-self:center;color:var(--ok)}.weekly-slot{display:grid;min-height:26px;place-items:center;border-radius:var(--radius);color:var(--muted);background:#f2f5f9;font-size:11px;font-weight:900}.weekly-slot.active{color:var(--accent);background:#eaf2ff;border:1px solid #c5d8fa}.quick-edit-panel{position:sticky;top:112px;min-width:0}.quick-edit-fields{display:grid;gap:12px}.quick-edit-fields label{display:grid;gap:6px;min-width:0}.quick-edit-fields label span,.quick-field-label{color:var(--ink-2);font-size:12px;font-weight:900}.quick-edit-fields input,.quick-edit-fields select{width:100%;height:40px;min-width:0;padding:0 11px;border:1px solid var(--line-strong);border-radius:var(--radius);background:#fff;color:var(--ink);outline:0;font-size:13px;font-weight:750}.quick-device-field{display:grid;gap:6px;min-width:0}.quick-device-toggle{display:grid;grid-template-columns:minmax(0,1fr) 18px;align-items:center;width:100%;min-height:48px;padding:9px 11px;border:1px solid var(--line-strong);border-radius:var(--radius);color:var(--ink);background:#fff;text-align:left}.quick-device-toggle>span{display:grid;min-width:0;gap:3px}.quick-device-toggle strong,.quick-device-toggle em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-device-toggle strong{font-size:15px;line-height:1.15}.quick-device-toggle em{color:var(--muted);font-style:normal;font-size:12px;font-weight:800}.quick-device-toggle>svg{color:var(--accent);justify-self:end}.quick-device-list{display:grid;max-height:188px;overflow-y:auto;border:1px solid var(--line);border-radius:var(--radius);background:#fbfdff}.quick-device-row,.quick-device-empty{display:grid;gap:3px;padding:10px 11px;border-bottom:1px solid var(--line)}.quick-device-row:last-child,.quick-device-empty:last-child{border-bottom:0}.quick-device-row strong,.quick-device-row span,.quick-device-row em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-device-row strong{color:var(--ink);font-size:13px}.quick-device-row span,.quick-device-empty{color:var(--muted);font-size:12px;font-weight:750}.quick-device-row em{color:var(--accent);font-style:normal;font-size:12px;font-weight:850}.quick-field-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-edit-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:16px}.quick-edit-actions .primary-button{grid-column:1 / -1}.quick-edit-actions .primary-button,.quick-edit-actions .ghost-button{min-height:42px}.operation-note{display:grid;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.operation-note>div{display:flex;align-items:center;justify-content:space-between;color:var(--ink-2);font-weight:900}.operation-note ul{display:grid;gap:8px;margin:0;padding-left:18px}.operation-note li{line-height:1.55}.field-grid{display:grid;gap:12px}.field-grid label{display:grid;gap:6px}.field-grid label span{color:var(--muted);font-size:12px;font-weight:850}.field-grid input{height:42px;padding:0 11px;border:1px solid var(--line-strong);border-radius:var(--radius);background:#fff;color:var(--ink)}.publish-checks{display:grid;gap:8px;margin:16px 0}.check-line{grid-template-columns:24px 1fr;min-height:auto;padding:0;border-top:0;color:var(--ok);font-weight:850}.device-row{grid-template-columns:12px 1fr auto 42px}.dot{width:9px;height:9px;border-radius:999px}.online{background:var(--ok)}.stopped{background:var(--danger)}.history-row{grid-template-columns:52px 1fr auto}.coupon-preview{display:grid;min-height:240px;align-content:center;gap:12px;padding:22px;margin-bottom:16px;border-radius:var(--radius);color:#fff;background:radial-gradient(circle at 82% 18%,rgba(255,255,255,.18),transparent 32%),linear-gradient(135deg,var(--accent-2) 0%,#b02109 100%)}.coupon-preview small{font-size:12px;font-weight:900;letter-spacing:.12em}.coupon-preview strong{font-size:30px;line-height:1.15}.segment-row{grid-template-columns:24px 1fr auto}.warning-panel{display:grid;align-content:center;gap:10px;color:#8a4c00;background:#fff7e8;border-color:#f4d9a8}.reservation-row{grid-template-columns:58px 1fr 44px minmax(120px,.8fr)}.course-row{grid-template-columns:26px 64px 1fr}.alias-row{grid-template-columns:1fr auto}.reveal{animation:enter .72s cubic-bezier(.32,.72,0,1) both}@keyframes enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes opsScan{0%{transform:translate(-115%)}to{transform:translate(115%)}}@keyframes nodeBreath{0%,to{border-color:#dce3df21;box-shadow:0 18px 46px #00000047,inset 0 1px #ffffff0d}50%{border-color:#aee1c442;box-shadow:0 20px 56px #00000052,0 0 26px #5ca27a17,inset 0 1px #ffffff12}}@keyframes railPacket{0%{left:-10px;opacity:0}12%{opacity:1}88%{opacity:1}to{left:calc(100% + 10px);opacity:0}}@keyframes railPacketY{0%{top:-10px;opacity:0}12%{opacity:1}88%{opacity:1}to{top:calc(100% + 10px);opacity:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important;scroll-behavior:auto!important}}@media (max-width: 1180px){.app-shell{grid-template-columns:92px minmax(0,1fr)}.brand div:not(.brand-mark),.nav-item span,.sidebar-rule-tree,.sidebar-footer{display:none}.nav-item{grid-template-columns:1fr;justify-items:center}.nav-item.has-tree{grid-template-columns:1fr}.nav-item.has-tree>svg:last-child{display:none}.brand{justify-content:center}.hero-panel,.dashboard-grid,.split-page,.library-layout,.recommend-layout,.content-studio,.delivery-layout,.delivery-detail-layout,.reservation-dashboard-layout,.detail-field-grid,.simple-time-grid,.device-and-sequence,.summary-card-row,.auth-panel,.auth-form,.rule-table-head,.rule-table-row,.assignment-grid,.weekly-overview,.monitor-layout,.line-layout,.reservation-layout,.settings-layout,.delivery-action-bar{grid-template-columns:1fr}.reservation-list-panel,.rule-tree-panel,.quick-edit-panel{position:static}.menu-select-grid,.content-items-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-rail{position:static}.dish-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 1320px){.login-brand-content{grid-template-columns:minmax(300px,.68fr) minmax(420px,1fr);max-width:1080px}.login-ops-flow{min-height:480px}.login-hero-text h1{max-width:520px}}@media (max-width: 1500px) and (min-width: 961px){.login-brand-content{grid-template-columns:minmax(320px,.78fr) minmax(430px,1fr);gap:26px}.login-hero-text h1{font-size:clamp(50px,4.2vw,70px)}.login-ops-flow{min-height:620px;padding:20px}.ops-flow-header{display:block}.ops-flow-header strong{display:block;max-width:none;margin-top:7px;text-align:left;white-space:nowrap}.ops-network{min-height:448px;margin-top:14px}.ops-node{width:220px;min-height:72px;grid-template-columns:34px minmax(0,1fr);column-gap:10px;padding:13px;border-radius:12px}.ops-node span{width:34px;height:34px;border-radius:9px}.ops-node strong{font-size:14px}.ops-node small{margin-top:5px;font-size:11px;line-height:1.32}.ops-node-store{top:18px;left:50%;transform:translate(-50%)}.ops-cloud-core{top:112px;width:min(76%,360px);min-height:170px;border-radius:14px}.ops-core-title{grid-template-columns:36px minmax(0,1fr);gap:11px;padding:13px 14px 11px}.ops-core-title>span{width:36px;height:36px;border-radius:9px}.ops-core-title strong{font-size:16px}.ops-core-title small{font-size:10px}.ops-core-grid{gap:7px;padding:11px 14px 14px}.ops-core-grid div{min-height:34px;grid-template-columns:20px minmax(90px,.72fr) minmax(0,1fr);gap:8px;padding:7px 8px}.ops-core-grid strong{font-size:11px}.ops-core-grid small{font-size:10px}.ops-node-delivery{top:auto;right:auto;bottom:10px;left:50%;transform:translate(-50%)}.ops-rail{left:50%;width:2px;height:42px;transform:translate(-50%);background:linear-gradient(180deg,#c4d2ca08,#94cdab6b,#c4d2ca08)}.ops-rail:before{top:0;right:-7px;bottom:0;left:-7px;background-image:repeating-linear-gradient(180deg,transparent 0 18px,rgba(223,232,226,.14) 18px 19px)}.rail-in{top:94px}.rail-out{top:auto;right:auto;bottom:92px}.ops-rail i{top:-10px;left:-3px;animation-name:railPacketY}.ops-event-feed{grid-template-columns:1fr;gap:8px;padding-top:14px}.login-capability-grid{grid-template-columns:1fr;gap:10px}.login-capability-card{min-height:62px;grid-template-columns:32px minmax(0,1fr);align-items:center;padding:14px 16px}.login-capability-card span{max-width:28ch}}@media (max-width: 1180px) and (min-width: 861px){.login-split{grid-template-columns:minmax(520px,1fr) minmax(360px,400px)}.login-brand-panel{padding:30px 28px}.login-brand-content{width:100%;max-width:560px;grid-template-columns:1fr;grid-template-areas:"logo" "hero" "workflow" "modules";align-content:center;gap:18px}.login-hero-text h1{max-width:450px;font-size:44px;line-height:1.04}.login-hero-text p{max-width:450px;font-size:14px;line-height:1.65}.login-ops-flow{min-height:520px;padding:16px;border-radius:14px}.ops-flow-header{display:block;padding-bottom:12px}.ops-flow-header strong{display:block;max-width:none;margin-top:6px;font-size:13px;text-align:left;white-space:normal}.ops-network{min-height:390px;margin-top:10px}.ops-node{width:220px;min-height:70px;grid-template-columns:30px minmax(0,1fr);column-gap:8px;padding:10px;border-radius:10px}.ops-node span{width:30px;height:30px;border-radius:8px}.ops-node strong{font-size:13px}.ops-node small{margin-top:4px;font-size:10px;line-height:1.25}.ops-node-store{top:0;left:50%;transform:translate(-50%)}.ops-node-delivery{top:auto;right:auto;bottom:0;left:50%;transform:translate(-50%)}.ops-cloud-core{top:88px;width:min(78%,300px);min-height:156px;border-radius:13px}.ops-core-title{grid-template-columns:34px minmax(0,1fr);gap:10px;padding:12px 12px 10px}.ops-core-title>span{width:34px;height:34px;border-radius:8px}.ops-core-title strong{font-size:15px}.ops-core-title small{font-size:10px;line-height:1.25}.ops-core-grid{gap:6px;padding:10px 12px 12px}.ops-core-grid div{min-height:32px;grid-template-columns:20px minmax(0,1fr);gap:8px;padding:7px 8px}.ops-core-grid small{display:none}.ops-rail{left:50%;width:2px;height:34px;transform:translate(-50%);background:linear-gradient(180deg,#c4d2ca08,#94cdab6b,#c4d2ca08)}.rail-in{top:70px}.rail-out{top:auto;right:auto;bottom:82px}.ops-rail i{top:-10px;left:-3px;animation-name:railPacketY}.ops-event-feed{display:none}.login-capability-grid{grid-template-columns:1fr;gap:8px}.login-capability-card{min-height:50px;padding:10px 12px}.login-capability-card span{display:none}.login-form-panel{padding:20px}.login-form-inner{max-width:360px;padding:22px;border-radius:18px}}@media (max-width: 860px){.login-split{grid-template-columns:1fr}.login-brand-panel{padding:28px 24px;min-height:auto}.login-brand-content{grid-template-columns:1fr;grid-template-areas:"logo" "hero" "workflow" "modules";align-content:start}.login-hero-text h1{font-size:34px}.login-capability-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.login-capability-card{grid-template-columns:1fr;text-align:center;padding:12px}.login-capability-card>svg{justify-self:center}.login-form-panel{padding:24px}}@media (max-width: 820px){.login-field-group,.login-capability-grid{grid-template-columns:1fr}.login-ops-flow{min-height:auto;padding:16px}.ops-network{display:grid;min-height:auto;gap:10px}.ops-rail{display:none}.ops-node{position:static;width:100%;min-height:76px;transform:none!important}.ops-cloud-core{position:relative;top:auto;left:auto;width:100%;min-height:auto;transform:none}.ops-event-feed{grid-template-columns:1fr}.ops-flow-header strong{white-space:normal}.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;padding:16px}.brand div:not(.brand-mark),.nav-item span,.sidebar-footer{display:block}.sidebar-rule-tree{display:grid}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-item{grid-template-columns:22px 1fr}.nav-item.has-tree{grid-template-columns:22px minmax(0,1fr) 18px}.nav-item.has-tree>svg:last-child{display:block}.topbar{position:relative;display:grid;padding:18px}.top-actions,.hero-actions,.review-footer{align-items:stretch;flex-direction:column}.search-box{width:100%}.content-stage{padding:18px}.metric-row,.flow-steps,.preview-stage,.format-options,.menu-select-grid,.device-choice-grid,.summary-card-row,.assignment-grid,.weekly-overview,.quick-field-pair,.quick-edit-actions,.content-items-grid,.output-content-section:only-child .content-items-grid,.dish-grid{grid-template-columns:1fr}.cms-bridge{grid-template-columns:1fr;gap:8px}.bridge-line{display:none}.dish-card,.rank-row,.device-row,.sync-error-panel,.reservation-row,.reservation-slot-card,.rule-table-head,.rule-table-row,.playback-item,.menu-token,.selected-dish,.schedule-row{grid-template-columns:1fr}.reservation-slot-card{min-height:auto;padding:14px}.slot-meta{position:static;justify-items:start;grid-template-columns:auto auto;align-items:center}.detail-field-grid,.simple-time-grid,.device-and-sequence,.delivery-action-bar{grid-template-columns:1fr}.output-content-section header,.content-item-card,.assignment-card{grid-template-columns:1fr}.assignment-preview.portrait{justify-self:center}.output-content-section header .mini-action{width:100%;justify-content:center}.content-item-card img{width:100%;height:150px}.checkbox-row{gap:12px 18px}.weekly-overview{max-width:100%;overflow-x:auto}.weekly-grid{width:max-content;min-width:552px}.playback-item em{justify-self:start}.dish-card>img,.rank-row img,.selected-dish img,.course-row img{width:100%;height:160px}.five{grid-template-columns:1fr}.table-head{display:none}.calendar-grid{grid-template-columns:72px repeat(7,minmax(116px,1fr))}}.rule-editor-page{display:flex;flex-direction:column;gap:0;width:100%;animation:editorReveal .5s cubic-bezier(.22,1,.36,1) both}@keyframes editorReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.rule-editor-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 24px;border-bottom:1px solid var(--line);margin-bottom:28px}.rule-editor-header-left{display:flex;align-items:center;gap:16px}.rule-editor-header-left .ghost-button{padding:6px 12px;font-size:.8rem;border-radius:8px;background:var(--surface-soft);border:1px solid var(--line)}.rule-editor-header h2{font-size:1.3rem;font-weight:800;color:var(--ink);margin:0;letter-spacing:-.01em}.step-indicator{display:flex;gap:2px;background:var(--surface-soft);border-radius:12px;padding:4px;border:1px solid var(--line)}.step-dot{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:9px;font-size:.8rem;font-weight:600;background:transparent;color:var(--muted);border:none;cursor:default;transition:all .25s;white-space:nowrap}.step-dot .step-num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:.72rem;font-weight:800;background:var(--line);color:var(--muted);transition:all .25s}.step-dot.active{background:var(--surface);color:var(--accent);box-shadow:var(--soft-shadow)}.step-dot.active .step-num{background:var(--accent);color:#fff;box-shadow:0 2px 8px #0f63e64d}.step-dot.done{color:var(--accent);cursor:pointer}.step-dot.done .step-num{background:#0f63e61f;color:var(--accent)}.step-dot.done:hover{background:#0f63e60a}.step-dot:disabled{cursor:default}.rule-editor-layout{display:grid;grid-template-columns:1fr 300px;gap:28px;align-items:start}.rule-editor-main{display:flex;flex-direction:column;gap:20px;min-width:0}.rule-editor-sidebar{position:sticky;top:20px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--soft-shadow)}.rule-preview-list{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.rule-preview-item{display:flex;flex-direction:column;gap:3px}.rule-preview-item>span{font-size:.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.rule-preview-item>strong{font-size:.88rem;font-weight:700;color:var(--ink)}.rule-preview-devices{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--line)}.rule-preview-device{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--surface-soft);border-radius:10px}.rule-preview-device>span{font-size:.64rem;font-weight:800;color:var(--accent);background:#0f63e614;padding:3px 7px;border-radius:5px;flex-shrink:0}.rule-preview-device-info{display:flex;flex-direction:column;min-width:0}.rule-preview-device>strong,.rule-preview-device-info>strong{font-size:.78rem;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rule-preview-device>em,.rule-preview-device-info>em{font-size:.68rem;color:var(--muted);font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.re-preview-summary{display:flex;justify-content:flex-end;margin-bottom:2px}.re-preview-progress{font-size:11px;font-weight:700;padding:2px 10px;border-radius:10px;background:#ce74101a;color:var(--warn)}.re-preview-progress.complete{background:#1594471a;color:var(--ok)}.re-preview-toggle{display:block;width:100%;padding:6px;border:none;background:none;cursor:pointer;font-size:12px;font-weight:600;color:var(--accent);text-align:center;border-radius:8px;transition:background .15s}.re-preview-toggle:hover{background:#0f63e60f}.rule-editor-sidebar-actions{display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1px solid var(--line)}.rule-editor-sidebar-actions .primary-button,.rule-editor-sidebar-actions .ghost-button{width:100%;justify-content:center}.rule-form-panel{padding:32px 36px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--soft-shadow)}.rule-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 28px;margin-top:8px}.rule-form-field{display:flex;flex-direction:column;gap:8px}.rule-form-field.full{grid-column:1 / -1}.rule-form-field>span{font-size:.74rem;font-weight:700;color:var(--muted);letter-spacing:.03em;text-transform:uppercase}.rule-form-field input,.rule-form-field select{padding:12px 16px;border:1.5px solid var(--line);border-radius:12px;font-size:.92rem;font-weight:500;background:var(--surface);color:var(--ink);transition:border-color .2s,box-shadow .2s}.rule-form-field input:hover,.rule-form-field select:hover{border-color:var(--line-strong)}.rule-form-field input:focus,.rule-form-field select:focus{border-color:var(--accent);box-shadow:0 0 0 4px #0f63e61a;outline:none}.rule-form-field input::placeholder{color:var(--muted);font-weight:400}.rule-form-field input[type=date]{width:100%;padding:12px 16px;font-size:1rem;font-weight:500;color:var(--fg);background:var(--surface);border:1.5px solid var(--line);border-radius:12px;outline:none;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.rule-form-field input[type=date]:hover{border-color:var(--line-strong)}.rule-form-field input[type=date]:focus{border-color:var(--accent);box-shadow:0 0 0 4px #0f63e61a}.rule-form-field input[type=date]::-webkit-calendar-picker-indicator{filter:opacity(.5);cursor:pointer;padding:4px;border-radius:6px;transition:filter .15s,background .15s}.rule-form-field input[type=date]::-webkit-calendar-picker-indicator:hover{filter:opacity(.8);background:var(--surface-soft)}.rule-form-field input[type=time]{width:100%;padding:12px 16px;font-size:1.05rem;font-weight:600;letter-spacing:.02em;color:var(--fg);background:var(--surface);border:1.5px solid var(--line);border-radius:12px;outline:none;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.rule-form-field input[type=time]:hover{border-color:var(--line-strong)}.rule-form-field input[type=time]:focus{border-color:var(--accent);box-shadow:0 0 0 4px #0f63e61a}.rule-form-field input[type=time]::-webkit-calendar-picker-indicator{filter:opacity(.5);cursor:pointer;padding:4px;border-radius:6px;transition:filter .15s,background .15s}.rule-form-field input[type=time]::-webkit-calendar-picker-indicator:hover{filter:opacity(.8);background:var(--surface-soft)}.time-picker-legacy{display:flex;align-items:center;gap:0;background:var(--surface);border:1.5px solid var(--line);border-radius:12px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.time-picker-legacy select{flex:1;padding:12px 8px;border:none;font-size:1rem;font-weight:600;background:transparent;color:var(--ink);text-align:center;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;outline:none}.time-picker-legacy select:hover{background:var(--surface-soft)}.device-selection-area{display:flex;flex-direction:column;gap:28px;margin:8px 0 20px}.device-category h4{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:700;color:var(--ink);margin:0 0 14px;padding-bottom:8px;border-bottom:1px solid var(--line)}.device-pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.device-pick-card{display:flex;flex-direction:column;gap:6px;padding:16px;border:2px solid var(--line);border-radius:14px;background:var(--surface);cursor:pointer;transition:all .2s cubic-bezier(.22,1,.36,1);position:relative;text-align:left}.device-pick-card:hover{border-color:var(--accent);background:#0f63e605;box-shadow:0 4px 16px #0f63e614;transform:translateY(-2px)}.device-pick-card.selected{border-color:var(--accent);background:#0f63e60a;box-shadow:0 4px 20px #0f63e61f}.device-pick-card strong{font-size:.88rem;font-weight:700;color:var(--ink)}.device-pick-card em{font-size:.74rem;color:var(--muted);font-style:normal;display:flex;align-items:center;gap:6px}.device-pick-card em:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--line-strong);flex-shrink:0}.device-pick-card small{font-size:.7rem;color:var(--muted);font-family:SF Mono,Fira Code,monospace;letter-spacing:.02em}.device-pick-card svg:last-child{position:absolute;top:12px;right:12px;color:var(--accent)}.selected-targets-summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:14px 0;border-top:1px solid var(--line)}.selected-targets-summary>strong{font-size:.82rem;font-weight:700;color:var(--ink)}.device-manage-link{padding:10px 0;text-align:center}.device-manage-link .ghost-button{font-size:.78rem;color:var(--accent);gap:6px}.device-manage-link .ghost-button:hover{background:#0f63e60f}.target-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:#0f63e60f;border:1px solid rgba(15,99,230,.15);border-radius:20px;font-size:.76rem;font-weight:600;color:var(--accent)}.target-chip button{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;background:#0f63e61a;border-radius:50%;cursor:pointer;padding:0;color:var(--accent);transition:all .15s}.target-chip button:hover{background:var(--danger);color:#fff}.content-binding-list{display:flex;flex-direction:column;gap:16px;margin:8px 0 20px}.content-binding-row{display:flex;flex-direction:column;gap:14px;padding:22px 24px;background:var(--surface);border:1.5px solid var(--line);border-radius:16px;transition:box-shadow .2s}.content-binding-row:hover{box-shadow:var(--soft-shadow)}.binding-header{display:flex;align-items:center;justify-content:space-between}.binding-device-info{display:flex;flex-direction:column;gap:3px}.binding-device-info strong{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:700;color:var(--ink)}.binding-device-info em{font-size:.72rem;color:var(--muted);font-style:normal;margin-left:26px}.binding-content-select{width:100%}.binding-content-select select{width:100%;padding:12px 16px;border:1.5px solid var(--line);border-radius:12px;font-size:.88rem;font-weight:500;background:var(--surface-soft);color:var(--ink);transition:border-color .2s,box-shadow .2s;cursor:pointer}.binding-content-select select:hover{border-color:var(--line-strong)}.binding-content-select select:focus{border-color:var(--accent);box-shadow:0 0 0 4px #0f63e61a;outline:none}.binding-content-preview{display:flex;gap:14px;padding:14px 16px;background:var(--surface-soft);border-radius:12px;align-items:center;border:1px solid var(--line)}.binding-content-preview img{width:72px;height:54px;object-fit:cover;border-radius:8px;background:var(--line);flex-shrink:0}.binding-content-preview .preview-info{display:flex;flex-direction:column;gap:3px}.binding-content-preview .preview-info strong{font-size:.85rem;font-weight:600;color:var(--ink)}.binding-content-preview .preview-info em{font-size:.72rem;color:var(--muted);font-style:normal}.binding-status .status-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 14px;border-radius:20px;font-size:.72rem;font-weight:700;letter-spacing:.02em}.binding-status .status-badge.ok{background:#15944714;color:var(--ok)}.binding-status .status-badge.warn{background:#ce741014;color:var(--warn)}.re-device-picker{display:flex;flex-direction:column;gap:12px}.re-pick-section{border:1px solid var(--line);border-radius:12px;overflow:hidden}.re-pick-section-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 18px;background:var(--surface-soft);border:none;cursor:pointer;transition:background .15s}.re-pick-section-header:hover{background:var(--line)}.re-pick-section-title{display:flex;align-items:center;gap:10px;font-size:14px}.re-pick-section-title strong{font-weight:700;color:var(--ink)}.re-pick-section-title em{font-style:normal;font-size:12px;color:var(--muted)}.re-pick-count{padding:2px 10px;border-radius:12px;background:var(--accent);color:#fff;font-size:11px;font-weight:700}.re-pick-caret{transition:transform .2s;color:var(--muted)}.re-pick-caret.open{transform:rotate(90deg)}.re-content-list{display:flex;flex-direction:column;gap:16px;margin:12px 0 16px}.re-content-target-card{border:1.5px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden;transition:box-shadow .2s}.re-content-target-card:hover{box-shadow:var(--soft-shadow)}.re-content-target-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--surface-soft);border-bottom:1px solid var(--line)}.re-content-target-info{display:flex;align-items:center;gap:10px}.re-content-target-info strong{font-size:14px;font-weight:700;color:var(--ink)}.re-content-kind-badge{font-style:normal;font-size:11px;font-weight:600;padding:2px 10px;border-radius:8px;background:var(--line);color:var(--muted)}.re-content-count{font-size:12px;font-weight:700;color:var(--accent)}.re-content-items{display:flex;flex-direction:column}.re-content-item{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--line)}.re-content-item:last-child{border-bottom:none}.re-content-reorder{display:flex;flex-direction:column;align-items:center;gap:2px}.re-content-reorder button{display:flex;align-items:center;justify-content:center;width:20px;height:16px;border:none;background:none;cursor:pointer;color:var(--muted);padding:0;border-radius:4px;transition:all .15s}.re-content-reorder button:hover:not(:disabled){background:var(--accent);color:#fff}.re-content-reorder button:disabled{opacity:.3;cursor:default}.re-content-seq{font-size:10px;font-weight:700;color:var(--muted);min-width:14px;text-align:center}.re-content-item-thumb{width:56px;height:42px;border-radius:8px;background:var(--surface-soft);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border:1px solid var(--line)}.re-content-item-thumb img{width:100%;height:100%;object-fit:cover}.re-content-item-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.re-content-item-info strong{font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.re-content-item-info em{font-size:11px;font-style:normal;color:var(--muted)}.re-content-item-remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;cursor:pointer;color:var(--muted);border-radius:50%;transition:all .15s;flex-shrink:0}.re-content-item-remove:hover{background:#e53e3e1a;color:#e53e3e}.re-content-add-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border:none;background:none;cursor:pointer;font-size:13px;font-weight:600;color:var(--accent);transition:background .15s;border-top:1px dashed var(--line)}.re-content-add-btn:hover{background:#0f63e60a}.re-content-expand-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px;border:none;background:none;cursor:pointer;font-size:12px;font-weight:600;color:var(--muted);transition:background .15s,color .15s}.re-content-expand-btn:hover{background:var(--surface-soft);color:var(--accent)}.re-content-target-card.re-batch-selected{border-color:var(--accent);background:#0f63e605}.re-picker-selected{position:relative;outline:3px solid var(--accent);outline-offset:-3px;border-radius:14px}.re-picker-selected:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0f63e614;border-radius:14px;pointer-events:none;z-index:1}.re-picker-check{position:absolute;top:8px;right:8px;z-index:3;color:var(--accent);background:#fff;border-radius:50%;line-height:0;box-shadow:0 1px 4px #00000026}.re-picker-row-selected{background:#0f63e60a!important}.re-picker-selected-badge{display:inline-block;margin-left:8px;padding:1px 8px;font-size:11px;font-weight:700;color:var(--accent);background:#0f63e61a;border-radius:6px;vertical-align:middle}.re-picker-card-type{position:absolute;top:8px;right:8px;padding:2px 8px;border-radius:6px;font-size:10px;font-weight:800;background:#0009;color:#fff;letter-spacing:.04em;z-index:1}.dc-manager{display:flex;flex-direction:column;gap:0;width:100%}.dc-tab-bar{display:flex;gap:2px;padding:5px;background:var(--surface-soft);border-radius:14px;border:1px solid var(--line);margin-bottom:24px}.dc-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border:none;border-radius:10px;background:transparent;color:var(--muted);font-size:14px;font-weight:700;cursor:pointer;transition:all .25s}.dc-tab:hover{color:var(--ink);background:#ffffff80}.dc-tab.active{color:var(--accent);background:var(--surface);box-shadow:0 2px 10px #0f63e61a}.dc-tab-content{min-height:400px}.dc-section{animation:editorReveal .4s cubic-bezier(.22,1,.36,1) both}.dc-section-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.dc-section-header h3{margin:0;font-size:20px;font-weight:800;color:var(--ink)}.dc-section-header>div>span{display:block;margin-top:3px;color:var(--muted);font-size:12px;font-weight:700}.dc-header-tools{display:flex;align-items:center;gap:12px}.dc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 18px;border:1px solid var(--line);border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap}.dc-btn.primary{color:#fff;background:linear-gradient(135deg,#0f63e6,#0850c2);border-color:#0b55ca;box-shadow:0 6px 18px #0f63e633}.dc-btn.primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px #0f63e64d}.dc-btn.primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.dc-btn.danger{color:#fff;background:#e53e3e;border-color:#c53030}.dc-btn.danger:hover{background:#c53030}.dc-btn.secondary{color:var(--accent);background:#eaf2ff;border-color:#bdd3f6}.dc-btn.secondary:hover{background:#dce9ff}.dc-btn.ghost{color:var(--ink-2);background:var(--surface)}.dc-btn.ghost:hover{background:var(--surface-soft);border-color:var(--line-strong)}.dc-icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;transition:all .15s}.dc-icon-btn:hover{background:#0f63e614;color:var(--accent)}.dc-icon-btn.danger:hover{background:#d31d2a14;color:var(--danger)}.dc-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:240px;padding:40px;border:1px dashed var(--line-strong);border-radius:14px;color:var(--muted);text-align:center}.dc-empty strong{color:var(--ink);font-size:16px}.dc-empty span{font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dc-spinner,.spin{animation:spin .8s linear infinite}.dc-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.dc-group-card{display:grid;grid-template-columns:52px minmax(0,1fr) 32px;align-items:center;gap:14px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface);cursor:pointer;transition:all .25s;box-shadow:0 4px 12px #1f35580a}.dc-group-card:hover{border-color:var(--accent);box-shadow:0 8px 24px #0f63e61a;transform:translateY(-2px)}.dc-group-card-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:12px;color:var(--accent);background:#eaf2ff}.dc-group-card-body{display:flex;flex-direction:column;gap:3px;min-width:0}.dc-group-card-body strong{font-size:15px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dc-group-card-body span{font-size:12px;color:var(--muted);font-weight:600}.dc-group-card-body em{font-size:12px;font-style:normal;color:var(--accent);font-weight:700}.dc-editor{animation:editorReveal .4s cubic-bezier(.22,1,.36,1) both}.dc-editor-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:20px;margin-bottom:24px;border-bottom:1px solid var(--line)}.dc-editor-header h3{display:flex;align-items:center;gap:10px;margin:0;font-size:20px;font-weight:800;color:var(--ink);flex:1}.dc-editor-header-actions{display:flex;align-items:center;gap:10px}.dc-editor-body{display:flex;flex-direction:column;gap:24px}.dc-form-panel{display:flex;flex-direction:column;gap:28px}.dc-form-section{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--soft-shadow)}.dc-form-section h4{display:flex;align-items:center;gap:8px;margin:0 0 18px;font-size:16px;font-weight:700;color:var(--ink)}.dc-form-section h4 em{font-style:normal;font-size:13px;color:var(--muted);font-weight:600}.dc-field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.dc-field>span{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.dc-field input,.dc-field select{height:44px;padding:0 14px;border:1.5px solid var(--line);border-radius:10px;font-size:14px;font-weight:500;background:var(--surface);color:var(--ink);transition:border-color .2s,box-shadow .2s;outline:none}.dc-field input:hover,.dc-field select:hover{border-color:var(--line-strong)}.dc-field input:focus,.dc-field select:focus{border-color:var(--accent);box-shadow:0 0 0 4px #0f63e61a}.dc-field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px}.dc-field-row .dc-field{margin-bottom:0}.dc-checkbox{display:flex;align-items:center;gap:9px;margin:8px 0;font-size:13px;color:var(--ink-2);font-weight:600;cursor:pointer}.dc-checkbox input{width:18px;height:18px;accent-color:var(--accent)}.dc-grid-editor{display:grid;grid-template-columns:1fr 260px;gap:20px;align-items:start}.dc-grid-layout{display:grid;gap:8px;min-height:200px}.dc-grid-cell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:120px;padding:14px;border-radius:12px;text-align:center;transition:all .2s}.dc-grid-cell.empty{border:2px dashed var(--line-strong);background:var(--surface-soft)}.dc-grid-cell.empty.drag-over{border-color:var(--accent);background:#0f63e60f;box-shadow:inset 0 0 0 2px #0f63e633}.dc-grid-cell.filled{border:2px solid var(--accent);background:linear-gradient(180deg,#f7fbff,#edf5ff)}.dc-grid-cell strong{font-size:13px;color:var(--ink);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dc-grid-cell em{font-size:11px;font-style:normal;color:var(--muted)}.dc-grid-placeholder{font-size:12px;color:var(--muted);line-height:1.5}.dc-grid-device-id{font-size:10px;color:var(--accent);font-weight:500;word-break:break-all;line-height:1.2;opacity:.8}.dc-grid-remove{position:absolute;top:6px;right:6px;display:grid;width:22px;height:22px;place-items:center;border:none;border-radius:50%;background:#d31d2a1a;color:var(--danger);cursor:pointer;transition:all .15s}.dc-grid-remove:hover{background:var(--danger);color:#fff}.dc-device-pool{border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden}.dc-pool-header{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line);background:var(--surface-soft)}.dc-pool-header strong{font-size:13px;font-weight:700;color:var(--ink);flex:1}.dc-pool-header em{font-size:11px;font-style:normal;color:var(--muted);font-weight:700}.dc-pool-empty{padding:20px;text-align:center;color:var(--muted);font-size:12px}.dc-pool-list{max-height:360px;overflow-y:auto}.dc-pool-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);cursor:grab;transition:background .15s}.dc-pool-item:last-child{border-bottom:none}.dc-pool-item:hover{background:#0f63e608}.dc-pool-item:active{cursor:grabbing;background:#0f63e60f}.dc-drag-handle{color:var(--line-strong)}.dc-pool-item-info{flex:1;min-width:0}.dc-pool-item-info strong{display:block;font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dc-pool-item-info span{display:block;font-size:11px;color:var(--muted);font-family:SF Mono,Fira Code,monospace}.dc-status-dot{width:8px;height:8px;border-radius:50%;background:var(--line-strong);flex-shrink:0}.dc-status-dot.online{background:var(--ok);box-shadow:0 0 6px #15944766}.dc-type-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:800;font-style:normal}.dc-type-badge.single{color:var(--accent);background:#eaf2ff}.dc-type-badge.multi_split{color:#7c3aed;background:#f3eeff}.dc-type-badge.multi_join{color:#059669;background:#ecfdf5}.dc-status-badge{display:inline-flex;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:800;font-style:normal}.dc-status-badge.ok{color:var(--ok);background:#e9f8ef}.dc-status-badge.draft{color:var(--muted);background:var(--surface-soft)}.dc-status-badge.processing{color:#2563eb;background:#eff6ff}.dc-status-badge.error{color:#dc2626;background:#fef2f2}.dc-status-badge.warn{color:var(--warn);background:#fff6e8}.dc-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:#03173580;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}}.dc-modal{width:100%;max-width:560px;background:var(--surface);border-radius:20px;box-shadow:0 32px 80px #00000040;animation:slideUp .3s cubic-bezier(.22,1,.36,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}}.dc-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line)}.dc-modal-header h3{margin:0;font-size:18px;font-weight:800;color:var(--ink)}.dc-modal-body{padding:24px}.dc-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--line)}.dc-type-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dc-type-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 12px;border:2px solid var(--line);border-radius:14px;background:var(--surface);cursor:pointer;transition:all .2s;text-align:center}.dc-type-option:hover{border-color:var(--accent);background:#0f63e605}.dc-type-option.active{border-color:var(--accent);background:#0f63e60d;box-shadow:0 4px 16px #0f63e61a}.dc-type-option strong{font-size:14px;color:var(--ink)}.dc-type-option em{font-size:11px;color:var(--muted);font-style:normal}.dc-screen-switcher{display:flex;gap:4px;padding:4px;background:var(--surface-soft);border:1px solid var(--line);border-radius:10px;margin-bottom:16px}.dc-screen-btn{padding:8px 16px;border:none;border-radius:7px;background:transparent;color:var(--muted);font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}.dc-screen-btn.active{background:var(--surface);color:var(--accent);box-shadow:0 2px 8px #0000000f}.dc-ple-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:24px;align-items:start}.dc-ple-preview{display:flex;flex-direction:column;align-items:center;gap:16px}.dc-ple-monitor{padding:16px;background:#e8e8e8;border-radius:14px;box-shadow:0 8px 28px #0000001f;display:flex;justify-content:center}.dc-ple-bezel{max-width:100%;max-height:420px;background:#000;border-radius:6px;overflow:hidden;position:relative}.dc-ple-screen-single{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.dc-ple-screen-single img,.dc-ple-screen-single video{max-width:100%;max-height:100%;object-fit:contain}.dc-ple-screen-empty{color:#666;font-size:14px;text-align:center;line-height:1.6}.dc-ple-screen-grid{display:grid;width:100%;height:100%;gap:2px}.dc-ple-screen-cell{position:relative;background:#111;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .15s;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0}.dc-ple-screen-cell.active{border-color:var(--accent)}.dc-ple-screen-cell img,.dc-ple-screen-cell video{width:100%;height:100%;object-fit:contain}.dc-ple-screen-label{position:absolute;top:4px;left:4px;padding:1px 6px;background:#0009;color:#fff;font-size:10px;font-weight:700;border-radius:4px}.dc-ple-screen-cell.audio-out{border-color:#22c55e;box-shadow:inset 0 0 0 1px #22c55e}.dc-ple-audio-badge{position:absolute;bottom:4px;right:4px;font-size:14px;background:#0009;border-radius:4px;padding:1px 4px;line-height:1}.dc-audio-select{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-secondary)}.dc-audio-select-btns{display:flex;gap:4px}.dc-audio-select-btn{padding:3px 10px;border:1px solid var(--border);border-radius:6px;background:#fff;cursor:pointer;font-size:12px;transition:all .15s}.dc-audio-select-btn.active{background:#f59e0b;color:#fff;border-color:#f59e0b;font-weight:600}.dc-ple-nav{display:flex;align-items:center;gap:16px;font-size:13px;font-weight:600;color:var(--ink)}.dc-ple-current-info{font-size:13px;color:var(--muted)}.dc-ple-current-info strong{color:var(--ink)}.dc-ple-current-info em{font-style:normal;margin-left:4px}.dc-ple-right{display:flex;flex-direction:column;gap:16px;max-height:calc(100vh - 180px);overflow-y:auto}.dc-timeline-item.playing{background:#0f63e60f;border-left:3px solid var(--accent)}.dc-ple-right-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.dc-ple-right-header>div{display:flex;flex-direction:column;gap:2px}.dc-ple-right-header strong{font-size:15px;font-weight:700;color:var(--ink)}.dc-ple-right-header em{font-style:normal;font-size:12px;color:var(--muted)}.active-toggle{color:var(--accent)!important;font-weight:700!important}.dc-media-picker-modal{position:relative;width:90vw;max-width:960px;max-height:85vh;background:var(--surface);border-radius:18px;box-shadow:0 20px 60px #00000059;overflow:hidden;display:flex;flex-direction:column;animation:dcSlideUp .2s ease}.dc-media-picker-header{display:flex;align-items:center;gap:16px;padding:18px 24px;border-bottom:1px solid var(--line);background:var(--surface-soft)}.dc-media-picker-header h3{margin:0;font-size:16px;font-weight:700;white-space:nowrap}.dc-media-picker-header .dc-media-modal-close{position:static;background:transparent;color:var(--muted);margin-left:auto}.dc-media-picker-header .dc-media-modal-close:hover{color:var(--ink);background:var(--surface-soft)}.dc-media-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;padding:20px 24px;overflow-y:auto;flex:1}.dc-header-tools{display:flex;align-items:center;gap:12px;flex:1}.dc-search-small{display:flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:6px 10px}.dc-search-small input{border:none;background:transparent;outline:none;font-size:13px;width:120px;color:var(--ink)}.dc-media-picker-modal.drag-over{outline:3px dashed var(--accent);outline-offset:-4px}.dc-upload-dropzone-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f63e614;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--accent);font-size:16px;font-weight:600;border-radius:18px;pointer-events:none}.dc-media-sidebar{border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden;position:sticky;top:20px}.dc-media-sidebar-header{padding:14px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.dc-media-sidebar-header strong{font-size:14px;font-weight:700;color:var(--ink)}.dc-media-search{display:flex;align-items:center;gap:7px;height:34px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);color:var(--muted)}.dc-media-search input{flex:1;border:none;background:transparent;font-size:12px;color:var(--ink);outline:none;min-width:0}.dc-media-filter-row{display:flex;gap:4px}.dc-filter-chip{padding:4px 10px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--muted);font-size:11px;font-weight:700;cursor:pointer;transition:all .15s}.dc-filter-chip.active{color:var(--accent);background:#eaf2ff;border-color:#bdd3f6}.dc-media-sidebar-list{max-height:520px;overflow-y:auto}.dc-media-pick-item{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr) 20px;align-items:center;gap:10px;width:100%;padding:8px 12px;border:none;border-bottom:1px solid var(--line);background:transparent;cursor:pointer;text-align:left;transition:background .15s}.dc-media-pick-item:hover{background:#0f63e608}.dc-media-pick-item:last-child{border-bottom:none}.dc-media-pick-item img{width:68px;height:48px;object-fit:contain;border-radius:6px;background:var(--surface-soft)}.dc-sidebar-play-badge{position:absolute;left:58px;top:50%;transform:translateY(-50%);color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));pointer-events:none;font-size:0}.dc-media-thumb-placeholder{display:grid;width:48px;height:36px;place-items:center;border-radius:6px;background:var(--surface-soft);color:var(--muted)}.dc-media-pick-info{min-width:0}.dc-media-pick-info strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11.5px;font-weight:600;color:var(--ink);line-height:1.3;word-break:break-all}.dc-media-pick-info span{display:block;font-size:10px;color:var(--muted)}.dc-media-add-icon{color:var(--accent);opacity:0;transition:opacity .15s}.dc-media-pick-item:hover .dc-media-add-icon{opacity:1}.dc-timeline{border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden}.dc-timeline-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line);background:var(--surface-soft)}.dc-timeline-header strong{font-size:14px;font-weight:700;color:var(--ink)}.dc-timeline-header em{font-size:12px;font-style:normal;color:var(--muted);font-weight:700}.dc-timeline-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:200px;padding:40px;color:var(--muted);text-align:center}.dc-timeline-empty span{font-size:13px}.dc-timeline-list{max-height:520px;overflow-y:auto}.dc-timeline-item{display:grid;grid-template-columns:32px 48px minmax(0,1fr) 90px 100px;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--line);transition:background .15s}.dc-timeline-item:last-child{border-bottom:none}.dc-timeline-item:hover{background:#0f63e605}.dc-timeline-seq{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;background:var(--surface-soft);color:var(--muted);font-size:12px;font-weight:800}.dc-timeline-thumb{width:44px;height:34px;object-fit:cover;border-radius:6px;background:var(--line)}.dc-timeline-thumb{width:48px;height:36px;object-fit:contain;border-radius:6px;background:var(--surface-soft)}.dc-timeline-thumb-placeholder{display:grid;width:48px;height:36px;place-items:center;border-radius:6px;background:var(--surface-soft);color:var(--muted)}.dc-timeline-item-info{min-width:0}.dc-timeline-item-info strong{display:block;font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dc-timeline-item-info span{display:block;font-size:11px;color:var(--muted)}.dc-timeline-duration{display:flex;align-items:center;gap:4px}.dc-timeline-duration input{width:56px;height:30px;padding:0 6px;border:1px solid var(--line);border-radius:6px;background:var(--surface-soft);color:var(--ink);font-size:13px;font-weight:600;text-align:center;outline:none}.dc-timeline-duration input:focus{border-color:var(--accent)}.dc-timeline-duration span{font-size:11px;color:var(--muted);font-weight:700}.dc-timeline-item-actions{display:flex;justify-content:flex-end;gap:2px}.dc-search-small{display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--muted)}.dc-search-small input{flex:1;border:none;background:transparent;font-size:13px;color:var(--ink);outline:none;min-width:0}.dc-filter-group{display:flex;gap:4px}.dc-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.dc-media-card{display:flex;flex-direction:column;border:2px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface);cursor:pointer;transition:all .2s;text-align:left;padding:0;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;color:inherit}.dc-media-card:hover{border-color:var(--accent);box-shadow:0 6px 18px #0f63e614;transform:translateY(-2px)}.dc-media-card-picker{position:relative}.dc-media-card-delete{position:absolute;top:6px;right:6px;width:28px;height:28px;border-radius:50%;border:none;background:#0009;color:#fff;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:5;transition:background .15s}.dc-media-card-delete:hover{background:#e53e3e}.dc-media-card-picker:hover .dc-media-card-delete{display:flex}.dc-media-card-thumb{position:relative;width:100%;padding-top:75%;background:#f0f2f5;overflow:hidden}.dc-media-card-thumb img,.dc-media-card-thumb video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;display:block}.dc-play-badge{position:absolute;bottom:6px;right:6px;z-index:2;color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5));pointer-events:none}.dc-media-card-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f0f2f5;color:var(--muted)}.dc-media-card-info{padding:10px 12px}.dc-media-card-info strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;font-weight:600;color:var(--ink);line-height:1.4;word-break:break-all}.dc-media-card-info span{display:block;margin-top:4px;font-size:11.5px;color:var(--muted)}.dc-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:dcFadeIn .15s ease}@keyframes dcFadeIn{0%{opacity:0}to{opacity:1}}.dc-media-modal{position:relative;width:90vw;max-width:800px;max-height:90vh;background:var(--surface);border-radius:18px;box-shadow:0 20px 60px #00000059;overflow:hidden;display:flex;flex-direction:column;animation:dcSlideUp .2s ease}@keyframes dcSlideUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.dc-media-modal-close{position:absolute;top:12px;right:12px;z-index:10;display:grid;width:36px;height:36px;place-items:center;border:none;border-radius:50%;background:#00000080;color:#fff;cursor:pointer;transition:background .15s}.dc-media-modal-close:hover{background:#000000b3}.dc-media-modal-preview{display:flex;align-items:center;justify-content:center;background:#0a0a0a;min-height:300px;max-height:65vh;overflow:hidden}.dc-media-modal-preview img{max-width:100%;max-height:65vh;object-fit:contain}.dc-media-modal-preview video{max-width:100%;max-height:65vh;object-fit:contain}.dc-media-modal-info{padding:20px 24px}.dc-media-modal-info h3{margin:0 0 10px;font-size:16px;font-weight:700;color:var(--ink);word-break:break-all}.dc-media-modal-meta{display:flex;flex-wrap:wrap;gap:6px}.dc-media-modal-meta span{padding:3px 10px;background:var(--surface-soft);border-radius:6px;font-size:12px;font-weight:600;color:var(--muted)}.dc-unified-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.dc-unified-table{width:100%;border-collapse:collapse;font-size:13px}.dc-unified-table thead{background:var(--surface-soft);position:sticky;top:0;z-index:1}.dc-unified-table th{padding:12px 16px;text-align:left;font-weight:600;font-size:12px;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap}.dc-unified-table td{padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:middle}.dc-unified-table tbody tr:last-child td{border-bottom:none}.dc-unified-table tbody tr{cursor:pointer;transition:background .15s}.dc-unified-table tbody tr:hover{background:#0f63e608}.dc-unified-table td strong{font-weight:600;color:var(--ink)}.dc-unified-table .cell-mono{font-family:monospace;font-size:12px;color:var(--muted)}.dc-unified-table .cell-nowrap{white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}.dc-unified-table .cell-actions{white-space:nowrap;display:flex;gap:6px;align-items:center}.dc-status-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600}.dc-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.dc-table-action-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:6px;border:1px solid var(--line);background:var(--surface);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.dc-table-action-btn.primary{color:var(--accent);border-color:#0f63e640;background:#0f63e60d}.dc-table-action-btn.primary:hover{background:#0f63e61f;border-color:var(--accent)}.dc-table-action-btn.warn{color:#c53030;border-color:#c5303040;background:#c530300d}.dc-table-action-btn.warn:hover{background:#c530301f;border-color:#c53030}.dc-table-action-btn.danger{color:#e53e3e;border-color:#e53e3e40;background:#e53e3e0d}.dc-table-action-btn.danger:hover{background:#e53e3e1f;border-color:#e53e3e}.dc-table-action-btn.caution{color:#d69e2e;border-color:#d69e2e40;background:#d69e2e0d}.dc-table-action-btn.caution:hover{background:#d69e2e1f;border-color:#d69e2e}.dc-bind-modal{position:relative;width:420px;max-width:90vw;background:var(--surface);border-radius:18px;padding:28px;box-shadow:0 20px 60px #00000059}.dc-bind-modal h3{margin:0 0 20px;font-size:18px;font-weight:700}.dc-bind-form{display:flex;flex-direction:column;gap:6px}.dc-bind-form label{font-size:13px;font-weight:600;color:var(--ink)}.dc-bind-form input{padding:10px 14px;border:2px solid var(--line);border-radius:10px;font-size:14px;outline:none;transition:border .15s}.dc-bind-form input:focus{border-color:var(--accent)}.dc-bind-msg{margin-top:10px;padding:10px 14px;border-radius:8px;font-size:13px;background:#eaf2ff;color:var(--accent)}.dc-bind-msg.error{background:#fff5f5;color:#e53e3e}.dc-bind-msg.success{background:#f0fff4;color:#38a169}.dc-device-detail-modal{position:relative;width:720px;max-width:92vw;max-height:88vh;background:var(--surface);border-radius:16px;box-shadow:0 20px 60px #00000059;display:flex;flex-direction:column;overflow:hidden}.dc-detail-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid var(--line)}.dc-detail-modal-header h3{margin:0;font-size:17px;font-weight:700}.dc-detail-modal-header .dc-media-modal-close{position:static}.dc-detail-modal-body{flex:1;overflow-y:auto;padding:24px 28px;display:flex;flex-direction:column;gap:20px}.dc-detail-section{border:1px solid var(--line);border-radius:10px;padding:18px 20px}.dc-detail-section h4{margin:0 0 14px;font-size:14px;font-weight:700}.dc-ctrl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.dc-ctrl-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;color:var(--ink)}.dc-ctrl-btn:hover{border-color:var(--accent);background:#0f63e60a;color:var(--accent)}.dc-ctrl-panel{margin-top:14px;padding:16px;background:var(--surface-soft);border-radius:8px;display:flex;flex-direction:column;gap:10px}.dc-ctrl-panel label{font-size:13px;font-weight:600}.dc-ctrl-panel input[type=range]{width:100%;accent-color:var(--accent);height:6px}.dc-rotation-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dc-rotation-btn{padding:8px 12px;border:1px solid var(--line);border-radius:6px;background:var(--surface);font-size:12.5px;cursor:pointer;transition:all .15s}.dc-rotation-btn.active{border-color:var(--accent);background:#0f63e614;color:var(--accent);font-weight:600}.dc-detail-info-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px 20px}.dc-detail-info-grid>div{font-size:13px}.dc-detail-info-grid span{color:var(--muted);font-weight:500}.dc-detail-info-grid strong{font-weight:600;color:var(--ink)}.dc-tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11.5px;font-weight:600}.dc-tag.green{background:#f0fff4;color:#38a169;border:1px solid #c6f6d5}.dc-tag.gray{background:#f7fafc;color:#a0aec0;border:1px solid #e2e8f0}.dc-detail-modal-footer{display:flex;justify-content:space-between;padding:16px 28px;border-top:1px solid var(--line)}.dc-toast-container{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:99999;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.dc-toast{display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:10px;font-size:13.5px;font-weight:500;box-shadow:0 8px 24px #00000026;pointer-events:auto;animation:dcSlideIn .25s ease;min-width:240px}@keyframes dcSlideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.dc-toast-success{background:#f0fff4;color:#276749;border:1px solid #c6f6d5}.dc-toast-error{background:#fff5f5;color:#c53030;border:1px solid #fed7d7}.dc-toast-info{background:#ebf8ff;color:#2b6cb0;border:1px solid #bee3f8}.dc-confirm-modal{background:var(--surface);border-radius:14px;padding:28px;width:400px;max-width:90vw;box-shadow:0 20px 60px #00000059}.dc-confirm-modal p{margin:0 0 20px;font-size:15px;font-weight:500;line-height:1.5}.dc-confirm-actions{display:flex;justify-content:flex-end;gap:10px}.dc-schedule-target-select{padding:6px 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface);font-size:13px;min-width:180px;cursor:pointer}.dc-schedule-tag{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:4px;font-size:11px;font-style:normal;background:var(--surface-soft);color:var(--muted);font-weight:500}.dc-type-badge.immediate{background:#fff5f5;color:#c53030}.dc-type-badge.scheduled{background:#ebf8ff;color:#2b6cb0}.dc-schedule-create-modal{background:var(--surface);border-radius:16px;width:580px;max-width:95vw;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000059}.dc-schedule-create-body{overflow-y:auto;max-height:calc(90vh - 140px);padding:20px 24px!important}.dc-schedule-create-body .dc-form-section{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.dc-schedule-create-body .dc-form-section:last-child{border-bottom:none;margin-bottom:0}.dc-schedule-create-body h4{margin:0 0 10px;font-size:14px;font-weight:600;color:var(--text)}.dc-schedule-create-body h4 em{font-weight:400;color:var(--text-secondary);font-style:normal;font-size:12px;margin-left:4px}.dc-schedule-target-list{max-height:220px;overflow-y:auto;border:1px solid var(--border);border-radius:10px;padding:8px}.dc-target-group{margin-bottom:8px}.dc-target-group:last-child{margin-bottom:0}.dc-target-group-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);padding:4px 8px}.dc-schedule-target-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;cursor:pointer;transition:background .15s;font-size:13px}.dc-schedule-target-item:hover{background:#6366f10f}.dc-schedule-target-item input[type=checkbox]{flex-shrink:0;accent-color:var(--accent)}.dc-schedule-target-item span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dc-schedule-target-item em{font-style:normal;font-size:11px;color:var(--text-secondary);margin-left:4px}.dc-schedule-target-item em.online{color:#38a169}.dc-schedule-upload-area{margin-top:8px;padding:12px;border:1px dashed var(--border);border-radius:10px;background:var(--bg)}.dc-schedule-upload-btn{display:flex;flex-direction:column;align-items:center;gap:6px}.dc-schedule-upload-btn span{font-size:12px;color:var(--text-secondary)}.dc-schedule-upload-done{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500}.dc-schedule-upload-done span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dc-schedule-device-select{width:100%;padding:4px;border-radius:8px;border:1px solid var(--border);background:var(--surface);font-size:13px;cursor:pointer}.dc-schedule-device-select option{padding:8px 10px;border-radius:6px;margin-bottom:2px}.dc-schedule-device-select option:checked{background:#6366f11f;font-weight:600}.dc-schedule-device-hint{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;border-radius:8px;background:#ebf8ff;border:1px solid #bee3f8;font-size:13px;color:#2b6cb0;line-height:1.5}.dc-schedule-device-hint.warn{background:ivory;border-color:#fefcbf;color:#975a16}.dc-weekday-selector{display:flex;gap:4px;margin-top:8px;flex-wrap:wrap}.dc-weekday-chip{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--surface);cursor:pointer;font-size:13px;font-weight:500;transition:all .15s}.dc-weekday-chip input{display:none}.dc-weekday-chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.dc-conflict-modal{background:var(--surface);border-radius:14px;padding:24px;width:480px;max-width:90vw;box-shadow:0 20px 60px #00000059}.dc-conflict-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.dc-conflict-header h3{margin:0;font-size:16px;font-weight:600}.dc-conflict-body p{margin:0 0 10px;font-size:13px;color:var(--text-secondary);line-height:1.5}.dc-conflict-item{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:8px;background:ivory;border:1px solid #fefcbf;margin-bottom:8px;font-size:13px}.dc-conflict-item strong{font-weight:600;color:var(--text)}.dc-conflict-item span{font-size:12px;color:var(--text-secondary)}.dc-schedule-detail-modal{background:var(--surface);border-radius:16px;width:600px;max-width:95vw;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000059}.dc-schedule-detail-modal .dc-detail-modal-body{overflow-y:auto;flex:1}.dc-schedule-task-list{display:flex;flex-direction:column;gap:6px}.dc-schedule-task-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;background:var(--bg);border:1px solid var(--border)}.dc-schedule-task-info{flex:1;min-width:0}.dc-schedule-task-info strong{display:block;font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dc-schedule-task-info span{font-size:11px;color:var(--text-secondary)}.dc-device-online-tag{margin-left:8px;font-style:normal;font-size:11px;font-weight:600;padding:1px 6px;border-radius:4px}.dc-device-online-tag.online{color:#38a169;background:#f0fff4}.dc-device-online-tag.offline{color:#e53e3e;background:#fff5f5}@media (max-width: 1180px){.dc-grid-editor,.dc-ple-layout{grid-template-columns:1fr}.dc-unified-table .col-hide-md{display:none}}@media (max-width: 820px){.dc-tab-bar{flex-wrap:wrap}.dc-section-header{flex-direction:column;align-items:flex-start}.dc-header-tools{flex-wrap:wrap;width:100%}.dc-type-selector{grid-template-columns:1fr}.dc-media-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.dc-card-grid{grid-template-columns:1fr}.dc-editor-header{flex-wrap:wrap}.dc-unified-table .col-hide-sm{display:none}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}