/* 3 — Studio. Graphite, bright blue controls and a crisp technical finish. */
:root[data-theme=dark]{--bg-base:#0e1015;--glass:#1a1d25;--glass-strong:#252a35;--glass-soft:#20242e;--glass-border:#343b49;--glass-edge:transparent;--glass-shadow:0 14px 50px -22px #000;--inner-top:none;--text:#f3f5fc;--text-muted:#adb7cd;--text-subtle:#95a2bb;--accent:#77a5ff;--accent-hover:#a8c5ff;--accent-on:#071d40;--accent-soft:#263650;--accent-grad:linear-gradient(#8ab2ff,#6098ff);--input-bg:#12151c;--input-border:#343d50;--input-border-h:#5975a1;--ok:#82d5bb;--danger:#f3a9b0;--grid:rgba(149,168,201,.045)}
:root[data-theme=light]{--bg-base:#e8edf5;--glass:#fdfefe;--glass-strong:#eef3fa;--glass-soft:#f0f4fb;--glass-border:#cbd6e7;--glass-edge:transparent;--glass-shadow:0 14px 40px -22px #798aab;--inner-top:none;--text:#152745;--text-muted:#4b6385;--text-subtle:#617597;--accent:#255df0;--accent-hover:#1748c6;--accent-on:#fff;--accent-soft:#e4edff;--accent-grad:linear-gradient(#3572ff,#255cf0);--input-bg:#fff;--input-border:#cbd6e7;--input-border-h:#738fc1;--ok:#157c65;--danger:#b9485c;--grid:rgba(78,107,152,.07)}
body{background-color:var(--bg-base);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:32px 32px}.card,button,input,textarea,.code-pill,.icon-btn,.qr-link,.dropzone,.file-item{backdrop-filter:none;-webkit-backdrop-filter:none}.topbar{padding:0 0 2px}.pad-card{border-radius:11px;border-top:2px solid var(--accent);padding:27px;box-shadow:var(--glass-shadow)}.card:before{display:none}.pad-head{padding-bottom:19px;border-bottom:1px solid var(--glass-border);margin-bottom:18px}.session-block{gap:19px}.qr-link{width:103px;height:103px;border-radius:7px;background:#fff;box-shadow:none}.session-info{gap:9px}.meta-label{font-size:9px;letter-spacing:1.2px;font-family:var(--mono)}.code-pill{min-width:195px;height:47px;background:var(--input-bg);border-color:var(--accent);border-radius:6px;color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);font-size:26px;letter-spacing:5px}.code-pill:hover{transform:none;box-shadow:0 0 0 4px var(--accent-soft)}.icon-btn{height:47px;width:47px;box-shadow:none;border-radius:6px}.icon-btn:hover{transform:none;box-shadow:none;border-color:var(--accent)}.theme-toggle,.topbar button.compact{border-radius:6px;box-shadow:none}.theme-toggle:hover{transform:none}.switch-row input{border-radius:6px;font-size:15px;box-shadow:none;background:var(--input-bg)}.switch-btn{border-radius:6px;box-shadow:none;font-size:12px}.toggle{font-size:11px}.hint{font-size:12px}.pad-wrap{border-radius:7px;box-shadow:0 0 0 3px color-mix(in srgb,var(--input-border) 16%,transparent)}.editor-toolbar{padding:11px 14px 11px 20px;min-height:57px;background:var(--glass-soft)}.editor-caption{font-family:var(--mono);font-size:10px;letter-spacing:1.2px;text-transform:uppercase;display:flex;align-items:center;gap:9px}.editor-caption:before{content:'';display:block;width:5px;height:5px;border-radius:1px;background:var(--accent)}.copy-all{background:var(--accent-grad);color:var(--accent-on);border-color:transparent;border-radius:5px;font-size:11px;box-shadow:none}.copy-all:hover{color:var(--accent-on)}.copy-all.done{background:var(--ok);color:var(--bg-base)}#pad{font-size:15px;line-height:1.95;padding:24px 27px}#pad:focus{box-shadow:inset 3px 0 0 var(--accent)}.dropzone{border-radius:7px;background:var(--input-bg);box-shadow:none;border-color:var(--input-border-h);padding:22px}.dropzone:hover,.dropzone.drag{transform:none;box-shadow:none;background:var(--accent-soft)}.dz-inner>svg{color:var(--accent)}.dz-inner strong{font-size:13px}.dz-sub{font-size:11px}.danger{box-shadow:none!important;border-radius:6px!important;font-size:11px!important}.file-item,.up-item{box-shadow:none;border-radius:6px;background:var(--input-bg)}.file-item:hover{transform:none;box-shadow:none}.design-picker{background:var(--glass);border-bottom-color:var(--glass-border)}.design-option{border-radius:5px}.design-option>span{border-radius:3px}
@media(max-width:640px){.pad-card{padding:16px}.qr-link{width:80px;height:80px}.session-block{gap:12px}.code-pill{min-width:0;height:40px;font-size:21px;letter-spacing:3px}.icon-btn{height:40px;width:35px}.meta-label{font-size:8px;letter-spacing:.6px}.switch-row input{font-size:16px}.hint{font-size:11px}.editor-toolbar{padding:10px 11px 10px 14px;min-height:53px}.editor-caption{font-size:9px;letter-spacing:.6px;gap:6px}.copy-all{min-width:91px}#pad{font-size:16px;padding:18px 15px}.dropzone{padding:16px 14px}.dz-inner strong{font-size:12px}.dz-sub{font-size:10px}}