*{box-sizing:border-box}
:root{--bg:#070b14;--card:#0c1424;--ink:#f7f9ff;--muted:#8d98af;--line:#22314a;--accent:#7af0c4;--accent2:#58b8ff;--danger:#ff8b8b}
html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at 15% 5%,rgba(63,121,255,.12),transparent 24%),linear-gradient(180deg,#070b14,#09111e 62%,#070b14);color:var(--ink)}
button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.hidden{display:none!important}a{color:inherit}
.topbar{height:74px;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,4vw,54px);background:rgba(7,11,20,.82);backdrop-filter:blur(18px);border-bottom:1px solid #ffffff12}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#051019;font-weight:900}.brand small{font-size:9px;letter-spacing:2px;color:var(--accent);margin-left:6px}.topbar nav{display:flex;gap:24px}.topbar nav a{font-size:12px;color:#aab4c8;text-decoration:none}.top-cta,.button{border:1px solid var(--line);border-radius:13px;text-decoration:none;font-size:12px;font-weight:800;padding:11px 15px;background:#111a2b;color:#fff}.button.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#051019;border-color:transparent}.button.secondary{background:#0d1626}
main{width:min(1180px,calc(100% - 34px));margin:auto}.hero{min-height:620px;display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:center;padding:80px 0 65px}.eyebrow{display:block;font:800 10px ui-monospace,monospace;letter-spacing:3px;color:#7e8ba5;margin-bottom:14px}.hero h1,.tool-shell h2,.why-section h2,.about-section h2{margin:0;font-size:clamp(40px,6vw,76px);line-height:1;letter-spacing:-3px}.hero h1 em{display:block;font-style:normal;background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p,.section-copy,.about-section p,.built-by p{color:#94a0b6;line-height:1.75}.hero-actions{display:flex;gap:10px;margin-top:26px}.stash-visual{background:linear-gradient(180deg,#0e1b30,#091321);border:1px solid #2a3a57;border-radius:26px;padding:18px;box-shadow:0 30px 90px #0007}.stash-top{display:flex;justify-content:space-between;color:#79869c;font:800 9px ui-monospace,monospace;letter-spacing:2px;margin-bottom:13px}.ready{color:var(--accent)}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-grid button{min-height:120px;border:1px solid #283a57;background:#0d182a;border-radius:16px;text-align:left;color:#fff;padding:16px}.mini-grid b,.mini-grid small{display:block}.mini-grid small{color:#8793a9;margin-top:6px}
.tool-shell,.why-section,.about-section{padding:90px 0}.tool-shell h2,.why-section h2,.about-section h2{font-size:clamp(36px,5vw,58px)}.tool-search-wrap{margin:24px 0 14px}.tool-search-wrap input{width:100%;height:58px;border:1px solid #2a3a57;border-radius:16px;background:#091321;color:#fff;padding:0 16px;outline:none}.category-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.category-tabs button{border:1px solid #26364f;background:#0d1626;color:#8895ab;padding:8px 12px;border-radius:999px;font-size:10px;font-weight:800}.category-tabs button.active{background:#17342a;color:#8cf1ca;border-color:#2a5a49}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tool-card{min-height:145px;border:1px solid #22334f;background:linear-gradient(145deg,#0c1627,#091221);border-radius:18px;padding:18px;text-align:left;color:#fff}.tool-card strong,.tool-card small{display:block}.tool-card small{color:#8290a7;line-height:1.55;margin-top:8px}.why-section{border-top:1px solid #ffffff0f}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px}.why-grid article{border:1px solid #21324c;background:#0a1322;border-radius:18px;padding:20px}.why-grid p{color:#8390a7;font-size:11px;line-height:1.6}.about-section{display:grid;grid-template-columns:1fr .8fr;gap:48px;border-top:1px solid #ffffff0f}.built-by{border:1px solid #2a3a57;background:#0a1423;border-radius:18px;padding:22px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;margin-bottom:80px}.built-by a{color:var(--accent);text-decoration:none;font-size:12px;font-weight:800}footer{padding:24px 0 35px;border-top:1px solid #ffffff0f;color:#748199;font-size:10px;width:min(1180px,calc(100% - 34px));margin:auto}
.tool-modal-backdrop{position:fixed;inset:0;z-index:100;background:#02060cce;backdrop-filter:blur(10px);display:grid;place-items:center;padding:18px}.tool-modal{position:relative;width:min(720px,100%);max-height:90vh;overflow:auto;background:#0d1729;border:1px solid #334662;border-radius:22px;padding:22px}.modal-close{position:absolute;right:14px;top:14px;width:40px;height:40px;border-radius:12px;border:1px solid #30415d;background:#101b2e;color:#fff;font-size:24px}.tool-modal h2{margin-top:0}.tool-panel{display:grid;gap:13px}.tool-panel label{display:grid;gap:6px;color:#8997ae;font-size:10px;font-weight:800}.tool-panel input,.tool-panel textarea,.tool-panel select{width:100%;border:1px solid #2b3d5a;background:#08111f;color:#fff;border-radius:12px;padding:12px}.tool-panel textarea{min-height:120px}.tool-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tool-actions{display:flex;gap:8px;flex-wrap:wrap}.tool-actions button{border:1px solid #2b3d59;background:#111c30;color:#fff;border-radius:11px;padding:10px 12px;font-size:10px;font-weight:800}.tool-actions button.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#07111a;border-color:transparent}.result-box{border:1px solid #263a56;background:#091423;border-radius:14px;padding:15px}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.result-stat{border:1px solid #23344e;background:#0d1728;border-radius:12px;padding:12px}.result-stat span{display:block;color:#728199;font-size:9px;text-transform:uppercase}.result-stat strong{display:block;margin-top:4px}.qr-output{min-height:220px;display:grid;place-items:center;background:#fff;border-radius:14px;padding:16px}.qr-output img,.qr-output canvas{max-width:100%!important;height:auto!important}.toast{position:fixed;z-index:200;left:50%;bottom:22px;transform:translateX(-50%);background:#101a2d;border:1px solid #35506f;border-radius:12px;padding:10px 13px;font-size:11px}
@media(max-width:900px){.topbar nav{display:none}.hero{grid-template-columns:1fr}.tool-grid{grid-template-columns:1fr 1fr}.why-grid{grid-template-columns:1fr 1fr}.about-section{grid-template-columns:1fr}.built-by{grid-template-columns:1fr}}
@media(max-width:620px){.top-cta{display:none}.hero{padding-top:48px}.hero h1{font-size:44px}.tool-grid,.why-grid{grid-template-columns:1fr}.mini-grid button{min-height:105px}.tool-two,.result-grid{grid-template-columns:1fr}}

.tool-note{color:var(--muted);margin:0 0 14px}.break-code{word-break:break-all;font-size:.82rem}
.diff-output{white-space:pre-wrap;overflow:auto;max-height:340px;background:#07101f;border:1px solid var(--line);border-radius:14px;padding:14px;line-height:1.55}
.palette-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px}
.swatch{display:flex!important;align-items:center;gap:10px;text-align:left!important}.swatch i{display:block;width:42px;height:42px;border-radius:10px;border:1px solid rgba(255,255,255,.15)}
@media(min-width:650px){.palette-grid{grid-template-columns:repeat(4,1fr)}}


/* QuickStashPRO v3 — Image Editor */
.image-editor-tool{max-width:1100px}
.ie-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}
.ie-file-btn{display:inline-flex!important;align-items:center;justify-content:center;min-height:42px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:#111c30;color:var(--ink);font-weight:800;cursor:pointer}
.ie-file-btn input{display:none}
.ie-stage-wrap{position:relative;display:flex;align-items:center;justify-content:center;min-height:260px;max-height:65vh;overflow:auto;background:#050b16;border:1px solid var(--line);border-radius:18px;padding:10px;touch-action:none}
#ieCanvas{display:block;max-width:100%;height:auto;box-shadow:0 18px 50px rgba(0,0,0,.35);touch-action:none}
.ie-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);padding:30px;text-align:center;pointer-events:none}
.ie-empty.hidden{display:none}
.ie-status{margin:10px 0 14px;color:var(--muted);font-size:.9rem}
.ie-controls{display:grid;gap:14px}
.ie-panel-block{border:1px solid var(--line);border-radius:16px;padding:14px;background:#0c1628}
.ie-panel-block>strong{display:block;margin-bottom:12px}
.ie-layer-actions{display:flex;flex-wrap:wrap}
#ieLayerSelect{width:100%;margin-bottom:10px}
.image-editor-tool input[type=range]{width:100%}
.image-editor-tool label span{float:right;color:var(--muted)}
@media(min-width:850px){.ie-controls{grid-template-columns:1.4fr .9fr}}


/* =========================================================
   QuickStashPRO v4 — Touch-friendly Image Studio
   ========================================================= */
.image-studio{max-width:1250px;padding:0!important;overflow:hidden}
.is-topbar{position:sticky;top:0;z-index:8;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px;background:rgba(8,16,31,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.is-top-actions{display:flex;gap:8px;flex-wrap:wrap}
.is-topbar button,.is-file-btn,.is-mini-file{min-height:42px}
.is-file-btn,.is-mini-file{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;padding:9px 13px;background:#101b2e;font-weight:800;cursor:pointer}
.is-file-btn.primaryish{background:linear-gradient(135deg,var(--accent),#56bfff);color:#05101a;border:0}
.is-file-btn input,.is-mini-file input{display:none}
.is-workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;min-height:620px}
.is-canvas-column{min-width:0;padding:14px;background:#07101d}
.is-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:420px;max-height:72vh;overflow:auto;padding:12px;border:1px solid #1a2a45;border-radius:18px;background:
  linear-gradient(45deg,#0b1321 25%,transparent 25%),linear-gradient(-45deg,#0b1321 25%,transparent 25%),
  linear-gradient(45deg,transparent 75%,#0b1321 75%),linear-gradient(-45deg,transparent 75%,#0b1321 75%),#08101b;
background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0;touch-action:none}
#isCanvas{display:block;max-width:100%;height:auto;box-shadow:0 20px 70px rgba(0,0,0,.45);touch-action:none}
.is-empty{position:absolute;inset:0;display:grid;place-items:center;padding:30px;text-align:center;color:var(--muted);pointer-events:none}
.is-empty.hidden,.hidden{display:none!important}
.is-canvas-footer{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:.82rem;padding:9px 4px 0}
.is-sidepanel{border-left:1px solid var(--line);background:#0b1425}
.is-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);position:sticky;top:0;background:#0b1425;z-index:5}
.is-tabs button{border:0;border-radius:0;background:transparent;padding:14px 6px;color:var(--muted);font-weight:900}
.is-tabs button.active{color:var(--text);box-shadow:inset 0 -2px 0 var(--accent)}
.is-tab{display:none;padding:14px}.is-tab.active{display:block}
.is-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.is-panel-heading h3{margin:2px 0 0;font-size:1.15rem}
.is-layer-list{display:grid;gap:8px}
.is-layer-row{display:grid!important;grid-template-columns:46px minmax(0,1fr) 28px;align-items:center;gap:10px;width:100%;padding:9px!important;text-align:left!important;border-radius:12px!important;background:#101b2d!important}
.is-layer-row.selected{outline:2px solid rgba(102,247,213,.65);background:#13263a!important}
.is-layer-row>span:nth-child(2){min-width:0}
.is-layer-row strong,.is-layer-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.is-layer-row small{color:var(--muted);margin-top:3px}
.is-layer-thumb{width:46px;height:46px;object-fit:cover;border-radius:9px;border:1px solid var(--line)}
.base-thumb{display:grid;place-items:center;background:linear-gradient(135deg,#16253e,#0d1626);font-weight:900;color:var(--muted)}
.is-lock,.is-layer-menu{justify-self:end;color:var(--muted)}
.is-mini-file{padding:7px 10px;font-size:.82rem}
.is-empty-panel{border:1px dashed var(--line);border-radius:14px;padding:28px 16px;text-align:center;color:var(--muted)}
.is-nudge{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:12px}
.is-nudge button{font-size:1.15rem}
.is-size-row{display:grid;grid-template-columns:1fr 42px 1fr;gap:8px;align-items:end}
.is-aspect{height:45px;padding:0!important}.is-aspect.active{border-color:var(--accent)!important;color:var(--accent)!important;background:rgba(102,247,213,.08)!important}
.is-range-label{display:block;margin-top:12px}.is-range-label>span{float:right;color:var(--muted)}.is-range-label input{width:100%;margin-top:8px}
.is-button-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px}
.danger-lite{border-color:rgba(255,110,130,.35)!important;color:#ff9aaa!important}
.is-export-btn{width:100%;margin-top:12px}
.is-cropbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px;padding:10px;border:1px solid var(--line);border-radius:14px;background:#0d182a}
.is-cropbar strong{margin-right:4px}.is-cropbar button.active{border-color:var(--accent)!important;color:var(--accent)!important}

@media(max-width:900px){
  .image-studio{margin-left:-2px;margin-right:-2px}
  .is-topbar{position:relative;padding:10px}
  .is-workspace{display:block;min-height:0}
  .is-canvas-column{padding:10px}
  .is-stage{min-height:300px;max-height:58vh}
  .is-sidepanel{border-left:0;border-top:1px solid var(--line)}
  .is-tabs{position:sticky;top:0}
  .is-tab{padding:12px}
}
@media(max-width:560px){
  .is-topbar{display:grid;grid-template-columns:1fr}
  .is-top-actions{display:grid;grid-template-columns:repeat(4,1fr)}
  .is-top-actions:first-child{grid-template-columns:1.25fr 1.1fr .55fr .55fr}
  .is-topbar button,.is-file-btn{padding:9px 7px!important;font-size:.78rem;min-height:40px}
  .is-stage{min-height:260px;padding:7px;border-radius:13px}
  .is-canvas-footer{font-size:.74rem}
  .is-layer-row{grid-template-columns:42px minmax(0,1fr) 24px}
  .is-layer-thumb{width:42px;height:42px}
  .is-button-grid{grid-template-columns:repeat(2,1fr)}
  .tool-two{grid-template-columns:1fr 1fr!important}
  .is-cropbar{position:sticky;bottom:8px;z-index:7}
}

/* QuickStashPRO — QR Studio */
.qr-studio{max-width:1050px}.qr-type-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-bottom:6px}.qr-type-grid button{display:grid;place-items:center;gap:5px;min-height:68px;padding:8px 5px;border:1px solid var(--line);border-radius:12px;background:#0a1424;color:#9aa7bc;font-size:18px}.qr-type-grid button span{font-size:9px;font-weight:900}.qr-type-grid button.active{border-color:var(--accent);background:rgba(122,240,196,.09);color:#fff;box-shadow:inset 0 0 0 1px rgba(122,240,196,.18)}.qr-studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px;align-items:start}.qr-form-card,.qr-style-card,.qr-preview-card{border:1px solid var(--line);border-radius:17px;background:#091423;padding:15px}.qr-form-heading{display:grid;gap:3px;margin-bottom:14px}.qr-form-heading span,.panel-kicker{font:900 9px ui-monospace,monospace;letter-spacing:2px;color:var(--accent)}.qr-form-heading strong{font-size:18px}.qr-style-card{margin-top:12px}.qr-style-card summary{cursor:pointer;font-weight:900;color:#dce5f5}.qr-style-controls{display:grid;gap:10px;margin-top:14px}.qr-style-controls input[type=color]{height:46px;padding:5px}.qr-check{display:flex!important;grid-template-columns:auto 1fr;align-items:center;align-self:end;min-height:46px}.qr-check input{width:auto!important;margin:0 8px 0 0}.qr-main-actions{margin-top:12px}.qr-preview-card{position:sticky;top:10px;display:grid;gap:12px}.qr-preview-card .qr-output{min-height:290px;padding:14px}.qr-preview-card .qr-output img,.qr-preview-card .qr-output canvas{width:min(100%,320px)!important}.qr-payload-preview{min-height:48px;max-height:110px;overflow:auto;padding:10px;border:1px solid #22344e;border-radius:10px;background:#07101d;color:#8290a7;font-size:10px;line-height:1.45;word-break:break-word;white-space:pre-wrap}.qr-download{width:100%;border:0;border-radius:11px;padding:12px;font-weight:900;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#06111a}@media(max-width:850px){.qr-type-grid{grid-template-columns:repeat(4,1fr)}.qr-studio-layout{grid-template-columns:1fr}.qr-preview-card{position:static}}@media(max-width:520px){.qr-type-grid{grid-template-columns:repeat(3,1fr)}.qr-type-grid button{min-height:62px}.qr-form-card,.qr-style-card,.qr-preview-card{padding:12px}.qr-preview-card .qr-output{min-height:245px}}


/* =========================================================
   QuickStashPRO PWA / installed app shell
   ========================================================= */
.top-actions-app{display:flex;align-items:center;gap:9px}
.install-app-btn{border:1px solid rgba(102,247,213,.42);background:rgba(102,247,213,.08);color:#8ff8dc;border-radius:12px;padding:10px 14px;font-weight:900}
.app-library,.app-bottom-nav{display:none}
.tool-card{position:relative}
.tool-fav{display:none;position:absolute;right:9px;top:9px;z-index:2;width:34px!important;height:34px!important;min-height:0!important;padding:0!important;border:1px solid #29405f!important;border-radius:10px!important;background:rgba(6,14,27,.88)!important;color:#91a0b8!important;font-size:20px!important;line-height:1!important}
.tool-fav:hover{color:#fff!important}

@media(display-mode:standalone){
  html,body{overscroll-behavior:none}
  body{padding-bottom:82px}
  .topbar{padding-top:max(12px,env(safe-area-inset-top));min-height:72px}
  .topbar nav,.top-cta,.install-app-btn{display:none!important}
  .hero,.why-section,.about-section,.built-by,footer{display:none!important}
  .tool-shell{padding-top:28px}
  .tool-shell>.eyebrow{display:none}
  .tool-shell>h2{font-size:30px;margin-bottom:5px}
  .tool-shell>h2::before{content:"QuickStash ";color:var(--text)}
  .tool-shell>h2{font-size:0}
  .tool-shell>h2::before{font-size:30px}
  .tool-shell>h2::after{content:"Tools";font-size:30px;color:var(--accent)}
  .section-copy{margin-top:0}
  .app-library{display:grid;gap:14px;margin:18px 0 20px}
  .app-library-block{border:1px solid var(--line);border-radius:16px;background:#0a1424;padding:12px}
  .app-library-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;color:#8796ad;font:900 9px ui-monospace,monospace;letter-spacing:2px}
  .app-library-head button{border:0;background:none;color:#7ef0cf;font:800 10px inherit}
  .app-library-head small{font:700 9px system-ui;letter-spacing:0;color:#65748c}
  .app-mini-list{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
  .app-mini-list::-webkit-scrollbar{display:none}
  .app-mini-tool{flex:0 0 155px;text-align:left!important;border:1px solid #263955!important;background:#0e1a2d!important;border-radius:12px!important;padding:11px!important}
  .app-mini-tool strong,.app-mini-tool small{display:block}
  .app-mini-tool small{color:#718098;margin-top:4px}
  .app-empty-list{color:#66758c;font-size:11px;padding:8px 2px}
  .tool-fav{display:grid;place-items:center}
  .app-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);z-index:170;left:0;right:0;bottom:0;padding:7px 8px max(7px,env(safe-area-inset-bottom));background:rgba(5,11,22,.96);border-top:1px solid #1d304b;backdrop-filter:blur(16px)}
  .app-bottom-nav button{display:grid;place-items:center;gap:2px;border:0;background:none;color:#718098;padding:3px 2px}
  .app-bottom-nav button span{font-size:23px;line-height:1}
  .app-bottom-nav button small{font-size:9px;font-weight:800}
  .app-bottom-nav button:active{color:var(--accent)}
  .toast{bottom:92px}
  .modal{padding-bottom:82px}
}
@media(max-width:620px){
  .top-actions-app{margin-left:auto}
  .install-app-btn{padding:9px 11px;font-size:11px}
}


/* QuickStashPRO v4 — Image Studio polish */
.tool-modal.tool-modal-wide{width:min(1380px,calc(100vw - 28px));max-height:94vh;padding:0;overflow:hidden}
.tool-modal.tool-modal-wide>h2{margin:0;padding:18px 72px 14px 18px;border-bottom:1px solid var(--line);background:#0b1425;font-size:18px}
.tool-modal.tool-modal-wide>.modal-close{z-index:20}
.tool-modal.tool-modal-wide #toolModalBody{max-height:calc(94vh - 58px);overflow:auto}
.image-studio{max-width:none!important;background:#091220}
.image-studio .is-topbar button,.image-studio .is-tabs button,.image-studio .is-tab button,.image-studio .is-cropbar button{border:1px solid #263a57;background:#101b2e;color:#dce6f6;border-radius:10px;padding:9px 11px;font-weight:850;cursor:pointer}
.image-studio button:disabled{opacity:.38;cursor:not-allowed}
.image-studio button:hover,.is-file-btn:hover,.is-mini-file:hover{border-color:#3a5579;background:#13223a}
.image-studio button.primary,.image-studio .primaryish{box-shadow:0 8px 24px rgba(88,184,255,.12)}
.is-workspace{grid-template-columns:minmax(0,1fr) 360px}
.is-canvas-column{display:flex;flex-direction:column;min-height:0}
.is-stage{flex:1;min-height:500px;max-height:calc(94vh - 190px);overscroll-behavior:contain}
.is-stage:focus-within{border-color:#35527a}
#isCanvas{flex:0 0 auto;transform-origin:center center}
.is-canvas-footer{align-items:center;min-height:38px}
.is-zoom-controls{display:flex;align-items:center;gap:6px}
.is-zoom-controls button{min-width:34px;min-height:30px!important;padding:5px 8px!important;font-size:11px!important}
.is-zoom-controls span{min-width:46px;text-align:center;color:#c6d2e4;font-variant-numeric:tabular-nums}
.is-sidepanel{min-height:0}
.is-tabs{grid-template-columns:repeat(4,1fr)}
.is-tabs button{border:0!important;border-right:1px solid rgba(255,255,255,.04)!important;border-radius:0!important;background:transparent!important;padding:14px 4px!important;font-size:11px}
.is-tabs button.active{background:#0f1c30!important;color:#fff!important;box-shadow:inset 0 -2px 0 var(--accent)}
.is-tab{max-height:calc(94vh - 116px);overflow:auto}
.is-panel-heading h3{letter-spacing:-.3px}
.is-layer-row{transition:border-color .12s,background .12s,transform .12s}
.is-layer-row:hover{transform:translateY(-1px)}
.is-layer-row.selected{outline:none!important;border-color:#5edfc0!important;box-shadow:0 0 0 1px rgba(94,223,192,.34),0 8px 22px rgba(0,0,0,.18)}
.is-range-label{padding:10px 0 2px;border-bottom:1px solid rgba(255,255,255,.055)}
.is-range-label input[type=range]{accent-color:var(--accent)}
.is-adjust-hint{color:var(--muted);font-size:11px}
.is-cropbar{box-shadow:0 10px 30px rgba(0,0,0,.22)}

@media(max-width:900px){
  .tool-modal.tool-modal-wide{width:100%;height:100dvh;max-height:100dvh;border-radius:0;border:0}
  .tool-modal.tool-modal-wide>h2{padding-top:max(16px,env(safe-area-inset-top));}
  .tool-modal.tool-modal-wide #toolModalBody{max-height:calc(100dvh - 58px)}
  .is-stage{min-height:360px;max-height:56vh}
  .is-tab{max-height:none;overflow:visible}
}
@media(max-width:560px){
  .tool-modal.tool-modal-wide>h2{font-size:16px}
  .is-top-actions:nth-child(2){grid-template-columns:1fr 1fr 1.15fr}
  .is-tabs button{font-size:10px;padding:13px 2px!important}
  .is-stage{min-height:300px;max-height:50vh}
  .is-canvas-footer{align-items:flex-start;flex-direction:column}
  .is-zoom-controls{width:100%;justify-content:flex-end}
  .is-zoom-controls button{flex:0 0 auto}
}

/* =========================================================
   QuickStashPRO v5 — Mobile Image Studio shell
   ========================================================= */
.is-layer-empty{display:grid;gap:4px;padding:20px 14px;border:1px dashed #29405f;border-radius:14px;text-align:center;color:#dce6f6;background:#0a1424}
.is-layer-empty small{color:var(--muted);font-size:11px}
.is-crop-ratios{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;width:100%}
.is-crop-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:8px;width:100%;margin-top:8px}
.is-crop-start{width:100%}

@media(max-width:700px){
  .tool-modal-backdrop{padding:0;place-items:stretch}
  .tool-modal.tool-modal-wide{width:100%;height:100dvh;max-height:100dvh;border-radius:0!important;border:0!important;display:flex;flex-direction:column;background:#08111f}
  .tool-modal.tool-modal-wide>h2{flex:0 0 auto;margin:0;padding:15px 64px 14px 16px!important;min-height:56px;background:#0b1425;border-bottom:1px solid #20334e;font-size:17px;display:flex;align-items:center}
  .tool-modal.tool-modal-wide>.modal-close{top:9px;right:10px;width:42px;height:42px;border-radius:13px}
  .tool-modal.tool-modal-wide #toolModalBody{flex:1;min-height:0;max-height:none!important;overflow:hidden}
  .tool-modal.tool-modal-wide #toolModalBody>.image-studio{height:100%;display:flex;flex-direction:column;overflow:hidden}

  .image-studio .is-topbar{position:relative;top:auto;z-index:9;flex:0 0 auto;display:flex!important;flex-wrap:nowrap!important;gap:7px;padding:8px 9px!important;overflow-x:auto;overflow-y:hidden;background:#091525;border-bottom:1px solid #1c304a;scrollbar-width:none}
  .image-studio .is-topbar::-webkit-scrollbar{display:none}
  .image-studio .is-top-actions{display:flex!important;flex:0 0 auto;gap:7px;flex-wrap:nowrap!important}
  .image-studio .is-topbar button,.image-studio .is-file-btn{flex:0 0 auto;min-height:38px!important;height:38px;padding:7px 11px!important;border-radius:10px!important;font-size:11px!important;white-space:nowrap}
  .image-studio .is-file-btn.primaryish{min-width:106px}
  .image-studio #isUndo,.image-studio #isRedo{width:40px;padding:0!important;font-size:18px!important}

  .image-studio .is-workspace{flex:1;min-height:0;display:flex!important;flex-direction:column!important;overflow:hidden}
  .image-studio .is-canvas-column{flex:0 0 auto;display:flex;flex-direction:column;min-height:0;padding:8px 9px 5px!important;background:#07101d}
  .image-studio .is-stage{flex:none!important;width:100%;height:clamp(230px,40dvh,350px);min-height:0!important;max-height:none!important;padding:8px!important;border-radius:13px!important;overflow:auto;overscroll-behavior:contain;background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}
  .image-studio .is-empty{font-size:13px;padding:20px}
  .image-studio #isCanvas{max-width:none!important;max-height:none!important}
  .image-studio .is-canvas-footer{flex:0 0 auto;min-height:34px!important;padding:5px 2px 2px!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px;font-size:10px!important}
  .image-studio #isStatus{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .image-studio .is-zoom-controls{width:auto!important;flex:0 0 auto;display:flex;gap:4px;justify-content:flex-end}
  .image-studio .is-zoom-controls button{min-width:30px!important;width:auto;height:28px!important;min-height:28px!important;padding:3px 7px!important;font-size:10px!important}
  .image-studio .is-zoom-controls span{min-width:38px;font-size:10px}

  .image-studio .is-sidepanel{flex:1;min-height:0;display:flex;flex-direction:column;border-left:0!important;border-top:1px solid #20334e;background:#0b1425;overflow:hidden}
  .image-studio .is-tabs{position:relative!important;top:auto!important;z-index:7;flex:0 0 auto;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;width:100%;overflow:visible;border-bottom:1px solid #20334e;background:#0b1425}
  .image-studio .is-tabs button{min-width:0!important;padding:12px 2px!important;font-size:9px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .image-studio .is-tab{flex:1;min-height:0;max-height:none!important;overflow-y:auto!important;overscroll-behavior:contain;padding:12px 12px calc(16px + env(safe-area-inset-bottom))!important}
  .image-studio .is-tab:not(.active){display:none!important}
  .image-studio .is-panel-heading{margin-bottom:9px}
  .image-studio .is-panel-heading h3{font-size:17px;margin-top:1px}
  .image-studio .panel-kicker{font-size:8px;letter-spacing:1.6px}
  .image-studio .tool-note{font-size:10px;line-height:1.45;margin-bottom:10px}

  .image-studio .is-layer-list{gap:6px}
  .image-studio .is-layer-row{grid-template-columns:38px minmax(0,1fr) 20px!important;gap:8px;padding:7px!important;min-height:54px}
  .image-studio .is-layer-thumb{width:38px;height:38px;border-radius:8px}
  .image-studio .is-layer-row strong{font-size:13px}
  .image-studio .is-layer-row small{font-size:9px}
  .image-studio .is-layer-menu,.image-studio .is-lock{font-size:12px}
  .image-studio .is-mini-file{min-height:34px!important;padding:6px 9px!important;font-size:10px}

  .image-studio .is-empty-panel{padding:18px 12px;font-size:11px}
  .image-studio .is-nudge{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:9px}
  .image-studio .is-nudge button{min-height:36px;padding:5px!important}
  .image-studio .tool-two{grid-template-columns:1fr 1fr!important;gap:7px}
  .image-studio .is-size-row{grid-template-columns:1fr 36px 1fr;gap:6px}
  .image-studio .is-aspect{height:40px!important;min-height:40px!important}
  .image-studio .is-range-label{padding:7px 0 1px;margin-top:5px;font-size:10px}
  .image-studio .is-range-label input{margin-top:5px}
  .image-studio .is-button-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:9px}
  .image-studio .is-button-grid button{min-height:36px;padding:5px 3px!important;font-size:9px}
  .image-studio .tool-actions{gap:6px}
  .image-studio .tool-actions button{min-height:36px;padding:6px 8px!important;font-size:9px}

  .image-studio .is-cropbar{display:grid;gap:0;margin:0 0 10px;padding:0;border:0;background:transparent;box-shadow:none}
  .image-studio .is-cropbar.hidden{display:none!important}
  .image-studio .is-crop-ratios button,.image-studio .is-crop-actions button,.image-studio .is-crop-start{min-height:40px;padding:7px 5px!important;font-size:10px}
  .image-studio .is-crop-help{margin-bottom:12px}
  .image-studio .is-export-btn{min-height:44px}
}

@media(max-width:390px){
  .image-studio .is-stage{height:clamp(215px,37dvh,315px)}
  .image-studio .is-tabs button{font-size:8.5px!important}
  .image-studio .is-button-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* =========================================================
   QuickStashPRO v6 — Gesture-first mobile Image Studio
   ========================================================= */
.is-zoom-dock{position:absolute;left:50%;bottom:12px;z-index:6;transform:translateX(-50%);display:flex;align-items:center;gap:7px;width:min(560px,calc(100% - 24px));padding:8px 9px;border:1px solid rgba(77,112,157,.55);border-radius:15px;background:rgba(7,16,29,.88);backdrop-filter:blur(14px);box-shadow:0 10px 30px rgba(0,0,0,.3)}
.is-zoom-dock.disabled{opacity:.35;pointer-events:none}
.is-zoom-dock input[type=range]{flex:1;min-width:80px;margin:0;accent-color:var(--accent)}
.is-zoom-dock button{flex:0 0 auto;min-width:36px!important;min-height:36px!important;padding:5px 9px!important;border-radius:10px!important;font-size:12px!important}
.is-zoom-dock>span{flex:0 0 44px;text-align:center;font-size:11px;font-weight:900;color:#d8e4f5;font-variant-numeric:tabular-nums}
.is-gesture-hint{color:#66758b;font-size:10px;white-space:nowrap}

@media(max-width:700px){
  .tool-modal.tool-modal-wide>h2{min-height:52px!important;padding:13px 58px 12px 14px!important;font-size:18px!important}
  .tool-modal.tool-modal-wide>.modal-close{top:7px!important;right:8px!important;width:40px!important;height:40px!important}

  /* Four essential actions only. Crop/reset/export live in the bottom tool tabs. */
  .image-studio .is-topbar{display:block!important;padding:7px 8px!important;overflow:visible!important}
  .image-studio .is-top-actions:first-child{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) 42px 42px!important;width:100%;gap:6px}
  .image-studio .is-top-actions:nth-child(2){display:none!important}
  .image-studio .is-file-btn.primaryish{min-width:0!important}
  .image-studio .is-topbar button,.image-studio .is-file-btn{width:100%;min-width:0!important;height:38px!important;min-height:38px!important;padding:6px 8px!important;font-size:10px!important;overflow:hidden;text-overflow:ellipsis}
  .image-studio #isUndo,.image-studio #isRedo{width:42px!important;font-size:17px!important}

  .image-studio .is-canvas-column{padding:6px 7px 3px!important}
  .image-studio .is-stage{height:clamp(250px,43dvh,390px)!important;padding:6px 6px 58px!important;overflow:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x pan-y;background-color:#07101d}
  .image-studio .is-stage::-webkit-scrollbar{display:none}
  .image-studio #isCanvas{margin:auto;box-shadow:0 8px 30px rgba(0,0,0,.42)}
  .image-studio .is-empty{bottom:52px!important}

  .image-studio .is-zoom-dock{position:absolute;left:8px;right:8px;bottom:8px;transform:none;width:auto;padding:6px 7px;gap:5px;border-radius:13px}
  .image-studio .is-zoom-dock button{min-width:34px!important;width:34px!important;height:34px!important;min-height:34px!important;padding:4px!important;font-size:14px!important}
  .image-studio .is-zoom-dock .is-zoom-fit{width:40px!important;font-size:9px!important}
  .image-studio .is-zoom-dock .is-zoom-100{width:46px!important;font-size:9px!important}
  .image-studio .is-zoom-dock>span{flex-basis:38px;font-size:9px}
  .image-studio .is-zoom-dock input[type=range]{height:30px;min-width:70px}

  .image-studio .is-canvas-footer{min-height:25px!important;padding:3px 2px!important;font-size:9px!important}
  .image-studio .is-canvas-footer #isStatus{font-size:9px}
  .image-studio .is-gesture-hint{display:none}

  .image-studio .is-tabs{height:50px;grid-template-columns:repeat(5,1fr)!important}
  .image-studio .is-tabs button{display:flex;align-items:center;justify-content:center;padding:4px 1px!important;font-size:9px!important;line-height:1.05}
  .image-studio .is-tab{padding:10px 10px calc(12px + env(safe-area-inset-bottom))!important}
  .image-studio .is-empty-panel{padding:16px 10px!important}
}

@media(max-width:390px){
  .image-studio .is-stage{height:clamp(235px,40dvh,340px)!important}
  .image-studio .is-zoom-dock .is-zoom-100{display:none}
  .image-studio .is-zoom-dock>span{flex-basis:34px}
}

/* =========================================================
   QuickStashPRO v7 — Mobile-first Image Studio
   Gesture viewport + bottom tool dock + sheets
   ========================================================= */
.image-studio.is-v7{height:min(820px,88vh);max-width:none!important;padding:0!important;display:flex;flex-direction:column;overflow:hidden;background:#08111f;color:#edf4ff}
.is-v7 .is-mobile-head{display:flex;align-items:center;gap:10px;min-height:56px;padding:8px 10px;border-bottom:1px solid #20324b;background:#0a1526}
.is-v7 .is-icon-file{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 10px;border:1px solid #29405e;border-radius:11px;background:#101d31;font-weight:900;cursor:pointer}.is-v7 .is-icon-file input{display:none}.is-v7 .is-icon-file span{font-size:18px}.is-v7 .is-open-main{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#06111a;border:0}
.is-v7 .is-head-center{min-width:0;flex:1;display:grid;gap:1px}.is-v7 .is-head-center strong{font-size:14px}.is-v7 .is-head-center small{color:#75869f;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.is-v7 .is-head-actions{display:flex;gap:6px}.is-v7 .is-head-actions button{width:38px;height:38px;min-height:38px!important;padding:0!important;border-radius:11px!important;font-size:17px!important}.is-v7 .is-save-head{color:var(--accent)!important}
.is-v7 .is-workspace{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 360px}.is-v7 .is-canvas-column{min-height:0;display:flex;flex-direction:column;padding:10px;background:#060d18}.is-v7 .is-stage{position:relative;flex:1;min-height:380px;max-height:none!important;overflow:hidden!important;padding:0!important;border:1px solid #1d304a;border-radius:16px;background:linear-gradient(45deg,#0a1422 25%,transparent 25%),linear-gradient(-45deg,#0a1422 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#0a1422 75%),linear-gradient(-45deg,transparent 75%,#0a1422 75%),#08111d;background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;touch-action:none;user-select:none}
.is-v7 .is-canvas-world{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}.is-v7 .is-canvas-world.animate{transition:transform .2s ease}.is-v7 #isCanvas{display:block;max-width:none!important;max-height:none!important;touch-action:none;box-shadow:0 12px 45px rgba(0,0,0,.38)}
.is-v7 .is-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:24px;text-align:center;color:#7d8ca3}.is-v7 .is-empty strong{color:#e9f1ff;font-size:17px}.is-v7 .is-empty small{max-width:300px;font-size:10px;line-height:1.45}.is-v7 .is-empty-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid #29415f;border-radius:16px;background:#0d192a;font-size:27px}.is-v7 .is-empty-open{display:inline-flex;align-items:center;justify-content:center;margin-top:7px;min-height:40px;padding:8px 14px;border-radius:11px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#06111a;font-size:11px;font-weight:900;cursor:pointer}.is-v7 .is-empty-open input{display:none}
.is-v7 .is-view-controls{position:absolute;left:10px;bottom:10px;z-index:8;display:flex;align-items:center;gap:5px;padding:5px;border:1px solid rgba(75,111,158,.58);border-radius:13px;background:rgba(6,14,26,.88);backdrop-filter:blur(14px)}.is-v7 .is-view-controls button{min-width:35px;height:35px;min-height:35px!important;padding:4px 8px!important;border-radius:9px!important;font-size:13px!important}.is-v7 .is-view-controls button.active{border-color:var(--accent)!important;color:var(--accent)!important;background:rgba(122,240,196,.09)!important}.is-v7 .is-view-controls .is-zoom-label{min-width:44px;font-size:9px!important}
.is-v7 .is-zoom-pill{position:absolute;left:50%;top:12px;z-index:9;transform:translate(-50%,-8px);padding:6px 9px;border-radius:999px;background:rgba(6,14,26,.82);border:1px solid #29405d;color:#e8f0ff;font-size:10px;font-weight:900;opacity:0;pointer-events:none;transition:.16s ease}.is-v7 .is-zoom-pill.show{opacity:1;transform:translate(-50%,0)}
.is-v7 .is-canvas-footer{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:27px;padding:5px 2px 0;color:#74839b;font-size:9px}.is-v7 .is-canvas-footer #isStatus{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.is-v7 .is-gesture-hint{font-size:9px;white-space:nowrap}
.is-v7 .is-sidepanel{min-height:0;display:flex;flex-direction:column;border-left:1px solid #20324b;background:#0a1424;overflow:hidden}.is-v7 .is-main-tabs{display:grid!important;grid-template-columns:repeat(5,1fr)!important;flex:0 0 auto;border-bottom:1px solid #20324b;background:#0a1424;position:relative!important;top:auto!important}.is-v7 .is-main-tabs button{display:grid;place-items:center;gap:3px;min-width:0;min-height:58px;padding:7px 2px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#72829a!important}.is-v7 .is-main-tabs button>span{font-size:17px;line-height:1}.is-v7 .is-main-tabs button small{font-size:9px;font-weight:900}.is-v7 .is-main-tabs button.active{color:#eaf3ff!important;box-shadow:inset 0 -2px 0 var(--accent)}
.is-v7 .is-sidepanel>.is-tab{display:none;flex:1;min-height:0;overflow-y:auto;padding:14px!important}.is-v7 .is-sidepanel>.is-tab.active{display:block}.is-v7 .is-tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.is-v7 .is-tool-grid button,.is-v7 .is-tool-file{display:grid;place-items:center;gap:5px;min-height:78px;padding:9px 5px;border:1px solid #243852;border-radius:14px;background:#0e1a2c;color:#dce6f5;text-align:center;cursor:pointer}.is-v7 .is-tool-grid span{font-size:22px;color:#9aabc2}.is-v7 .is-tool-grid b{font-size:10px}.is-v7 .is-tool-file input{display:none}.is-v7 .is-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.is-v7 .is-quick-actions button{min-height:40px}
.is-v7 .is-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.is-v7 .is-section-head>div{display:grid;gap:1px}.is-v7 .is-section-head span{font:900 8px ui-monospace,monospace;letter-spacing:2px;color:var(--accent)}.is-v7 .is-section-head h3{margin:0;font-size:18px}.is-v7 .is-section-head>button{min-height:34px;padding:6px 9px!important;font-size:9px!important}
.is-v7 .is-adjust-stack,.is-v7 .is-effect-stack,.is-v7 .is-disclosure-panel{display:grid;gap:12px}.is-v7 .is-adjust-stack label,.is-v7 .is-effect-stack label,.is-v7 .is-disclosure-panel label{display:block;color:#98a7ba;font-size:10px;font-weight:800}.is-v7 .is-adjust-stack label>span,.is-v7 .is-effect-stack label>span,.is-v7 .is-disclosure-panel label>span{float:right;color:#d8e2f0}.is-v7 input[type=range]{width:100%;margin-top:7px;accent-color:var(--accent)}
.is-v7 .is-disclosure{display:flex;align-items:center;justify-content:space-between;width:100%;margin:14px 0 0;padding:11px 12px!important;border-radius:12px!important;text-align:left;font-size:10px!important}.is-v7 .is-disclosure.open span{transform:rotate(180deg)}.is-v7 .is-disclosure-panel{margin-top:10px;padding:12px;border:1px solid #243852;border-radius:13px;background:#0b1728}
.is-v7 .is-filter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:14px}.is-v7 .is-filter-grid button{display:grid;gap:5px;padding:6px!important;border-radius:12px!important}.is-v7 .is-filter-grid i{display:grid;place-items:center;aspect-ratio:1.2/1;border-radius:8px;background:linear-gradient(135deg,#2a3e59,#101b2e);color:#becbdb;font-size:9px;font-style:normal}.is-v7 .is-filter-grid b{font-size:9px}.is-v7 .is-filter-grid button.active{border-color:var(--accent)!important;color:var(--accent)!important}.is-v7 .is-filter-grid button[data-filter=vivid] i{filter:saturate(1.8) contrast(1.2)}.is-v7 .is-filter-grid button[data-filter=warm] i{filter:sepia(.45) saturate(1.4)}.is-v7 .is-filter-grid button[data-filter=cool] i{filter:hue-rotate(20deg)}.is-v7 .is-filter-grid button[data-filter=mono] i{filter:grayscale(1)}.is-v7 .is-filter-grid button[data-filter=film] i{filter:sepia(.4) contrast(1.15)}.is-v7 .is-filter-grid button[data-filter=fade] i{filter:contrast(.78) saturate(.75)}.is-v7 .is-filter-grid button[data-filter=dramatic] i{filter:contrast(1.55)}
.is-v7 .is-layer-actions-v7{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}.is-v7 .is-layer-actions-v7 button{min-height:36px;padding:5px!important;font-size:8px!important}.is-v7 .is-layer-empty{display:grid;gap:3px;padding:26px 14px;border:1px dashed #2b405c;border-radius:14px;text-align:center;color:#73839a}.is-v7 .is-layer-empty strong{color:#dce6f4}.is-v7 .is-layer-empty small{font-size:9px}
.is-v7 .is-more-list{display:grid;gap:8px}.is-v7 .is-more-list>button{display:grid;grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;gap:9px;width:100%;padding:11px!important;border-radius:13px!important;text-align:left!important}.is-v7 .is-more-list>button>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#152239;font-size:18px}.is-v7 .is-more-list>button>div{display:grid;gap:2px}.is-v7 .is-more-list b{font-size:11px}.is-v7 .is-more-list small{color:#72829a;font-size:9px}.is-v7 .is-more-list em{color:#75869c;font-style:normal;font-size:20px}
.is-v7 .is-sheet-backdrop{position:fixed;inset:0;z-index:209;background:rgba(1,5,11,.58);backdrop-filter:blur(2px)}.is-v7 .is-sheet{position:fixed;left:50%;bottom:0;z-index:210;transform:translateX(-50%);width:min(620px,100%);max-height:min(72dvh,680px);display:flex;flex-direction:column;border:1px solid #2d4361;border-bottom:0;border-radius:22px 22px 0 0;background:#0b1627;box-shadow:0 -20px 70px rgba(0,0,0,.45)}.is-v7 .is-sheet-grab{flex:0 0 auto;width:40px;height:4px;margin:8px auto 2px;border-radius:999px;background:#3b4e69}.is-v7 .is-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 13px 9px;border-bottom:1px solid #21344f}.is-v7 .is-sheet-head>div{display:grid;gap:1px}.is-v7 .is-sheet-head small{font:900 8px ui-monospace,monospace;letter-spacing:1.8px;color:var(--accent)}.is-v7 .is-sheet-head h3{margin:0;font-size:18px}.is-v7 #isSheetClose{width:36px;height:36px;min-height:36px!important;padding:0!important;border-radius:11px!important;font-size:21px!important}.is-v7 .is-sheet-body{overflow-y:auto;padding:13px max(13px,env(safe-area-inset-left)) calc(16px + env(safe-area-inset-bottom))}.is-v7 .is-sheet-panel>p{margin:0 0 11px;color:#7e8da3;font-size:10px;line-height:1.45}.is-v7 .is-crop-ratios{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.is-v7 .is-crop-ratios button{min-height:40px;padding:6px!important;font-size:9px!important}.is-v7 .is-crop-ratios button.active{border-color:var(--accent)!important;color:var(--accent)!important}.is-v7 .is-sheet-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:8px;margin-top:12px}.is-v7 .is-sheet-actions button,.is-v7 .is-full-btn{min-height:44px!important}.is-v7 .is-transform-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0}.is-v7 .is-transform-shortcuts button{min-height:38px;padding:6px 3px!important;font-size:8px!important}.is-v7 .is-size-row{margin-top:8px}.is-v7 .is-range-label{display:block;margin-top:10px;color:#94a3b8;font-size:10px;font-weight:800}.is-v7 .is-range-label>span{float:right;color:#dfe8f5}.is-v7 .is-settings-list{display:grid;gap:8px}.is-v7 .is-settings-list>.form-check{display:grid!important;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:10px;border:1px solid #243852;border-radius:13px;background:#0d192b}.is-v7 .is-settings-list .form-check-input{width:20px!important;height:20px!important;margin:0!important}.is-v7 .is-settings-list .form-check-label{display:grid;gap:2px;color:#e5edf8;font-size:10px}.is-v7 .is-settings-list .form-check-label small{color:#73839a;font-size:9px}.is-v7 .is-settings-list>label:not(.form-check){display:grid;gap:5px;color:#93a2b6;font-size:10px}.is-v7 .is-export-summary{margin:10px 0;padding:10px;border:1px solid #243852;border-radius:12px;background:#091424;color:#8696ac;font-size:10px}

@media(max-width:700px){
  .tool-modal-backdrop{padding:0!important;place-items:stretch!important}
  .tool-modal.tool-modal-wide{width:100%!important;height:100dvh!important;max-height:100dvh!important;border:0!important;border-radius:0!important;padding:0!important;background:#08111f!important}
  .tool-modal.tool-modal-wide>h2{display:none!important}
  .tool-modal.tool-modal-wide>.modal-close{z-index:230!important;top:9px!important;right:9px!important;width:39px!important;height:39px!important;border-radius:11px!important;background:#111d30!important}
  .tool-modal.tool-modal-wide #toolModalBody{height:100%;max-height:none!important;overflow:hidden!important}
  .tool-modal.tool-modal-wide #toolModalBody>.image-studio.is-v7{height:100%!important;max-height:none!important;padding:0!important}
  .is-v7 .is-mobile-head{padding-right:54px;min-height:56px}.is-v7 .is-open-main{min-width:73px}.is-v7 .is-open-main b{font-size:10px}.is-v7 .is-head-center strong{font-size:13px}.is-v7 .is-head-actions{gap:4px}.is-v7 .is-head-actions button{width:34px;height:34px;min-height:34px!important}
  .is-v7 .is-workspace{display:flex!important;flex-direction:column!important;min-height:0!important}.is-v7 .is-canvas-column{flex:1.15;min-height:210px;padding:5px 6px 3px!important}.is-v7 .is-stage{flex:1;min-height:0!important;border-radius:12px}.is-v7 .is-canvas-footer{min-height:22px!important;padding:3px 2px 0!important}.is-v7 .is-gesture-hint{display:none}
  .is-v7 .is-view-controls{left:7px;bottom:7px;gap:3px;padding:4px}.is-v7 .is-view-controls button{min-width:32px;height:32px;min-height:32px!important;padding:3px 6px!important}.is-v7 .is-view-controls .is-zoom-label{min-width:39px;font-size:8px!important}.is-v7 #isZoom100{display:none}
  .is-v7 .is-sidepanel{flex:.92;min-height:220px;border-left:0!important;border-top:1px solid #20324b!important}.is-v7 .is-main-tabs{order:2;height:58px;border-top:1px solid #20324b;border-bottom:0;padding-bottom:max(0px,env(safe-area-inset-bottom))}.is-v7 .is-main-tabs button{min-height:55px;padding:5px 1px!important}.is-v7 .is-main-tabs button>span{font-size:18px}.is-v7 .is-main-tabs button small{font-size:8px}.is-v7 .is-main-tabs button.active{box-shadow:inset 0 2px 0 var(--accent)}
  .is-v7 .is-sidepanel>.is-tab{order:1;padding:10px 10px!important}.is-v7 .is-tool-grid{grid-template-columns:repeat(6,1fr);gap:5px}.is-v7 .is-tool-grid button,.is-v7 .is-tool-file{min-height:66px;padding:6px 2px;border-radius:11px}.is-v7 .is-tool-grid span{font-size:19px}.is-v7 .is-tool-grid b{font-size:8px}.is-v7 .is-quick-actions{margin-top:7px}.is-v7 .is-quick-actions button{min-height:34px!important;padding:5px!important;font-size:8px!important}
  .is-v7 .is-section-head{margin-bottom:8px}.is-v7 .is-section-head h3{font-size:16px}.is-v7 .is-adjust-stack,.is-v7 .is-effect-stack{gap:8px}.is-v7 .is-adjust-stack label,.is-v7 .is-effect-stack label{font-size:9px}.is-v7 input[type=range]{margin-top:4px}
  .is-v7 .is-filter-grid{display:flex;overflow-x:auto;gap:6px;margin-bottom:10px;padding-bottom:2px;scrollbar-width:none}.is-v7 .is-filter-grid::-webkit-scrollbar{display:none}.is-v7 .is-filter-grid button{flex:0 0 72px}.is-v7 .is-filter-grid i{aspect-ratio:1.15/1}.is-v7 .is-layer-row{min-height:50px!important;grid-template-columns:36px minmax(0,1fr) 18px!important;padding:6px!important}.is-v7 .is-layer-thumb{width:36px!important;height:36px!important}.is-v7 .is-layer-row strong{font-size:11px}.is-v7 .is-layer-row small{font-size:8px}.is-v7 .is-layer-actions-v7{margin-top:7px}
  .is-v7 .is-more-list{gap:6px}.is-v7 .is-more-list>button{min-height:52px;padding:7px 9px!important}.is-v7 .is-more-list>button>span{width:32px;height:32px}.is-v7 .is-more-list b{font-size:10px}.is-v7 .is-more-list small{font-size:8px}
  .is-v7 .is-sheet{width:100%;max-height:77dvh;border-left:0;border-right:0}.is-v7 .is-sheet-body{padding-top:10px}.is-v7 .is-transform-shortcuts{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:390px){
  .is-v7 .is-mobile-head{gap:5px;padding-left:7px}.is-v7 .is-open-main{min-width:64px;padding:6px!important}.is-v7 .is-open-main span{display:none}.is-v7 .is-head-actions button{width:31px;height:31px;min-height:31px!important}.is-v7 .is-canvas-column{flex:1.05}.is-v7 .is-sidepanel{flex:1}.is-v7 .is-tool-grid{grid-template-columns:repeat(3,1fr)}.is-v7 .is-tool-grid button,.is-v7 .is-tool-file{min-height:54px}.is-v7 .is-tool-grid span{font-size:17px}.is-v7 .is-filter-grid button{flex-basis:64px}.is-v7 .is-crop-ratios{grid-template-columns:repeat(5,1fr)}
}

/* =========================================================
   QuickStashPRO v8 — Mobile bottom-sheet editor
   Canvas-first layout, collapsible dock, draggable sheets
   ========================================================= */
@media(max-width:700px){
  .image-studio.is-v7{height:100dvh!important;position:relative}
  .is-v7 .is-workspace{display:block!important;position:relative!important;height:calc(100% - 56px)!important}
  .is-v7 .is-canvas-column{position:absolute!important;inset:0 0 58px 0!important;display:flex!important;min-height:0!important;padding:6px 7px 4px!important}
  .is-v7 .is-stage{min-height:0!important;height:100%!important;border-radius:13px!important}
  .is-v7 .is-canvas-footer{display:none!important}

  /* Dock lives over the workspace instead of reserving half the screen. */
  .is-v7 .is-sidepanel{position:absolute!important;left:0!important;right:0!important;bottom:0!important;z-index:35!important;display:flex!important;flex-direction:column!important;min-height:58px!important;height:auto!important;max-height:48dvh!important;border:0!important;border-top:1px solid #20324b!important;background:rgba(8,18,33,.98)!important;backdrop-filter:blur(18px)!important;overflow:visible!important;box-shadow:0 -12px 36px rgba(0,0,0,.24)!important}
  .is-v7 .is-main-tabs{order:2!important;height:58px!important;flex:0 0 58px!important;border:0!important;background:#0a1424!important;padding-bottom:max(0px,env(safe-area-inset-bottom))!important}
  .is-v7 .is-main-tabs button{min-height:58px!important;padding:5px 1px!important}
  .is-v7 .is-main-tabs button.active{background:#0d1a2d!important;box-shadow:inset 0 2px 0 var(--accent)!important}
  .is-v7 .is-sidepanel>.is-tab{order:1!important;display:none!important;flex:none!important;max-height:0!important;overflow:hidden!important;padding:0 10px!important;opacity:0!important;transform:translateY(10px)!important;transition:max-height .2s ease,opacity .18s ease,transform .2s ease,padding .2s ease!important}
  .is-v7 .is-sidepanel.panel-open>.is-tab.active{display:block!important;max-height:38dvh!important;overflow-y:auto!important;padding:12px 10px 10px!important;opacity:1!important;transform:none!important}

  /* Tools become compact rows; no giant blank control area. */
  .is-v7 .is-tool-grid{grid-template-columns:repeat(6,1fr)!important;gap:5px!important}
  .is-v7 .is-tool-grid button,.is-v7 .is-tool-file{min-height:62px!important;padding:6px 2px!important;border-radius:11px!important}
  .is-v7 .is-tool-grid span{font-size:18px!important}.is-v7 .is-tool-grid b{font-size:8px!important}
  .is-v7 .is-quick-actions{margin-top:7px!important}.is-v7 .is-quick-actions button{min-height:34px!important}

  /* Canvas controls float and fade away during touch gestures. */
  .is-v7 .is-view-controls{left:8px!important;bottom:9px!important;transition:opacity .14s ease,transform .14s ease!important}
  .is-v7 .is-view-controls.gesture-hidden{opacity:.12!important;transform:translateY(8px)!important;pointer-events:none!important}
  .is-v7 .is-view-controls button{min-width:34px!important;width:auto!important;height:34px!important;min-height:34px!important}

  /* Filters use real preview thumbnails. */
  .is-v7 .is-filter-grid{display:flex!important;overflow-x:auto!important;gap:7px!important;padding:1px 1px 5px!important;margin-bottom:8px!important;scroll-snap-type:x proximity;scrollbar-width:none}
  .is-v7 .is-filter-grid::-webkit-scrollbar{display:none}
  .is-v7 .is-filter-grid button{flex:0 0 76px!important;scroll-snap-align:start!important;padding:5px!important}
  .is-v7 .is-filter-preview{display:block;width:100%;aspect-ratio:1.25/1;height:auto;border-radius:8px;background:#101a2c;object-fit:cover}
  .is-v7 .is-filter-grid b{font-size:8px!important}
  .is-v7 .is-filter-actions{margin:8px 0}
  .is-v7 .is-filter-actions>button{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;align-items:center;width:100%;padding:8px 10px!important;text-align:left!important;border-radius:12px!important}
  .is-v7 .is-filter-actions>button>span{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#15243a;color:var(--accent);font-size:16px}
  .is-v7 .is-filter-actions b{font-size:10px}.is-v7 .is-filter-actions small{font-size:8px;color:#75869d}
  .is-v7 .is-effect-quick{display:none!important}

  /* Draggable option sheets start compact and can expand upward. */
  .is-v7 .is-sheet{max-height:58dvh!important;transition:transform .18s ease,max-height .22s ease!important}
  .is-v7 .is-sheet.expanded{max-height:92dvh!important}
  .is-v7 .is-sheet-grab{width:48px!important;height:5px!important;margin-top:7px!important;touch-action:none;cursor:grab}
  .is-v7 .is-sheet-head{touch-action:none}
  .is-v7 .is-sheet-body{overscroll-behavior:contain}
  .is-v7 .is-effect-sheet-grid{display:grid;gap:12px}
  .is-v7 .is-effect-sheet-grid label{display:block;color:#95a5ba;font-size:10px;font-weight:800}
  .is-v7 .is-effect-sheet-grid label>span{float:right;color:#e4edf8}
  .is-v7 .is-effect-sheet-grid input{width:100%;margin-top:7px}
  .is-v7 .is-effect-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:14px 0 10px}
  .is-v7 .is-effect-presets button{min-height:39px!important;padding:6px 3px!important;font-size:8px!important}
}

@media(max-width:390px){
  .is-v7 .is-tool-grid{grid-template-columns:repeat(3,1fr)!important}
  .is-v7 .is-sidepanel.panel-open>.is-tab.active{max-height:42dvh!important}
  .is-v7 .is-filter-grid button{flex-basis:70px!important}
}

/* =========================================================
   QuickStashPRO v9 — Touch editing engine
   Draw, selection masks, precision crop, compact mobile UI
   ========================================================= */
.is-v7 .is-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:14px}
.is-v7 .is-mode-grid button{display:grid;place-items:center;gap:5px;min-height:66px;padding:8px!important;border:1px solid #233851;border-radius:13px;background:#0e1a2c;color:#9babc0;font-weight:900}
.is-v7 .is-mode-grid button span{font-size:23px;line-height:1}.is-v7 .is-mode-grid button b{font-size:9px}
.is-v7 .is-mode-grid button.active{border-color:var(--accent);background:rgba(102,247,213,.1);color:#fff;box-shadow:inset 0 0 0 1px rgba(102,247,213,.14)}
.is-v7 .is-draw-controls,.is-v7 .is-selection-options{display:grid;gap:12px}
.is-v7 .is-draw-controls label,.is-v7 .is-selection-options>label,.is-v7 [data-sheet-panel="crop"]>label{display:block;color:#99a9bd;font-size:10px;font-weight:900}
.is-v7 .is-draw-controls label>span,.is-v7 .is-selection-options>label>span,.is-v7 [data-sheet-panel="crop"]>label>span{float:right;color:#edf4ff}
.is-v7 .is-draw-controls input[type=range],.is-v7 .is-selection-options input[type=range],.is-v7 [data-sheet-panel="crop"] input[type=range]{width:100%;margin-top:7px}
.is-v7 #isDrawColor,.is-v7 #isSelectFillColor{height:44px;padding:4px;border:1px solid #2a405e;border-radius:10px;background:#0a1424}
.is-v7 .is-selection-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0 10px}
.is-v7 .is-selection-actions button{min-height:42px!important;padding:7px 4px!important;font-size:9px!important;border-radius:10px!important}
.is-v7 .is-fill-row{display:grid;grid-template-columns:54px 1fr 1fr;gap:7px;align-items:center;margin-bottom:10px}
.is-v7 .is-fill-row button{min-height:42px!important;padding:7px!important;font-size:9px!important}
.is-v7 .is-sheet-actions{flex-wrap:wrap}.is-v7 [data-sheet-panel="crop"] .is-sheet-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}
.is-v7 .is-crop-ratios{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin:10px 0 14px}
.is-v7 .is-crop-ratios button{min-width:0!important;padding:8px 2px!important;font-size:8px!important}
.is-v7 .is-stage[data-tool="draw"] #isCanvas,.is-v7 .is-stage[data-tool="select"] #isCanvas,.is-v7 .is-stage[data-tool="crop"] #isCanvas{cursor:crosshair}
.is-v7 .is-stage[data-tool="pan"] #isCanvas{cursor:grab}.is-v7 .is-stage[data-tool="pan"] #isCanvas:active{cursor:grabbing}
.is-v7 .is-tool-grid{grid-template-columns:repeat(4,1fr)!important}
.is-v7 .is-tool-grid button,.is-v7 .is-tool-file{min-height:62px!important}
.is-v7 .is-adjust-stack{display:grid;gap:10px}.is-v7 .is-adjust-stack label{display:block;color:#99a9bd;font-size:9px;font-weight:900}.is-v7 .is-adjust-stack label>span{float:right;color:#edf4ff}
.is-v7 .is-adjust-stack input[type=range]{width:100%;margin-top:6px}

@media(max-width:700px){
  /* Keep the canvas dominant; active dock is deliberately shallower than v8. */
  .is-v7 .is-sidepanel.panel-open>.is-tab.active{max-height:31dvh!important;padding:10px 9px 9px!important}
  .is-v7 .is-sidepanel{max-height:39dvh!important}
  .is-v7 .is-canvas-column{inset:0 0 58px 0!important}
  .is-v7 .is-tool-grid{grid-template-columns:repeat(4,1fr)!important;gap:5px!important}
  .is-v7 .is-tool-grid button,.is-v7 .is-tool-file{min-height:55px!important;padding:5px 2px!important}
  .is-v7 .is-tool-grid span{font-size:17px!important}.is-v7 .is-tool-grid b{font-size:8px!important}
  .is-v7 .is-sheet{max-height:64dvh!important;border-radius:22px 22px 0 0!important}
  .is-v7 .is-sheet.expanded{max-height:94dvh!important}
  .is-v7 .is-selection-actions{grid-template-columns:repeat(3,1fr)}
  .is-v7 .is-mode-grid button{min-height:58px}
  .is-v7 .is-crop-ratios{grid-template-columns:repeat(6,1fr)}
}
@media(max-width:390px){
  .is-v7 .is-tool-grid{grid-template-columns:repeat(4,1fr)!important}
  .is-v7 .is-tool-grid button,.is-v7 .is-tool-file{min-height:50px!important}
  .is-v7 .is-crop-ratios{grid-template-columns:repeat(3,1fr)}
  .is-v7 .is-selection-actions{grid-template-columns:repeat(2,1fr)}
}

/* =========================================================
   QuickStashPRO v10 — Non-blocking mobile tool docks
   ========================================================= */
@media(max-width:700px){
  .is-v7 .is-sheet.is-compact-tool{
    left:8px!important;right:8px!important;bottom:calc(74px + env(safe-area-inset-bottom))!important;
    width:auto!important;max-height:210px!important;transform:none!important;
    border:1px solid #314a6a!important;border-radius:18px!important;
    box-shadow:0 12px 38px rgba(0,0,0,.48)!important;background:rgba(10,22,39,.97)!important;
    backdrop-filter:blur(18px)!important;overflow:hidden!important;
  }
  .is-v7 .is-sheet.is-compact-tool .is-sheet-grab{display:none!important}
  .is-v7 .is-sheet.is-compact-tool .is-sheet-head{padding:6px 8px 5px!important;min-height:42px!important;border-bottom:1px solid #233850!important}
  .is-v7 .is-sheet.is-compact-tool .is-sheet-head small{font-size:7px!important;letter-spacing:1.4px!important}
  .is-v7 .is-sheet.is-compact-tool .is-sheet-head h3{font-size:14px!important}
  .is-v7 .is-sheet.is-compact-tool #isSheetClose{width:32px!important;height:32px!important;min-height:32px!important;font-size:18px!important}
  .is-v7 .is-sheet.is-compact-tool .is-sheet-body{padding:8px!important;overflow-x:auto!important;overflow-y:auto!important;max-height:162px!important;overscroll-behavior:contain!important}
  .is-v7 .is-sheet.is-compact-tool .is-mode-grid{display:flex!important;gap:7px!important;overflow-x:auto!important;margin-bottom:7px!important;scrollbar-width:none}
  .is-v7 .is-sheet.is-compact-tool .is-mode-grid::-webkit-scrollbar{display:none}
  .is-v7 .is-sheet.is-compact-tool .is-mode-grid button{flex:0 0 92px!important;min-height:48px!important;padding:6px!important}
  .is-v7 .is-sheet.is-compact-tool .is-mode-grid button span{font-size:18px!important}
  .is-v7 .is-sheet.is-compact-tool .is-mode-grid button b{font-size:9px!important}
  .is-v7 .is-sheet.is-compact-tool .is-draw-controls,
  .is-v7 .is-sheet.is-compact-tool .is-selection-options{display:flex!important;gap:8px!important;overflow-x:auto!important;align-items:end!important;scrollbar-width:none}
  .is-v7 .is-sheet.is-compact-tool .is-draw-controls>label,
  .is-v7 .is-sheet.is-compact-tool .is-selection-options>label{flex:0 0 min(210px,64vw)!important;margin:0!important}
  .is-v7 .is-sheet.is-compact-tool .is-draw-controls>label:first-child{flex-basis:86px!important}
  .is-v7 .is-sheet.is-compact-tool input[type=color]{height:38px!important;min-height:38px!important}
  .is-v7 .is-sheet.is-compact-tool .is-sheet-actions{display:flex!important;gap:7px!important;margin-top:7px!important;overflow-x:auto!important}
  .is-v7 .is-sheet.is-compact-tool .is-sheet-actions button{flex:0 0 auto!important;min-height:36px!important;padding:7px 10px!important;font-size:9px!important}
  .is-v7 .is-sheet.is-compact-tool .tool-note{display:none!important}
  .is-v7 .is-sheet.is-compact-tool [data-sheet-panel="select"] .is-selection-actions{display:flex!important;gap:7px!important;overflow-x:auto!important;margin-top:7px!important;scrollbar-width:none}
  .is-v7 .is-sheet.is-compact-tool [data-sheet-panel="select"] .is-selection-actions button{flex:0 0 auto!important;min-height:36px!important;padding:7px 10px!important}
  .is-v7 .is-sheet.is-compact-tool .is-fill-row{display:flex!important;gap:7px!important;align-items:center!important;margin-top:7px!important}
  .is-v7 .is-sheet.is-compact-tool .is-fill-row input{width:48px!important;height:36px!important}
  .is-v7 .is-sheet.is-compact-tool [data-sheet-panel="crop"]>p{display:none!important}
  .is-v7 .is-sheet.is-compact-tool .is-crop-ratios{display:flex!important;gap:6px!important;overflow-x:auto!important;scrollbar-width:none}
  .is-v7 .is-sheet.is-compact-tool .is-crop-ratios button{flex:0 0 58px!important;min-height:36px!important}
  .is-v7 .is-sheet.is-compact-tool [data-sheet-panel="crop"]>label:not(.form-check){display:flex!important;align-items:center!important;gap:8px!important;margin-top:7px!important}
  .is-v7 .is-sheet.is-compact-tool [data-sheet-panel="crop"]>label input[type=range]{flex:1!important}
  .is-v7 .is-sheet.is-compact-tool .is-transform-shortcuts{display:flex!important;gap:6px!important;overflow-x:auto!important;margin:0 0 7px!important;scrollbar-width:none}
  .is-v7 .is-sheet.is-compact-tool .is-transform-shortcuts button{flex:0 0 70px!important;min-height:36px!important}
  .is-v7 .is-sheet.is-compact-tool [data-sheet-panel="transform"] .tool-two,
  .is-v7 .is-sheet.is-compact-tool [data-sheet-panel="transform"] .is-size-row,
  .is-v7 .is-sheet.is-compact-tool [data-sheet-panel="transform"] .is-range-label,
  .is-v7 .is-sheet.is-compact-tool [data-sheet-panel="transform"] .is-disclosure{display:none!important}
  .is-v7.quick-tool-open .is-main-tabs{opacity:.96}
  .is-v7.quick-tool-open .is-view-controls{bottom:14px!important}
}


/* =========================================================
   QuickStashPRO v11 — Image-first live controls
   Adjust / Filters / Effects stay compact and non-blocking
   ========================================================= */
@media(max-width:700px){
  /* Live edit tabs become shallow floating control strips. */
  .is-v7 .is-sidepanel.panel-open>.is-tab[data-panel="adjust"],
  .is-v7 .is-sidepanel.panel-open>.is-tab[data-panel="filters"]{
    max-height:178px!important;
    overflow:hidden!important;
    padding:8px 8px 7px!important;
  }
  .is-v7 .is-sidepanel.panel-open>.is-tab[data-panel="adjust"] .is-section-head,
  .is-v7 .is-sidepanel.panel-open>.is-tab[data-panel="filters"] .is-section-head{
    margin-bottom:6px!important;
  }
  .is-v7 .is-sidepanel.panel-open>.is-tab[data-panel="adjust"] .is-section-head h3,
  .is-v7 .is-sidepanel.panel-open>.is-tab[data-panel="filters"] .is-section-head h3{
    font-size:13px!important;
  }
  .is-v7 .is-sidepanel.panel-open>.is-tab[data-panel="adjust"] .is-section-head>div>span,
  .is-v7 .is-sidepanel.panel-open>.is-tab[data-panel="filters"] .is-section-head>div>span{
    display:none!important;
  }
  .is-v7 .is-sidepanel.panel-open>.is-tab[data-panel="adjust"] .is-section-head button,
  .is-v7 .is-sidepanel.panel-open>.is-tab[data-panel="filters"] .is-section-head button{
    min-height:30px!important;padding:5px 9px!important;font-size:8px!important;
  }

  /* One horizontal thumb strip of adjustment cards instead of a tall slider wall. */
  .is-v7 .is-adjust-stack{
    display:flex!important;gap:7px!important;overflow-x:auto!important;overflow-y:hidden!important;
    scroll-snap-type:x proximity;scrollbar-width:none;padding:1px 1px 5px!important;
  }
  .is-v7 .is-adjust-stack::-webkit-scrollbar{display:none}
  .is-v7 .is-adjust-stack label{
    flex:0 0 min(185px,58vw)!important;scroll-snap-align:start!important;margin:0!important;
    padding:8px!important;border:1px solid #243a57!important;border-radius:11px!important;
    background:#0c192b!important;font-size:8px!important;
  }
  .is-v7 .is-adjust-stack label>span{font-size:8px!important}
  .is-v7 .is-adjust-stack input[type=range]{margin-top:8px!important}
  .is-v7 .is-sidepanel>.is-tab[data-panel="adjust"] .is-disclosure{display:none!important}
  .is-v7 .is-sidepanel>.is-tab[data-panel="adjust"] #advancedAdjust{display:none!important}

  /* Filters remain a thumbnail carousel; no extra vertical stack. */
  .is-v7 .is-sidepanel.panel-open>.is-tab[data-panel="filters"] .is-filter-grid{margin-bottom:5px!important;padding-bottom:2px!important}
  .is-v7 .is-sidepanel.panel-open>.is-tab[data-panel="filters"] .is-filter-grid button{flex-basis:68px!important}
  .is-v7 .is-sidepanel.panel-open>.is-tab[data-panel="filters"] .is-filter-actions{margin:3px 0 0!important}
  .is-v7 .is-sidepanel.panel-open>.is-tab[data-panel="filters"] .is-filter-actions>button{
    min-height:32px!important;padding:5px 8px!important;grid-template-columns:24px minmax(0,1fr)!important;column-gap:6px!important;
  }
  .is-v7 .is-sidepanel.panel-open>.is-tab[data-panel="filters"] .is-filter-actions>button>span{width:24px!important;height:24px!important;font-size:13px!important}
  .is-v7 .is-sidepanel.panel-open>.is-tab[data-panel="filters"] .is-filter-actions small{display:none!important}

  /* Effects is now the same kind of floating quick dock as Draw/Select/Crop. */
  .is-v7 .is-sheet.is-compact-tool [data-sheet-panel="effects"]>p{display:none!important}
  .is-v7 .is-sheet.is-compact-tool [data-sheet-panel="effects"] .is-effect-sheet-grid{
    display:flex!important;gap:7px!important;overflow-x:auto!important;overflow-y:hidden!important;
    scroll-snap-type:x proximity;scrollbar-width:none!important;
  }
  .is-v7 .is-sheet.is-compact-tool [data-sheet-panel="effects"] .is-effect-sheet-grid::-webkit-scrollbar{display:none}
  .is-v7 .is-sheet.is-compact-tool [data-sheet-panel="effects"] .is-effect-sheet-grid label{
    flex:0 0 min(185px,58vw)!important;scroll-snap-align:start!important;margin:0!important;
    padding:7px 8px!important;border:1px solid #263d5a!important;border-radius:11px!important;background:#0c192b!important;
    font-size:8px!important;
  }
  .is-v7 .is-sheet.is-compact-tool [data-sheet-panel="effects"] .is-effect-sheet-grid label>span{font-size:8px!important}
  .is-v7 .is-sheet.is-compact-tool [data-sheet-panel="effects"] .is-effect-sheet-grid input{margin-top:7px!important}
  .is-v7 .is-sheet.is-compact-tool [data-sheet-panel="effects"] .is-effect-presets{
    display:flex!important;gap:6px!important;overflow-x:auto!important;margin:7px 0 0!important;scrollbar-width:none!important;
  }
  .is-v7 .is-sheet.is-compact-tool [data-sheet-panel="effects"] .is-effect-presets::-webkit-scrollbar{display:none}
  .is-v7 .is-sheet.is-compact-tool [data-sheet-panel="effects"] .is-effect-presets button{
    flex:0 0 auto!important;min-height:32px!important;padding:5px 10px!important;font-size:8px!important;
  }
  .is-v7 .is-sheet.is-compact-tool [data-sheet-panel="effects"] #isEffectsReset{
    min-height:32px!important;margin-top:7px!important;padding:5px 10px!important;font-size:8px!important;width:auto!important;
  }

  /* Slightly shorter dock leaves more of the actual picture visible. */
  .is-v7 .is-sheet.is-compact-tool{max-height:176px!important}
  .is-v7 .is-sheet.is-compact-tool .is-sheet-body{max-height:128px!important}
}

/* =========================================================
   QuickStashPRO v12 — Unified contextual live toolbar
   ========================================================= */
@media(max-width:700px){
  .is-v7 .is-sidepanel.panel-open>.is-tab[data-panel="adjust"],
  .is-v7 .is-sidepanel.panel-open>.is-tab[data-panel="filters"]{max-height:104px!important;padding:7px 7px 8px!important;overflow:hidden!important}
  .is-v7 .is-sidepanel>.is-tab[data-panel="adjust"]>*:not(#isAdjustContext),
  .is-v7 .is-sidepanel>.is-tab[data-panel="filters"]>*:not(#isFilterContext):not(.is-filter-grid){display:none!important}
  .is-v7 .is-sidepanel>.is-tab[data-panel="filters"] .is-filter-grid{display:flex!important;gap:5px!important;overflow-x:auto!important;margin:0 0 5px!important;padding:0!important;scrollbar-width:none}
  .is-v7 .is-sidepanel>.is-tab[data-panel="filters"] .is-filter-grid::-webkit-scrollbar{display:none}
  .is-v7 .is-sidepanel>.is-tab[data-panel="filters"] .is-filter-grid button{flex:0 0 56px!important;padding:2px!important;min-height:42px!important;border-radius:8px!important}
  .is-v7 .is-sidepanel>.is-tab[data-panel="filters"] .is-filter-preview{height:28px!important;border-radius:5px!important}
  .is-v7 .is-sidepanel>.is-tab[data-panel="filters"] .is-filter-grid b{font-size:7px!important;margin-top:1px!important}
  .is-contextual{width:100%;min-width:0}
  .is-context-scroll{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;padding:1px 1px 3px;scrollbar-width:none}
  .is-context-scroll::-webkit-scrollbar{display:none}
  .is-context-scroll button{flex:0 0 auto;min-width:76px;min-height:50px!important;padding:6px 8px!important;border:1px solid #263c59!important;border-radius:10px!important;background:#0d1a2d!important;color:#e7effb!important;text-align:left!important}
  .is-context-scroll button span,.is-context-scroll button small{display:block;white-space:nowrap}
  .is-context-scroll button span{font-size:9px;font-weight:900}.is-context-scroll button small{margin-top:3px;font-size:8px;color:#8292aa}
  .is-context-edit,.is-context-filter-row{display:grid;grid-template-columns:32px auto auto minmax(90px,1fr) auto auto;align-items:center;gap:6px;min-height:54px}
  .is-context-edit>b,.is-context-filter-row>b{font-size:9px;white-space:nowrap}.is-context-value,.is-context-filter-row>span{font-size:9px;color:var(--accent);font-weight:900;white-space:nowrap}
  .is-context-range,.is-context-filter-row input{width:100%;min-width:0;margin:0!important}
  .is-context-back,.is-context-done,.is-context-reset,.is-context-filter-row button{min-height:34px!important;padding:5px 8px!important;border-radius:9px!important;font-size:9px!important}
  .is-context-back,.is-context-done{width:32px!important;padding:0!important;font-size:18px!important}.is-context-done{color:var(--accent)!important}
  .is-context-filter-row{grid-template-columns:auto auto auto minmax(80px,1fr) 32px}
  .is-context-filter-row [data-filter-effects]{color:var(--accent)!important}
  /* The old Effects sheet must never cover the picture on phones. */
  .is-v7 .is-sheet [data-sheet-panel="effects"]{display:none!important}
}