.app-body{background:radial-gradient(circle at 80% 5%,#082b58 0,transparent 28%),#020a17}.studio-wrap{min-height:calc(100vh - 76px);display:grid;grid-template-columns:minmax(390px,520px) 1fr;gap:0}.glass-panel{background:#041329dd;border-inline-end:1px solid #ffffff0d;backdrop-filter:blur(24px)}.studio-side{padding:36px max(22px,4vw);overflow:auto;max-height:calc(100vh - 76px)}.side-head h1{font-size:40px;letter-spacing:-.04em;margin:8px 0}.side-head p{color:#88a4c1;margin:0 0 24px}.progress-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:24px}.progress-steps span{display:grid;gap:5px;color:#55789c;font-size:9px;font-weight:800}.progress-steps i{height:3px;border-radius:99px;background:#0d2a49;font-size:0}.progress-steps span.active{color:#8ddfff}.progress-steps span.active i{background:linear-gradient(90deg,#28caff,#21d2ff)}#shareForm{display:grid;gap:14px}.upload-zone{height:155px;border:1.5px dashed #225d91;border-radius:20px;display:grid;place-items:center;align-content:center;gap:5px;background:#061a34;cursor:pointer;transition:.2s}.upload-zone:hover,.upload-zone.drag{border-color:#28caff;background:#08254b}.upload-icon{width:38px;height:38px;border-radius:13px;background:#159eff22;color:#35c9ff;display:grid;place-items:center;font-size:20px}.upload-zone strong{font-size:15px}.upload-zone small{color:#7597b8}.field{display:grid;gap:7px}.field>label,.picker-head b{font-size:11px;color:#96aec6;font-weight:800}.field input{width:100%;background:#05162b;border:1px solid #174772;border-radius:12px;color:#edf7ff;padding:12px 13px;outline:none}.field input:focus{border-color:#31bfff77;box-shadow:0 0 0 3px #109cff12}.range-row{display:grid;grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:7px;color:#7092b1;font-size:9px}.range-row input{padding:0;border:0;accent-color:#20b9ff}.toggle-card{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px;border:1px solid #174772;border-radius:14px;background:#05162b}.toggle-card div{display:grid;gap:3px}.toggle-card b{font-size:12px}.toggle-card small{color:#627d73;font-size:9px}.switch input{display:none}.switch span{display:block;width:39px;height:22px;background:#17324d;border-radius:99px;position:relative;cursor:pointer;transition:.2s}.switch span:after{content:'';position:absolute;width:16px;height:16px;border-radius:50%;background:#8aa0b6;top:3px;left:3px;transition:.2s}.switch input:checked+span{background:#1b9fff}.switch input:checked+span:after{left:20px;background:#03162a}.picker-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.picker-head a{font-size:9px;color:#36c9ff}.plan-tabs{display:grid;grid-template-columns:1fr 1fr;background:#07110f;border:1px solid #1d342c;border-radius:12px;padding:3px;margin-bottom:8px}.plan-tabs button{background:transparent;border:0;color:#6c8dab;padding:8px;border-radius:9px;cursor:pointer;font-size:10px;font-weight:900}.plan-tabs button.active{background:#0b3159;color:#b5e9ff}.plan-options{display:grid;gap:6px}.plan-opt{display:flex;align-items:center;gap:10px;background:#05162b;border:1px solid #18446a;border-radius:12px;padding:10px;cursor:pointer}.plan-opt:has(input:checked){border-color:#28bfff88;background:#08254b;box-shadow:inset 0 0 0 1px #68e8ba16}.plan-opt input{accent-color:#22bfff}.plan-opt span{display:grid;flex:1}.plan-opt b{font-size:11px}.plan-opt small{font-size:8px;color:#6d8ead}.plan-opt em{font-style:normal;color:#b5cce1;font-size:10px;font-weight:900}.plan-opt.free em{color:#39d6ff}.plan-opt.featured:after{content:'POPULAR';font-size:7px;color:#02101f;background:#35c9ff;padding:3px 5px;border-radius:99px}.submit-main{width:100%;border:0;margin-top:5px}.submit-main b{font-size:18px}.form-status{text-align:center;color:#8aa9c7;font-size:10px;min-height:14px}.form-status.error{color:#ff7e95}.preview-stage{padding:45px max(28px,5vw);display:flex;flex-direction:column;justify-content:center;min-width:0}.preview-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.preview-top h2{margin:5px 0 0;font-size:28px}.preview-badges{display:flex;gap:6px}.preview-badges span{padding:7px 9px;border:1px solid #ffffff0f;border-radius:99px;color:#789188;font-size:9px}.browser-mock{border:1px solid #225a8b;border-radius:22px;overflow:hidden;background:#05152b;box-shadow:0 45px 120px #0007;min-height:600px}.browser-bar{height:48px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:0 16px;border-bottom:1px solid #ffffff0d}.address{background:#020a17;border:1px solid #153c60;border-radius:9px;padding:8px 12px;text-align:center;color:#668aac;font-size:9px;direction:ltr}.preview-canvas{height:510px;background:#061426;display:grid;place-items:center;position:relative;overflow:hidden}.preview-canvas iframe,.preview-canvas img{width:100%;height:100%;border:0;object-fit:contain;background:#eaf4fb}.empty-preview{display:grid;place-items:center;gap:12px;color:#718fab}.doc-glyph{width:90px;height:118px;border-radius:12px;background:#dcebf5;color:#0c4c7c;display:grid;place-items:center;font-weight:1000;box-shadow:0 20px 60px #0005}.preview-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-32deg);font-size:clamp(16px,2vw,28px);font-weight:1000;letter-spacing:.08em;color:#0b69aa55;border:2px solid #0b69aa44;padding:12px 20px;pointer-events:none;white-space:nowrap;opacity:.35}.viewer-footer{height:42px;padding:0 16px;display:flex;justify-content:space-between;align-items:center;color:#6c8dab;font-size:9px}.viewer-footer span:first-child{display:flex;align-items:center;gap:7px}.explain-card{margin-top:14px;padding:17px;border:1px solid #ffffff0d;border-radius:16px;background:#ffffff035;display:flex;gap:13px}.explain-icon{width:34px;height:34px;border-radius:11px;background:#139fff18;display:grid;place-items:center;color:#36c9ff;flex:0 0 auto}.explain-card b{font-size:11px}.explain-card p{color:#718faa;font-size:10px;line-height:1.5;margin:5px 0 0}.modal{position:fixed;inset:0;background:#010713e6;backdrop-filter:blur(18px);z-index:100;display:grid;place-items:center;padding:20px}.modal-card{width:min(520px,100%);background:#06162d;border:1px solid #27aefb55;border-radius:26px;padding:34px;box-shadow:0 50px 140px #000b;position:relative;text-align:center}.modal-x{position:absolute;top:14px;inset-inline-end:14px;border:0;background:#ffffff08;color:#7898b5;width:32px;height:32px;border-radius:9px;cursor:pointer}.success-mark{width:54px;height:54px;border-radius:17px;background:#159fff22;color:#3bd5ff;display:grid;place-items:center;margin:0 auto 14px;font-size:25px}.modal-card h2{font-size:31px;margin:0 0 8px}.modal-card>p{color:#7e968d;font-size:12px}.share-box,.owner-box>div{display:grid;grid-template-columns:1fr auto;gap:5px;direction:ltr}.share-box input,.owner-box code{background:#020a17;border:1px solid #1b4f7c;color:#d7eafb;border-radius:11px;padding:11px;min-width:0;text-align:left}.share-box button,.owner-box button{width:42px;border:1px solid #1b4f7c;background:#092747;color:#43d5ff;border-radius:11px;cursor:pointer}.owner-box{background:#041326;border:1px solid #ffffff0d;padding:12px;border-radius:13px;margin-top:10px;text-align:start}.owner-box small{display:block;color:#7795b2;margin-bottom:6px;font-size:9px}.share-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.morning-pay{width:100%;margin-top:8px;background:#fff4c9;color:#2e2410}.modal-card>small{display:block;color:#738da8;margin-top:8px}.hidden{display:none!important}@media(max-width:980px){.studio-wrap{grid-template-columns:1fr}.studio-side{max-height:none}.preview-stage{padding:35px 22px}.browser-mock{min-height:500px}.preview-canvas{height:420px}}@media(max-width:600px){.studio-side{padding:28px 18px}.side-head h1{font-size:32px}.preview-stage{padding:28px 16px}.preview-top{align-items:start;flex-direction:column;gap:10px}.browser-mock{min-height:440px}.preview-canvas{height:360px}.range-row{grid-template-columns:1fr}.share-actions{grid-template-columns:1fr}}

/* =========================================================
   DeliverShield V3.4 — APP UI matching the public hero mockup
   ========================================================= */
:root{--ds-app-bg:#031021;--ds-app-panel:#071a31;--ds-app-panel2:#0a213d;--ds-app-line:#1b4b76;--ds-app-blue:#159cff;--ds-app-cyan:#25d2ff;--ds-app-green:#29d69b;--ds-app-red:#ff6378;--ds-app-muted:#7f9fbd}
.dashboard-v34,.studio-v34{background:radial-gradient(circle at 85% 0,#0a3b6b55,transparent 30%),linear-gradient(180deg,#020b18,#031225 62%,#020a15);min-height:100vh}
.app-frame{min-height:100vh;display:grid;grid-template-columns:230px minmax(0,1fr);direction:ltr}
html[dir="rtl"] .app-frame{direction:rtl}
.app-sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#031327,#020b18);border-inline-end:1px solid #153a5e;display:flex;flex-direction:column;padding:18px 12px;z-index:25;box-shadow:18px 0 60px #0003}
.app-brand{width:100%;height:64px;border-radius:14px;background:#fff;display:grid;place-items:center;padding:8px;margin-bottom:20px}.app-brand img{max-width:100%;max-height:100%;object-fit:contain}.app-nav{display:grid;gap:7px}.app-nav a{min-height:48px;padding:0 13px;border-radius:12px;display:flex;align-items:center;gap:11px;color:#83a2c0;font-size:12px;font-weight:780;border:1px solid transparent;transition:.18s}.app-nav a span{width:28px;height:28px;border-radius:9px;background:#082344;display:grid;place-items:center;color:#53d8ff}.app-nav a:hover{background:#061a34;color:#eaf7ff;border-color:#174a75}.app-nav a.active{background:linear-gradient(135deg,#0e66d9,#139cff);color:#fff;border-color:#33caff66;box-shadow:0 10px 30px #007cff25}.app-nav a.active span{background:#ffffff18;color:#fff}.sidebar-security-card{margin-top:auto;border:1px solid #1d5b8d;border-radius:17px;background:radial-gradient(circle at 50% 0,#0b65b844,transparent 55%),#06172c;padding:16px;display:grid;gap:7px;color:#dff5ff}.sidebar-security-card .mini-shield{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#118bff,#27d4ff);display:grid;place-items:center;box-shadow:0 8px 26px #079aff33}.sidebar-security-card b{font-size:12px}.sidebar-security-card small{font-size:9px;line-height:1.5;color:#7798b6}.sidebar-home{margin-top:10px;text-align:center;color:#6f8daa;font-size:10px;padding:10px}
.app-workspace{min-width:0;direction:ltr}.app-workspace>*{direction:ltr}html[dir="rtl"] .app-workspace,html[dir="rtl"] .app-workspace>*{direction:rtl}
.app-topbar{height:72px;position:sticky;top:0;z-index:20;background:#041224e8;border-bottom:1px solid #15395b;backdrop-filter:blur(22px);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px}.app-search-wrap{width:min(520px,58vw);height:42px;border:1px solid #1a4b77;border-radius:12px;background:#020d1e;display:flex;align-items:center;gap:10px;padding:0 13px}.app-search-wrap span{color:#50d4ff}.app-search-wrap input{width:100%;border:0;outline:0;background:transparent;color:#e8f5ff;font-size:12px}.app-user-actions{margin-inline-start:auto}.app-email{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#90abc4;font-size:10px}.icon-btn{border:1px solid #1c4e78;background:#06192f;color:#dbefff;border-radius:11px;min-width:44px;height:40px;cursor:pointer;font-weight:850}.studio-top-title{display:flex;align-items:center;gap:10px}.studio-top-title b{font-size:13px}.studio-top-title .kicker{font-size:9px}
.dashboard-main{padding:30px clamp(18px,3vw,38px) 70px;max-width:1560px;width:100%;margin:0 auto}.dashboard-intro{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:22px}.dashboard-intro h1{font-size:clamp(31px,4vw,50px);letter-spacing:-.045em;line-height:1.04;margin:6px 0 8px}.dashboard-intro p{margin:0;color:#819fbb;max-width:690px;font-size:12px;line-height:1.65}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.summary-grid article{min-height:120px;border:1px solid #1c4a73;border-radius:18px;background:linear-gradient(180deg,#081c35,#051427);padding:17px;display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:start;box-shadow:inset 0 1px #ffffff08}.summary-icon{grid-row:1/3;width:42px;height:42px;border-radius:13px;background:#083662;color:#42d6ff;display:grid;place-items:center;font-size:16px}.summary-grid small{color:#7191ae;font-size:9px;font-weight:800}.summary-grid strong{font-size:29px;letter-spacing:-.04em;color:#f5fbff;align-self:end}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.72fr);gap:15px}.dashboard-panel{border:1px solid #1b4a73;border-radius:20px;background:linear-gradient(180deg,#071b33,#041225);box-shadow:0 24px 70px #0004;overflow:hidden}.panel-head{padding:18px 18px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #123b61}.panel-head.compact{border-bottom:0;padding-bottom:4px}.panel-head h2{margin:0;font-size:19px}.panel-head p{margin:5px 0 0;color:#718eaa;font-size:10px}.files-table-head{display:grid;grid-template-columns:minmax(170px,2fr) .8fr .55fr 1.1fr 86px;gap:10px;padding:10px 17px;color:#5f7e9b;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #123653}.modern-links{display:grid}.link-row-v34{display:grid;grid-template-columns:minmax(170px,2fr) .8fr .55fr 1.1fr 86px;gap:10px;align-items:center;padding:11px 17px;border-bottom:1px solid #0f304d;transition:.16s;cursor:default}.link-row-v34:last-child{border-bottom:0}.link-row-v34:hover,.link-row-v34.selected{background:#0a2441}.link-row-v34.selected{box-shadow:inset 3px 0 #1cb9ff}.row-select{display:flex;align-items:center;gap:10px;background:transparent;border:0;color:#dcedfb;text-align:inherit;padding:0;cursor:pointer;min-width:0}.file-icon{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#0f75e5,#31cfff);display:grid;place-items:center;font-size:8px;font-weight:1000;color:#fff;flex:0 0 auto}.file-name{min-width:0;display:grid;gap:3px}.file-name b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.file-name small{font-size:8px;color:#6787a5}.status{width:max-content;border-radius:99px;padding:5px 9px;font-size:8px;font-weight:900;background:#103454;color:#9fdfff}.status.active,.detail-status.active{background:#0e4e42;color:#70f0c1}.status.expired,.status.revoked,.detail-status.expired,.detail-status.revoked{background:#4b202c;color:#ff9aab}.status.pending_payment,.detail-status.pending_payment{background:#4b3b12;color:#ffd779}.row-views{font-size:10px;color:#c8dced}.row-expiry{font-size:8px;color:#6d8da9}.row-actions{display:flex;justify-content:flex-end;gap:5px}.row-actions button,.row-actions a{width:28px;height:28px;border-radius:8px;border:1px solid #22547d;background:#05192e;color:#98bedc;display:grid;place-items:center;cursor:pointer;text-decoration:none}.row-actions button:hover,.row-actions a:hover{border-color:#2bcaff;color:#fff}.dashboard-side{display:grid;gap:15px;align-content:start}.inspector-panel{padding-bottom:16px}.doc-preview-card{margin:8px 16px 15px;min-height:245px;border-radius:15px;background:linear-gradient(180deg,#f9fcff,#deebf5);color:#071a2e;padding:25px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;box-shadow:inset 0 0 0 1px #d5e5ef}.doc-preview-card:after{content:"";position:absolute;width:230px;height:230px;background:linear-gradient(135deg,#c6dcec,#7db6db);transform:rotate(45deg);right:-80px;bottom:-115px;border-radius:20px}.doc-type{background:#108dff;color:#fff;font-size:7px;font-weight:1000;padding:4px 7px;border-radius:5px}.doc-preview-card>b{font-size:19px;line-height:1.1;margin-top:18px;max-width:75%;z-index:2}.doc-lines{display:grid;gap:6px;width:54%;margin-top:20px}.doc-lines i{height:5px;border-radius:99px;background:#aec8d9}.doc-lines i:nth-child(2){width:82%}.doc-lines i:nth-child(3){width:60%}.doc-watermark{position:absolute;top:58%;left:50%;transform:translate(-50%,-50%) rotate(-30deg);color:#0b74b63a;font-size:14px;font-weight:1000;white-space:nowrap;z-index:3}.link-detail-list{margin:0 16px;border:1px solid #17436b;border-radius:13px;overflow:hidden}.link-detail-list>div{min-height:42px;padding:0 11px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #143a5e}.link-detail-list>div:last-child{border-bottom:0}.link-detail-list span{font-size:9px;color:#7191ae}.link-detail-list b{font-size:9px;color:#d8ebfa;text-align:end}.inspector-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 16px 0}.subscription-card{padding:17px;display:flex;justify-content:space-between;align-items:center}.subscription-card h3{margin:4px 0 0;font-size:15px}.subscription-card small,.subscription-card p{color:#6f8da9;font-size:9px;margin:5px 0 0}.plan-orb{width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,#6138ef,#9b5cff);display:grid;place-items:center;color:#fff;font-size:18px}.empty{padding:44px 20px;text-align:center;color:#718fab}.mobile-app-nav{display:none}
/* Studio V3.4 */
.studio-shell-v34{display:grid;grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr);min-height:calc(100vh - 72px)}.studio-controls-panel{border-inline-end:1px solid #17446c;background:linear-gradient(180deg,#06182e,#031020);padding:28px clamp(18px,2.4vw,32px) 55px;overflow:auto}.studio-intro h1{font-size:clamp(30px,3.6vw,44px);margin:6px 0 10px;letter-spacing:-.04em}.studio-intro p{color:#7897b3;font-size:11px;line-height:1.65;margin:0 0 18px}.studio-v34 .progress-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0 0 16px}.studio-v34 .progress-steps span{border:1px solid #163f66;background:#051427;border-radius:11px;padding:8px 6px;display:flex;align-items:center;gap:6px;color:#6686a4;font-size:8px}.studio-v34 .progress-steps span.active{border-color:#1aaeff;background:#0a2749;color:#dff6ff}.studio-v34 .progress-steps i{width:20px;height:20px;border-radius:7px;background:#0a3763;display:grid;place-items:center;font-style:normal;color:#45d6ff}.studio-v34 #shareForm{display:grid;gap:11px}.studio-v34 .upload-zone{min-height:150px;border:1px dashed #2c81b8;border-radius:17px;background:radial-gradient(circle at 50% 0,#0d5d9b33,transparent 60%),#041326;display:grid;place-items:center;text-align:center;align-content:center;gap:7px;cursor:pointer;transition:.18s}.studio-v34 .upload-zone:hover{border-color:#3bd9ff;background-color:#07203b}.studio-v34 .upload-icon{width:44px;height:44px;border-radius:14px;background:#0d3965;color:#47d8ff;display:grid;place-items:center;font-size:22px}.studio-v34 .upload-zone strong{font-size:13px}.studio-v34 .upload-zone small{font-size:9px;color:#7193b1}.controls-grid,.toggle-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.studio-v34 .field{display:grid;gap:6px}.studio-v34 .field label{font-size:9px;color:#819fba;font-weight:850}.studio-v34 .field input{width:100%;border:1px solid #1b4b76;background:#020e20;color:#e8f5ff;border-radius:11px;padding:11px 12px;outline:0}.studio-v34 .field input:focus{border-color:#27c8ff;box-shadow:0 0 0 3px #169eff17}.watermark-card{border:1px solid #17436c;border-radius:15px;padding:12px;background:#051427}.studio-v34 .range-row{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:7px;align-items:center;color:#6788a7;font-size:8px}.studio-v34 .range-row input{padding:0;border:0;accent-color:#1ebeff}.studio-v34 .toggle-card{border:1px solid #17436c;border-radius:14px;background:#051427;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.studio-v34 .toggle-card div{display:grid;gap:4px}.studio-v34 .toggle-card b{font-size:10px}.studio-v34 .toggle-card small{font-size:8px;color:#6b89a6;line-height:1.45}.studio-v34 .plan-picker{border:1px solid #17436c;border-radius:16px;background:#041326;padding:12px}.studio-v34 .picker-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.studio-v34 .picker-head b{font-size:10px}.studio-v34 .picker-head a{font-size:8px;color:#41d4ff}.studio-v34 .plan-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#020d1e;border-radius:10px;padding:4px;margin-bottom:8px}.studio-v34 .plan-tabs button{border:0;background:transparent;color:#6889a8;border-radius:8px;padding:8px;font-size:9px;font-weight:900;cursor:pointer}.studio-v34 .plan-tabs button.active{background:linear-gradient(135deg,#0e75e8,#1dc6ff);color:#fff}.studio-v34 .plan-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.studio-v34 .plan-opt{min-height:52px;border:1px solid #17436c;border-radius:11px;background:#06172c;padding:9px;display:flex;align-items:center;gap:8px;cursor:pointer}.studio-v34 .plan-opt:has(input:checked){border-color:#27bfff;background:#0a2547;box-shadow:inset 0 0 0 1px #2cd3ff44}.studio-v34 .plan-opt span{display:grid;flex:1}.studio-v34 .plan-opt b{font-size:9px}.studio-v34 .plan-opt small{font-size:7px;color:#6687a5}.studio-v34 .plan-opt em{font-style:normal;font-size:9px;font-weight:900}.studio-v34 .submit-main{min-height:50px;width:100%;border:0}.studio-v34 .preview-stage{padding:30px clamp(18px,3vw,42px);display:flex;flex-direction:column;justify-content:center;min-width:0;background:radial-gradient(circle at 55% 30%,#0c3f7233,transparent 45%)}.studio-v34 .preview-top{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-bottom:13px}.studio-v34 .preview-top h2{font-size:25px;margin:4px 0 0}.studio-v34 .preview-badges{display:flex;gap:6px}.studio-v34 .preview-badges span{border:1px solid #1c527f;border-radius:99px;background:#06182e;color:#82a8c7;font-size:8px;padding:6px 9px}.studio-v34 .browser-mock{border:1px solid #2371aa;border-radius:20px;background:#041224;overflow:hidden;box-shadow:0 35px 100px #0007;min-height:500px}.studio-v34 .browser-bar{height:43px;border-bottom:1px solid #153a5e;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:0 13px}.studio-v34 .address{background:#020b18;border:1px solid #153f65;border-radius:8px;text-align:center;padding:7px;color:#5f81a0;font-size:8px;direction:ltr}.studio-v34 .preview-canvas{height:430px;display:grid;place-items:center;background:#061426;position:relative;overflow:hidden}.studio-v34 .preview-canvas iframe,.studio-v34 .preview-canvas img{width:100%;height:100%;border:0;object-fit:contain;background:#edf5fb}.studio-v34 .empty-preview{display:grid;place-items:center;gap:10px;color:#718faa}.studio-v34 .doc-glyph{width:86px;height:108px;border-radius:12px;background:#e3eef6;color:#0f578b;display:grid;place-items:center;font-size:25px}.studio-v34 .preview-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-32deg);font-size:clamp(15px,2vw,27px);font-weight:1000;letter-spacing:.08em;color:#0c6ba34c;border:2px solid #0c6ba333;padding:10px 18px;pointer-events:none;white-space:nowrap}.studio-v34 .viewer-footer{height:40px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;color:#6889a7;font-size:8px}.studio-v34 .explain-card{margin-top:12px;border:1px solid #17436c;border-radius:14px;background:#06162a;padding:13px;display:flex;gap:11px}.studio-v34 .explain-icon{width:34px;height:34px;border-radius:10px;background:#0a3967;color:#48d7ff;display:grid;place-items:center;flex:0 0 auto}.studio-v34 .explain-card b{font-size:10px}.studio-v34 .explain-card p{font-size:9px;line-height:1.5;color:#718faa;margin:4px 0 0}
@media(max-width:1180px){.app-frame{grid-template-columns:190px minmax(0,1fr)}.dashboard-grid{grid-template-columns:1fr}.dashboard-side{grid-template-columns:1fr 1fr}.studio-shell-v34{grid-template-columns:minmax(330px,.9fr) minmax(0,1.1fr)}.summary-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.app-frame{display:block}.app-sidebar{display:none}.app-topbar{height:64px;padding:0 13px}.app-search-wrap{width:min(100%,460px)}.app-email{display:none}.dashboard-main{padding:20px 13px 92px}.dashboard-intro{align-items:start;flex-direction:column}.dashboard-intro .btn{width:100%}.summary-grid{grid-template-columns:1fr 1fr;gap:8px}.summary-grid article{min-height:95px;padding:13px}.summary-icon{width:36px;height:36px}.summary-grid strong{font-size:24px}.files-table-head{display:none}.link-row-v34{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"file status" "expiry views" "actions actions";gap:8px;padding:12px}.row-select{grid-area:file}.link-row-v34>.status{grid-area:status}.row-views{grid-area:views;text-align:end}.row-expiry{grid-area:expiry}.row-actions{grid-area:actions;justify-content:stretch}.row-actions button,.row-actions a{flex:1;width:auto;height:36px}.dashboard-side{grid-template-columns:1fr}.mobile-app-nav{display:grid;position:fixed;bottom:0;left:0;right:0;z-index:60;grid-template-columns:repeat(4,1fr);background:#031225ef;border-top:1px solid #1b4d76;backdrop-filter:blur(20px);padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));direction:ltr}.mobile-app-nav a{min-height:52px;border-radius:11px;display:grid;place-items:center;color:#6889a7;font-size:8px;gap:2px}.mobile-app-nav a span{font-size:16px}.mobile-app-nav a.active{background:#0b3158;color:#dff6ff}.mobile-app-nav a b{font-size:7px}.studio-shell-v34{display:block;padding-bottom:82px}.studio-controls-panel{border-inline-end:0;border-bottom:1px solid #17436c;padding:20px 13px 26px}.studio-v34 .preview-stage{padding:24px 13px 96px}.studio-v34 .browser-mock{min-height:420px}.studio-v34 .preview-canvas{height:350px}.studio-top-title .kicker{display:none}.studio-top-title b{font-size:11px}}
@media(max-width:520px){.summary-grid{grid-template-columns:1fr 1fr}.summary-grid article{grid-template-columns:auto 1fr}.summary-grid small{font-size:8px}.summary-grid strong{font-size:20px}.inspector-actions,.controls-grid,.toggle-grid{grid-template-columns:1fr}.studio-v34 .plan-options{grid-template-columns:1fr}.studio-v34 .progress-steps{grid-template-columns:1fr 1fr}.studio-v34 .preview-top{align-items:start;flex-direction:column}.app-search-wrap{width:100%}.app-topbar .nav-actions .btn.text{display:none}}