:root{color-scheme:dark;--bg:#0c1219;--panel:#141e29;--panel-high:#192633;--line:#293846;--text:#edf3f5;--muted:#9aaebc;--accent:#9cdeb9;--accent-dark:#112c20;--error:#ffbcad;--radius:20px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% -30%,#203a39 0,transparent 60%),var(--bg);color:var(--text);line-height:1.55}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid transparent;border-radius:10px;padding:.72rem 1rem;font-weight:650;transition:background .15s,border-color .15s}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button.primary{background:var(--accent);color:#10231a}button.primary:hover:not(:disabled){background:#b5ebcc}button.secondary{color:var(--text);border-color:#405261;background:#1d2a36}button.secondary:hover:not(:disabled){background:#2c3c49}button.quiet{background:transparent;color:var(--muted);border-color:var(--line)}button.quiet:hover:not(:disabled){color:var(--text);background:var(--panel-high)}button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:var(--accent-dark)}[hidden]{display:none!important}.shell{width:min(1280px,calc(100% - 80px));margin:auto}.header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--text);font-weight:760;font-size:1.32rem;letter-spacing:-.04em;line-height:1.3}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:var(--accent);color:#102b1d;font-size:1.8rem;font-weight:850}.brand-sub{display:block;letter-spacing:.17em;font-size:.59rem;color:var(--muted);font-weight:650;margin-top:3px}.header-actions{display:flex;align-items:center;gap:15px}.pill{display:inline-flex;padding:.27rem .7rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.78rem;white-space:nowrap}.small{font-size:.87rem}.muted{color:var(--muted)}.eyebrow{color:var(--accent);font-size:.7rem;letter-spacing:.17em;font-weight:750}h1,h2,p{margin-top:0}h1{font-size:clamp(2rem,4vw,3.6rem);line-height:1.12;letter-spacing:-.045em;font-weight:650;margin-bottom:1rem}h2{font-size:1.22rem;line-height:1.3;letter-spacing:-.02em;margin-bottom:1rem;font-weight:650}p{color:var(--muted)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:42px 0 28px}.page-heading h1{font-size:2.5rem;margin-top:9px;margin-bottom:10px}.page-heading p{margin-bottom:0;max-width:620px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.status-pill{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:.83rem;border:1px solid var(--line);padding:9px 13px;border-radius:999px;background:#111b24;color:var(--muted)}.status-dot{width:7px;height:7px;background:#728591;border-radius:50%;flex:none}.status-pill.live{color:var(--accent);border-color:#365849}.status-pill.live .status-dot{background:var(--accent);box-shadow:0 0 0 4px #9cdeb911}.viewer-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:24px}.screen-top,.screen-bottom{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:17px 22px;font-size:.85rem}.screen-top{border-bottom:1px solid var(--line)}.screen-bottom{border-top:1px solid var(--line);color:var(--muted);font-size:.73rem;min-height:50px}.image-stage{position:relative;background:#0a1118;display:flex;justify-content:center;align-items:center;overflow:hidden}.viewer-stage{min-height:470px;padding:25px}.image-stage img{display:block;max-width:100%;max-height:70vh;object-fit:contain;image-rendering:auto}.empty-state{text-align:center;max-width:340px;padding:55px 24px}.empty-state h2{font-size:1.15rem}.empty-state p{font-size:.9rem;margin-bottom:0}.phone-symbol{width:40px;height:62px;border:2px solid #4e6473;border-radius:10px;margin:0 auto 27px;position:relative}.phone-symbol:after{content:"";position:absolute;width:12px;height:3px;border-radius:3px;background:#4e6473;bottom:7px;left:12px}.steps-card{padding:28px}.steps-card h2{margin-top:12px;font-size:1.36rem}.steps{list-style:none;padding:0;margin:25px 0 28px}.steps li{display:flex;gap:13px;margin-bottom:22px;align-items:flex-start}.steps li>span{display:grid;place-items:center;min-width:28px;height:28px;border-radius:9px;background:var(--panel-high);border:1px solid var(--line);color:var(--accent);font-size:.8rem}.steps p{font-size:.9rem;margin:2px 0 0}.note{border-left:2px solid #486856;padding:2px 0 2px 15px;color:var(--muted);font-size:.82rem;line-height:1.65}.auth-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:80px;align-items:center;max-width:1010px;margin:76px auto 100px}.intro h1{margin-top:20px;font-size:clamp(2.5rem,5vw,4.2rem)}.intro>p{font-size:1.08rem;max-width:450px}.intro .note{margin-top:32px;max-width:390px}.auth-card{padding:34px}.auth-card h2{margin-bottom:26px}.auth-card label,form>label{display:block;font-size:.85rem;color:var(--text);margin-top:21px;margin-bottom:8px}input,select{width:100%;color:var(--text);background:#0f1821;border:1px solid #344654;border-radius:9px;padding:11px 12px;min-width:0}input:focus,select:focus{border-color:var(--accent)}.auth-card .primary{width:100%;margin-top:27px}.hint{display:block;font-size:.75rem;line-height:1.5;color:var(--muted);margin-top:9px}.form-error{font-size:.85rem;color:var(--error);margin:16px 0 0;min-height:0}.form-error:empty{display:none}.notice{margin-top:22px;padding:12px 17px;border:1px solid #79554d;background:#332522;color:var(--error);border-radius:10px;font-size:.88rem}.center-panel{max-width:680px;text-align:center;margin:100px auto 130px}.center-panel h1{margin-top:22px;font-size:2.8rem}.center-panel button{margin-top:20px}.admin-grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:24px;align-items:start}.admin-stage{min-height:400px;padding:20px}.admin-stage img{max-height:650px;user-select:none}.admin-stage.control-active img{cursor:crosshair;outline:2px solid var(--accent);outline-offset:4px}.admin-settings{display:grid;gap:18px}.settings-card{padding:24px;position:relative}.section-number{color:#739485;font-size:.7rem;font-weight:700;letter-spacing:.1em;margin-bottom:8px}.settings-card h2{margin-bottom:15px}.settings-card form>label{margin-top:0}.input-row{display:flex;align-items:center;gap:8px}.input-row select{flex:1}.input-row button{font-size:1.3rem;line-height:1.3;padding:9px 14px}.settings-card form>button{margin-top:15px}.crop-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.crop-grid label{font-size:.8rem;color:var(--muted)}.crop-grid input{margin-top:5px}.button-row{display:flex;gap:8px;flex-wrap:wrap}.button-row button{flex:1;white-space:nowrap}.control-bar{padding:18px 22px;border-top:1px solid var(--line)}.control-bar>.secondary{width:100%;margin-bottom:12px}.control-bar .button-row{margin-bottom:10px}.control-bar .button-row button{font-size:.8rem;padding:.6rem .55rem}.control-bar .hint{margin-bottom:0}.sharing-card{border-color:#375044}.preview-title{font-size:.78rem;color:var(--muted);margin:20px 0 9px}.preview-stage{border:1px solid var(--line);border-radius:10px;min-height:130px;padding:12px}.preview-stage img{max-height:300px}.compact{padding:20px;font-size:.83rem}.admin-note{margin:24px 0 0;max-width:800px}footer{display:flex;justify-content:space-between;gap:20px;color:#6e8594;font-size:.73rem;border-top:1px solid var(--line);padding:24px 0 34px;margin-top:60px}@media(max-width:1000px){.shell{width:calc(100% - 48px)}.admin-grid{grid-template-columns:minmax(0,1fr) 340px}.viewer-layout{grid-template-columns:minmax(0,1fr) 280px}.steps-card{padding:22px}.auth-layout{gap:40px}.page-heading{align-items:flex-start}.status-pill{margin-top:20px}}@media(max-width:760px){.shell{width:calc(100% - 32px)}.header{height:86px}.brand{font-size:1.15rem}.brand-mark{width:38px;height:38px}.header-actions{gap:8px}.header-actions .pill{display:none}.header-actions button{font-size:.8rem;padding:.6rem .8rem}.page-heading{flex-direction:column;gap:16px;padding:30px 0 22px}.page-heading h1{font-size:2.1rem}.page-heading p{font-size:.92rem}.status-pill{margin-top:0}.viewer-layout,.admin-grid,.auth-layout{grid-template-columns:1fr}.viewer-stage{min-height:340px;padding:18px}.steps-card{padding:24px}.steps{display:grid;gap:12px;margin:22px 0}.steps li{margin:0}.auth-layout{margin:40px auto 55px;gap:30px}.intro h1{font-size:2.9rem}.intro>p{font-size:1rem}.intro .note{margin-top:20px}.auth-card{padding:25px}.screen-top,.screen-bottom{padding:14px 17px}.screen-top>.pill{font-size:.65rem}.admin-stage{min-height:340px}.admin-stage img{max-height:65vh}.admin-settings{gap:16px}.center-panel{margin:65px auto 90px}.center-panel h1{font-size:2.2rem}footer{flex-direction:column;gap:7px;margin-top:40px}.notice{font-size:.8rem}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Private crop selection, session duration and account controls. */
#login-role-field label,.field-label{display:block;font-size:.85rem;color:var(--text);margin:0 0 8px}.image-mode-row{gap:8px}.image-mode-row button{white-space:normal!important}.admin-stage.crop-active img{cursor:crosshair;touch-action:none}.crop-overlay{position:absolute;pointer-events:none;z-index:2;border:2px solid var(--accent);box-shadow:0 0 0 9999px #05100b55;background:#9cdeb912;min-width:1px;min-height:1px}.crop-overlay.unsaved{border-style:dashed}.crop-overlay>span{position:absolute;top:2px;left:2px;padding:2px 5px;background:#10251feb;color:#d0f4df;border-radius:4px;font-size:.62rem;white-space:nowrap;max-width:160px;overflow:hidden}.control-active .crop-overlay{display:none}.countdown{font-size:.95rem;font-variant-numeric:tabular-nums;color:var(--accent);min-height:1.5em;margin:13px 0}.password-card summary{font-size:1rem;cursor:pointer;font-weight:650}.password-card summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.password-card[open] summary{margin-bottom:17px}.password-card form>label{margin-top:15px}.form-result{font-size:.82rem;color:var(--error);margin:14px 0 0}.form-result:empty{display:none}.form-result.success{color:var(--accent)}.test-notice{border:1px solid #9e7734;border-radius:10px;background:#342b18;color:#f5d89d;padding:12px 17px;margin-top:22px;font-size:.88rem}.screen-bottom{flex-wrap:wrap}.image-mode-row+p{margin:4px 0 15px}.preview-title{line-height:1.45}