:root{--ink:#183430;--text:#29443e;--muted:#7c8a85;--line:#e3e9e4;--canvas:#f5f7f3;--white:#fff;--green:#187d64;--mint:#c9e9c9;--pale:#e9f3e8;--amber:#9d661d;--danger:#b94f45;--shadow:0 8px 30px #18343005;--radius:18px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--text);font-size:14px;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--canvas)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible{outline:3px solid #6fbd9c;outline-offset:3px}a{color:var(--green)}svg{width:20px;height:20px;vertical-align:middle;flex-shrink:0}button svg{width:17px;height:17px}h1,h2,h3,p{margin:0}h1{font-size:28px;letter-spacing:-1px;font-weight:650;color:var(--ink)}h2{font-size:19px;letter-spacing:-.4px;color:var(--ink)}h3{font-size:15px;color:var(--ink)}small{font-size:12px}button{border:none}button,select,input,textarea{transition:background .15s,border .15s,box-shadow .15s}button:active:not(:disabled){transform:translateY(1px)}.app-shell{min-height:100vh;display:grid;grid-template-columns:230px minmax(0,1fr)}.sidebar{position:fixed;width:230px;top:0;bottom:0;background:#18312e;color:#aabdb3;padding:34px 20px 22px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:12px;padding:0 12px 37px;color:#fff}.brand-mark{height:37px;width:37px;background:#cde6bc;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:3px;transform:rotate(-3deg)}.brand-mark i{display:block;background:#244739;width:3px;border-radius:3px;height:13px}.brand-mark i:nth-child(2){height:23px}.brand-mark i:nth-child(3){height:18px}.brand-title{font-size:23px;letter-spacing:2px;font-weight:650}.brand-sub{font-size:9px;letter-spacing:2.4px;margin-top:3px;color:#a8bdae}.sidebar-label{font-size:10px;letter-spacing:2px;padding:0 16px;margin-bottom:14px;color:#839e90}.nav-link{width:100%;padding:14px 16px;margin:3px 0;display:flex;gap:12px;align-items:center;background:none;border-radius:10px;color:#adbbb4;text-align:left;font-size:13px}.nav-link:hover{background:#ffffff08;color:white}.nav-link.active{background:#d4e7c9;color:#264638;font-weight:650}.nav-link.active::after{content:"";width:5px;height:5px;background:#387153;margin-left:auto;border-radius:50%}.sidebar-note{margin:30px 6px 0;padding:17px 14px;border:1px solid #ffffff16;border-radius:12px;font-size:11px;line-height:1.9;color:#9bb3a6}.sidebar-note strong{display:block;color:#cce1d1;margin-bottom:5px;font-size:12px;font-weight:500}.sidebar-footer{margin-top:auto;padding-top:30px}.account{display:flex;gap:11px;align-items:center;padding:13px 10px;border-top:1px solid #ffffff12}.avatar{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:#314c40;color:#d8e4cc;font-size:13px;border-radius:50%;flex-shrink:0}.account-name{color:#e3ebe1;font-size:12px;line-height:1.7}.account-sub{font-size:10px;color:#91ab9b}.tenant-select{background:#203b34;border:1px solid #ffffff12;width:100%;color:#caddcf;padding:10px;border-radius:8px;font-size:12px}.main-shell{grid-column:2;min-width:0}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid var(--line);background:#fafbf8;gap:15px}.breadcrumb{font-size:12px;color:#96a299;display:flex;align-items:center;gap:10px}.breadcrumb strong{font-weight:500;color:#4e6659}.topbar-right{display:flex;align-items:center;gap:17px}.environment{font-size:11px;color:#8d713c;background:#f4efe2;border:1px solid #e9e2d0;padding:7px 10px;border-radius:6px;white-space:nowrap}.environment::before{content:"";display:inline-block;background:#bc9c61;width:5px;height:5px;border-radius:50%;margin-right:7px;vertical-align:2px}.icon-button{background:white;border:1px solid var(--line);border-radius:9px;height:34px;width:34px;display:flex;align-items:center;justify-content:center;color:var(--muted)}.mobile-menu{display:none}.content{max-width:1550px;margin:auto;padding:34px 42px 46px}.page-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:2px;color:#7f9a88;margin-bottom:9px;font-weight:600}.page-description{color:#819186;font-size:12px;line-height:1.8;margin-top:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 16px;border-radius:9px;border:1px solid var(--line);background:white;color:var(--text);font-size:12px;line-height:1.2;white-space:nowrap}.button:hover:not(:disabled){background:#f4f8f1;border-color:#bdd1bc}.button.primary{background:var(--green);border-color:var(--green);color:white}.button.primary:hover:not(:disabled){background:#116b54;border-color:#116b54}.button.dark{background:#26483b;color:white;border-color:#26483b}.button.danger{color:var(--danger);background:#fff5f2;border-color:#edd6cd}.button.small{padding:8px 11px;font-size:11px}.button.ghost{background:transparent;border-color:transparent;color:var(--green)}.button.wide{width:100%}.button-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.muted{color:var(--muted)}.number{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.hero{position:relative;background:#e7eddf;border:1px solid #dfe7d6;border-radius:var(--radius);padding:28px 32px;overflow:hidden;display:flex;justify-content:space-between;min-height:167px;margin-bottom:24px}.hero-copy{z-index:1;max-width:65%}.hero h2{font-size:23px;line-height:1.5;font-weight:600}.hero p{font-size:12px;color:#79886b;margin-top:10px;line-height:1.9}.hero-label{font-size:10px;letter-spacing:1.5px;color:#75926b;margin-bottom:10px}.hero-art{position:absolute;right:38px;top:4px;width:250px;height:170px}.orb{position:absolute;width:110px;height:110px;right:34px;top:30px;border-radius:50%;background:radial-gradient(circle at 28% 24%,#e8f6c6,#b4cf90 45%,#6c9c67 90%);box-shadow:inset -10px -13px 28px #40684420,12px 20px 25px #52764c22}.orb::before{content:"";position:absolute;inset:-18px;border:1px solid #b7c9a280;border-radius:50%;transform:scaleX(1.5) rotate(-25deg)}.sound-wave{display:flex;align-items:center;gap:5px;position:absolute;right:1px;bottom:42px;border-radius:11px;background:#ffffffe0;border:1px solid #ffffffaa;padding:14px 21px;box-shadow:0 12px 25px #3c593515;transform:rotate(-7deg)}.sound-wave i{height:16px;width:4px;border-radius:4px;background:#658e5c}.sound-wave i:nth-child(2n){height:25px}.sound-wave i:nth-child(3n){height:35px}.hero-dot{position:absolute;width:25px;height:25px;background:#f2f6ec;border-radius:8px;left:23px;top:40px;transform:rotate(20deg);box-shadow:0 4px 8px #68874d10}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:25px}.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 22px;box-shadow:var(--shadow)}.stat-head{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#76897b}.stat-icon{display:flex;align-items:center;justify-content:center;background:#f2f6ed;color:#81977a;border-radius:8px;height:29px;width:29px}.stat-icon svg{width:15px;height:15px}.stat-value{margin-top:16px;font-size:31px;color:#1d3c2f;letter-spacing:-1px;font-weight:600}.stat-value small{font-size:12px;font-weight:400;margin-left:5px;letter-spacing:0;color:#8d9c91}.stat-foot{font-size:10px;color:#93a095;margin-top:10px}.grid-two{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:22px}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-header{padding:21px 24px;display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-header h2{font-size:15px}.panel-header p{font-size:11px;color:var(--muted);margin-top:7px}.panel-body{padding:0 24px 24px}.panel+.panel{margin-top:22px}.panel-caption{font-size:10px;color:#91a096}.status-pill{font-size:10px;display:inline-flex;align-items:center;gap:5px;border-radius:5px;background:#f2f4f0;color:#7a8b7c;padding:5px 7px;white-space:nowrap}.status-pill.green{color:#368264;background:#eaf5eb}.status-pill.amber{color:#a58146;background:#faf3e6}.status-pill.red{color:#ad6757;background:#fbefeb}.status-dot{height:5px;width:5px;border-radius:50%;background:currentColor}.dark-stage{background:#233c31;border-radius:12px;position:relative;overflow:hidden;padding:24px;color:#c7d6c2}.dark-stage h3{color:#eef3e8;font-size:20px;font-weight:500;margin:10px 0}.dark-stage .muted{color:#9dad9d;font-size:11px}.dark-stage-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff14;padding-top:16px;margin-top:24px;font-size:11px}.dark-stage .button{background:#dceacb;border-color:#dceacb;color:#294934}.stage-bars{display:flex;align-items:center;gap:5px;height:42px;position:absolute;top:48px;right:28px;opacity:.7}.stage-bars i{width:4px;height:13px;border-radius:3px;background:#c4d5af}.stage-bars i:nth-child(2n){height:25px}.stage-bars i:nth-child(3n){height:38px}.stage-bars.active i{animation:wave 1s ease-in-out infinite alternate}.stage-bars.active i:nth-child(2n){animation-delay:.2s}.stage-bars.active i:nth-child(3n){animation-delay:.6s}@keyframes wave{to{height:6px;opacity:.4}}.steps{display:flex;flex-direction:column}.step{display:flex;gap:13px;padding:15px 0;position:relative}.step:not(:last-child){border-bottom:1px dashed var(--line)}.step-number{width:27px;height:27px;border:1px solid #dce7d4;color:#8a9e7d;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0}.step.done .step-number{background:#ecf3e4;border-color:#ecf3e4;color:#618849}.step-title{font-size:12px;color:#4b6352;margin-top:1px}.step-note{font-size:10px;line-height:1.8;color:#94a08f;margin-top:5px}.step .icon-button{height:27px;width:27px;margin-left:auto;flex-shrink:0;border:none;color:#91a284}.step .icon-button svg{width:14px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px;text-align:left}.data-table th{padding:13px 23px;background:#f9fbf6;font-weight:400;font-size:10px;color:#889781;border-top:1px solid #edf0e9;border-bottom:1px solid #edf0e9}.data-table td{padding:18px 23px;border-bottom:1px solid #edf0e9}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:#fbfcf8}.item-title{font-size:12px;font-weight:550;color:#405840}.item-sub{font-size:10px;margin-top:6px;color:#99a291}.product-cell{display:flex;gap:12px;align-items:center}.food-icon{display:flex;align-items:center;justify-content:center;background:#f2ecdf;width:37px;height:37px;border-radius:10px;color:#a3906d;flex-shrink:0}.food-icon svg{width:20px}.food-icon.alt{background:#eef1df;color:#8b9a63}.table-money{color:#3d6447;font-weight:550}.progress-list{display:flex;gap:13px;flex-direction:column}.activity-item{display:flex;gap:10px;font-size:11px;align-items:flex-start;line-height:1.7}.activity-item::before{content:"";width:6px;height:6px;border-radius:50%;background:#c9d9bb;margin-top:7px;flex-shrink:0}.activity-item time{font-size:10px;color:#a1aa99;margin-left:auto;white-space:nowrap}.notice{display:flex;align-items:flex-start;gap:9px;padding:13px 15px;border:1px solid #e6e8d9;background:#f8f8ef;border-radius:10px;font-size:11px;line-height:1.9;color:#8d885e;margin-bottom:20px}.notice svg{height:16px;width:16px;margin-top:2px}.notice.info{background:#eef4ee;border-color:#deeadf;color:#63826a}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 23px;border-bottom:1px solid var(--line)}.search-box{position:relative;max-width:330px;width:100%}.search-box svg{position:absolute;left:11px;top:11px;width:15px;height:15px;color:#96a18d}.search-box input{padding-left:34px;font-size:12px;background:#f9faf6}.toolbar-count{font-size:11px;color:var(--muted)}input,textarea,select{width:100%;border:1px solid #dfe7d9;background:white;color:var(--text);padding:10px 11px;border-radius:8px;outline:none;line-height:1.5}input:focus,textarea:focus,select:focus{border-color:#83ab87;box-shadow:0 0 0 3px #d8e9d655}textarea{resize:vertical;min-height:90px}input::placeholder,textarea::placeholder{color:#a5afa1;font-size:12px}label{font-size:12px;display:block;color:#59705a;margin-bottom:8px}label small{color:#9ba591;font-weight:400;margin-left:5px}.form-field{margin-bottom:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.form-help{font-size:10px;color:#939f88;line-height:1.8;margin-top:7px}.empty-state{text-align:center;padding:45px 20px;color:#879581;font-size:12px;line-height:1.8}.empty-state svg{width:33px;height:33px;margin-bottom:10px;color:#b4c3a8}.empty-state strong{display:block;font-weight:500;color:#69815d;margin-bottom:7px}.empty-state .button{margin-top:14px}.workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px;align-items:start}.select-panel{padding:22px}.select-panel h2{font-size:15px;margin-bottom:22px}.mode-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mode-option{border:1px solid var(--line);border-radius:8px;background:#fafbf7;padding:11px 7px;text-align:center;color:#84907b;font-size:11px}.mode-option.selected{border-color:#90b38a;color:#527e4a;background:#eef5e7}.mode-option small{display:block;font-size:9px;margin-top:4px;color:#a1ad96}.section-divider{border:0;border-top:1px solid var(--line);margin:22px 0}.small-heading{font-size:11px;color:#99a58e;letter-spacing:.5px;margin-bottom:10px}.script-list{display:flex;flex-direction:column;gap:8px}.script-item{background:transparent;border:1px solid transparent;border-radius:10px;text-align:left;padding:12px;color:var(--text)}.script-item:hover{background:#f7faf3}.script-item.selected{background:#f0f5e9;border-color:#e1ead7}.script-item-title{font-size:12px;line-height:1.7;display:block;margin-bottom:8px}.script-item-meta{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#939e87}.script-content{padding:4px 27px 26px;white-space:pre-wrap;line-height:2.25;font-size:13px;color:#597053;min-height:260px}.script-meta{display:flex;gap:8px;padding:0 27px 18px;flex-wrap:wrap}.script-footer{padding:19px 26px;border-top:1px solid var(--line);background:#fbfcf8}.check-label{display:flex;gap:9px;align-items:flex-start;font-size:11px;color:#839174;line-height:1.7;margin-bottom:15px}.check-label input{width:15px;height:15px;padding:0;margin:2px 0 0;accent-color:var(--green);flex-shrink:0}.live-toolbar{display:flex;gap:12px;margin-bottom:20px}.live-toolbar select{max-width:420px;background:white}.live-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:22px;align-items:start}.live-stage{padding:28px}.live-stage-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.live-stage-name{margin-top:14px;font-size:24px;font-weight:500;color:#24452e}.live-stage-desc{font-size:11px;color:#8c9a80;margin-top:10px}.player-display{margin:24px 0;padding:24px;background:#f5f8ef;border:1px solid #e4ecd9;border-radius:12px;min-height:135px;display:flex;align-items:center;justify-content:center;position:relative;text-align:center}.player-display .stage-bars{position:static;height:30px;justify-content:center;margin:0 0 14px}.player-display .stage-bars i{background:#85a46a}.player-text{font-size:12px;line-height:1.9;color:#798d68;max-height:120px;overflow:auto}.player-label{font-size:9px;letter-spacing:1.3px;color:#9ea88e;margin-top:7px}.playback-controls{display:flex;gap:10px;flex-wrap:wrap}.queue-head{display:flex;align-items:center;justify-content:space-between;margin:25px 0 14px}.queue-head h3{font-size:12px}.queue{display:flex;flex-direction:column}.queue-item{padding:14px 0;display:flex;gap:11px;align-items:flex-start;border-bottom:1px solid #edf0e8}.queue-item:last-child{border-bottom:0}.queue-index{font-size:10px;color:#a9b29b;min-width:18px;margin-top:4px}.queue-text{font-size:11px;line-height:1.8;color:#718365;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.queue-meta{display:flex;gap:8px;align-items:center;font-size:9px;color:#a0aa93;margin-top:7px}.queue-item .status-pill{margin-left:auto;flex-shrink:0}.live-form{padding:0 24px 23px}.live-form textarea{font-size:12px;min-height:78px;background:#fcfdf9}.live-form .button-row{justify-content:space-between;margin-top:10px}.comment-list{max-height:310px;overflow:auto;border-top:1px solid var(--line);padding:6px 24px 17px}.comment-item{padding:13px 0;border-bottom:1px solid #eef1e8}.comment-item:last-child{border-bottom:0}.comment-head{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#a0aa93;margin-bottom:8px}.comment-text{font-size:12px;line-height:1.7;color:#6e815f}.device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.device-card{padding:23px;border:1px solid var(--line);border-radius:14px;background:white}.device-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#eff4e7;color:#89a071;border-radius:12px;margin-bottom:18px}.device-card h3{margin-bottom:10px}.device-details{margin-top:20px;display:grid;gap:12px;font-size:11px}.device-details div{display:flex;justify-content:space-between;gap:14px}.device-details span:first-child{color:#98a48a}.device-details span:last-child{color:#748866;text-align:right;overflow-wrap:anywhere}.device-card .button{margin-top:22px}.usage-info{display:flex;justify-content:space-between;gap:25px;padding:22px 26px;border:1px solid #dfe8d7;border-radius:14px;background:#edf3e6;margin-bottom:24px;align-items:center}.usage-info h3{font-size:14px;margin-bottom:8px}.usage-info p{font-size:11px;color:#869775;line-height:1.9}.usage-engine{color:#738b60;border:1px solid #d6e2cb;border-radius:7px;padding:9px 12px;font-size:11px;white-space:nowrap}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fafbf7}.login-brand{background:#203d31;padding:70px 60px;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-brand .brand{padding:0}.login-brand h1{font-size:43px;line-height:1.6;color:#e7efdb;margin-top:100px;font-weight:500;letter-spacing:-1px}.login-brand p{max-width:380px;color:#9fb497;line-height:2.2;margin-top:25px;font-size:13px}.login-brand .hero-art{transform:scale(1.7);top:auto;bottom:80px;right:70px;opacity:.8}.login-panel{display:flex;justify-content:center;align-items:center;padding:40px}.login-inner{width:100%;max-width:370px}.login-inner h2{font-size:26px}.login-inner>p{font-size:12px;color:#929f88;margin:13px 0 30px;line-height:1.9}.login-choice{width:100%;background:white;border:1px solid #e0e7d8;border-radius:12px;padding:19px;display:flex;align-items:center;gap:14px;margin:12px 0;color:#3c5d40;text-align:left}.login-choice:hover{border-color:#8ead81;background:#f4f8ee}.login-choice strong{display:block;font-size:14px;font-weight:550}.login-choice small{display:block;font-size:11px;color:#95a38a;margin-top:7px}.login-choice .arrow{margin-left:auto;color:#9caa8d}.login-foot{font-size:10px;color:#a0aa93;line-height:1.9;margin-top:28px}.login-error{color:var(--danger);font-size:12px;margin-bottom:16px;line-height:1.8}.login-tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:22px}.login-tab{padding:10px 0 13px;background:none;color:#95a087;font-size:12px;border-bottom:2px solid transparent}.login-tab.active{color:#497441;border-bottom-color:#638e52}.initial-loading{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:100vh;color:#91a080;font-size:12px;gap:20px}.loading-mark{background:#dbe9ca;color:#6c8d53;height:47px;width:47px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:23px}#toast-region{position:fixed;bottom:28px;right:30px;max-width:390px;z-index:200;display:flex;gap:10px;flex-direction:column}.toast{padding:14px 18px;background:#264939;color:#e8f0df;border:1px solid #43614a;border-radius:10px;box-shadow:0 8px 28px #14382720;font-size:12px;line-height:1.7;animation:toast-in .2s ease-out}.toast.error{background:#704c3e;border-color:#936b5a}.toast small{display:block;opacity:.7}@keyframes toast-in{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}dialog{max-width:620px;width:calc(100% - 32px);border:1px solid #e4eadb;padding:0;border-radius:17px;color:var(--text);box-shadow:0 35px 100px #15382730}dialog::backdrop{background:#132c2866;backdrop-filter:blur(3px)}.modal-head{padding:23px 27px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.modal-head h2{font-size:18px}.modal-body{padding:25px 27px 8px;max-height:68vh;overflow:auto}.modal-footer{padding:20px 27px;background:#fafcf7;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.modal-error{font-size:12px;color:var(--danger);line-height:1.8;margin-bottom:15px}.token-box{font-family:ui-monospace,SFMono-Regular,monospace;background:#f2f6eb;border:1px solid #dfe8d5;border-radius:9px;padding:16px;word-break:break-all;font-size:12px;line-height:1.9;margin:15px 0}.field-error{font-size:11px;color:var(--danger);padding:8px 0}.footer-note{font-size:10px;color:#a0aa97;text-align:center;margin-top:30px;line-height:1.8}.inline-badge{border:1px solid #e3eadb;background:#f8faf3;border-radius:5px;font-size:9px;padding:4px 7px;color:#91a080}.session-option-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.session-option-bar select{flex:1;min-width:200px}.connection-state{font-size:10px;color:#94a086}.connection-state.offline{color:#b17c4c}.text-break{overflow-wrap:anywhere}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
@media(min-width:1500px){.content{padding-top:39px}.hero{min-height:185px}.hero-art{top:13px;right:65px}.stats{gap:22px}}
@media(max-width:1200px){.app-shell{grid-template-columns:200px minmax(0,1fr)}.sidebar{width:200px;padding-left:14px;padding-right:14px}.content{padding:28px}.topbar{padding:0 28px}.grid-two{grid-template-columns:1.4fr 1fr}.stats{gap:12px}.stat{padding:18px}.workspace{grid-template-columns:260px minmax(0,1fr)}.live-layout{grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr)}.device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-two,.live-layout{grid-template-columns:1fr}.hero-copy{max-width:73%}.hero-art{right:-40px;opacity:.7}.workspace{grid-template-columns:230px minmax(0,1fr)}.login-brand{padding:45px 35px}.login-brand h1{font-size:34px}.login-brand .hero-art{right:20px;transform:scale(1.3)}.environment{font-size:10px}.topbar-right{gap:10px}}
@media(max-width:760px){.app-shell{display:block}.sidebar{transform:translateX(-100%);transition:transform .2s;box-shadow:10px 0 30px #18343020}.sidebar.open{transform:translateX(0)}.sidebar.open::after{content:"";position:fixed;left:200px;top:0;width:100vw;height:100vh;background:#17382d33;z-index:-1}.mobile-menu{display:flex}.breadcrumb>span,.breadcrumb>svg{display:none}.topbar{height:65px;padding:0 18px}.topbar-right>.icon-button{display:none}.content{padding:25px 18px}.page-heading{align-items:flex-start;gap:12px;margin-bottom:22px}.page-heading>.button{padding:10px;font-size:11px;margin-top:8px}h1{font-size:24px}.page-description{font-size:11px;max-width:260px}.hero{padding:24px;min-height:178px}.hero h2{font-size:20px}.hero-art{right:-78px;top:22px;opacity:.45}.hero-copy{max-width:86%}.hero p{font-size:11px}.stats{gap:10px;margin-bottom:20px}.stat{padding:16px}.stat-value{font-size:27px}.stat-foot{font-size:9px}.grid-two{gap:20px}.panel-header{padding:19px 19px}.panel-body{padding:0 19px 20px}.workspace{grid-template-columns:1fr}.select-panel{padding:20px}.script-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:270px;overflow:auto}.mode-options{grid-template-columns:repeat(4,minmax(0,1fr))}.script-content{padding:0 20px 22px;font-size:12px}.script-meta{padding-left:20px;padding-right:20px}.script-footer{padding:18px 20px}.device-grid{grid-template-columns:1fr}.live-stage{padding:20px}.live-stage-name{font-size:21px}.live-toolbar{flex-wrap:wrap}.live-toolbar select{max-width:none;flex:1;min-width:220px}.usage-info{padding:20px;display:block}.usage-engine{display:inline-block;margin-top:14px}.login-page{display:block}.login-brand{padding:30px}.login-brand h1{font-size:25px;margin-top:25px}.login-brand p{font-size:11px;margin-top:12px;max-width:290px}.login-brand .hero-art{transform:scale(.8);right:-25px;bottom:20px;opacity:.3}.login-panel{padding:35px 25px}.login-inner h2{font-size:22px}.login-inner>p{margin-bottom:20px}.brand{padding-bottom:30px}.login-brand .brand-title{font-size:20px}.login-brand .brand-mark{height:31px;width:31px}.login-brand .brand-sub{font-size:8px}.form-grid{grid-template-columns:1fr}.modal-head,.modal-body,.modal-footer{padding-left:20px;padding-right:20px}.modal-body{max-height:65vh}.data-table th,.data-table td{padding-left:18px;padding-right:18px}.toolbar{padding:15px 18px}.toolbar-count{white-space:nowrap}#toast-region{bottom:20px;left:20px;right:20px;max-width:none}.footer-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.loop-setting{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.loop-setting strong{font-size:11px;font-weight:500;color:#68855b;display:block}.loop-setting span{font-size:10px;color:#9aa78e;display:block;margin-top:7px;line-height:1.6}
.ocr-candidate{padding:15px 0;border-top:1px solid var(--line)}.ocr-candidate:first-child{border-top:0}.ocr-candidate-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:10px}.ocr-review-text{padding:17px;border:1px solid var(--line);border-radius:10px;background:#f4f8f0;line-height:1.9;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}#ocr-candidates{max-height:420px;overflow:auto}.ocr-candidate .comment-text{overflow-wrap:anywhere}

.ocr-field-label{display:inline-block;font-size:10px;color:var(--muted);margin-right:9px}.ocr-question{margin-top:6px}.ocr-match-details{margin-top:5px;overflow-wrap:anywhere}.ocr-reply{padding:12px;margin-top:10px;border:1px solid var(--line);border-radius:9px;background:#f6f9f2}.ocr-reply .comment-head{gap:8px;flex-wrap:wrap}.ocr-reply .comment-head strong{font-size:11px;font-weight:500;color:var(--text)}.ocr-job-id{margin-top:5px}.ocr-candidate>.comment-head{gap:8px;flex-wrap:wrap}.ocr-candidate-footer>.form-help{overflow-wrap:anywhere;flex:1;min-width:0}.ocr-candidate-footer>.button-row{flex-shrink:0}

.ai-qa-help{margin:0 0 16px}.ocr-ai-analysis{margin-top:10px;padding:10px 12px;border-left:3px solid #b8cdb4;background:#f8faf5;border-radius:0 7px 7px 0}.ocr-ai-analysis .comment-head{gap:8px;flex-wrap:wrap}.ocr-ai-analysis .comment-head strong{font-size:11px;font-weight:500;color:var(--text)}.ocr-ai-analysis .form-help{margin-top:4px;overflow-wrap:anywhere}

.trial-access-banner{align-items:flex-start}.trial-access-banner strong{font-size:12px}.trial-access-banner p{margin-top:5px;font-size:11px;line-height:1.8}.trial-admin-note{margin-top:18px;line-height:1.9}.trial-code-hint{font-family:ui-monospace,SFMono-Regular,monospace;white-space:nowrap}.trial-table td{vertical-align:top}.trial-table .button-row{min-width:265px}.trial-expiry-shortcuts{margin-top:10px}.login-tabs{flex-wrap:wrap;gap:16px}