.designer-page{background:var(--navy-2)}
[data-bs-theme="light"] .designer-page{background:#f7f9fb}.lab-back{color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-right:.5rem}.lab-back:hover{color:var(--orange)}
.lab-hero{position:relative;padding:11rem 0 5rem;overflow:hidden;background:radial-gradient(circle at 82% 25%,rgba(255,77,0,.15),transparent 28%),linear-gradient(145deg,#001226,#041f39)}
.lab-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent)}
.lab-status{display:inline-flex;align-items:center;gap:.65rem;border:1px solid rgba(255,255,255,.15);padding:.65rem .85rem;color:#aebbc8;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:5rem}.lab-status span{width:7px;height:7px;border-radius:50%;background:#38d992;box-shadow:0 0 12px #38d992}.lab-hero h1{color:#fff;font-size:clamp(4.2rem,8vw,8rem)}.lab-hero>div>.row p{color:#aebbc8;line-height:1.8;margin:0}.lab-jump{display:grid;grid-template-columns:1fr 1fr;margin-top:6rem;border:1px solid rgba(255,255,255,.14)}.lab-jump a{display:flex;align-items:center;gap:1.4rem;padding:1.5rem 1.8rem;color:#fff;border-right:1px solid rgba(255,255,255,.14);transition:.3s}.lab-jump a:last-child{border:0}.lab-jump a:hover{background:rgba(255,77,0,.12)}.lab-jump b{color:var(--orange);font:700 .72rem var(--body)}.lab-jump span{font:700 1.35rem var(--heading);text-transform:uppercase}.lab-jump small{display:block;color:#8493a3;font:500 .65rem var(--body);letter-spacing:.08em;margin-top:.25rem}.lab-jump i{font-style:normal;margin-left:auto;color:var(--orange)}
.tool-section{padding:8rem 0}.tool-section-alt{background:var(--surface)}.tool-heading{display:grid;grid-template-columns:1fr minmax(280px,430px);align-items:end;gap:3rem;margin-bottom:3rem}.tool-heading .tool-index{display:block;color:var(--muted);font-size:.68rem;letter-spacing:.12em;margin-bottom:1.25rem}.tool-heading p{color:var(--muted);line-height:1.8;margin:0}.tool-shell{display:grid;grid-template-columns:320px 1fr;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.tool-section-alt .tool-shell{background:var(--navy-2)}[data-bs-theme="light"] .tool-section-alt .tool-shell{background:#f7f9fb}.tool-controls{padding:1.5rem;border-right:1px solid var(--border)}
.drop-zone{min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed rgba(255,77,0,.5);background:rgba(255,77,0,.035);padding:2rem;transition:.25s}.drop-zone:hover,.drop-zone.drag-over{background:rgba(255,77,0,.09);border-color:var(--orange)}.upload-icon{display:grid;place-items:center;width:62px;height:62px;border:1px solid var(--orange);color:var(--orange);font-size:2rem;margin-bottom:1.4rem;transform:rotate(45deg)}.upload-icon::first-line{transform:rotate(-45deg)}.drop-zone strong{font:700 1.4rem var(--heading);text-transform:uppercase}.drop-zone>span{color:var(--muted);font-size:.7rem;margin:.55rem 0 1.5rem}.drop-zone .btn{pointer-events:none}
.settings{min-height:420px;padding:.8rem .35rem}.settings label,.setting-label{display:flex;justify-content:space-between;color:var(--ink);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin:1.5rem 0 .8rem}.settings output{color:var(--orange)}input[type="range"]{width:100%;accent-color:var(--orange)}.control-actions{display:grid;grid-template-columns:1fr 1.3fr;gap:.5rem;margin-top:2rem}.btn-outline-tool{border:1px solid var(--border);color:var(--ink)}.btn-outline-tool:hover{border-color:var(--orange);color:var(--orange)}.text-action{display:block;margin:1.4rem auto 0;background:none;border:0;color:var(--muted);font-size:.68rem;text-decoration:underline}.scale-options{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.scale-options button{background:transparent;border:1px solid var(--border);color:var(--ink);padding:1rem;text-align:left}.scale-options button.active{border-color:var(--orange);background:rgba(255,77,0,.08)}.scale-options b{display:block;font:800 1.6rem var(--heading)}.scale-options small{color:var(--muted);font-size:.62rem}.image-meta{color:var(--muted);font-size:.68rem;line-height:1.8;padding:1rem 0;border-top:1px solid var(--border);margin:1.5rem 0}
.tool-preview{position:relative;min-height:540px;display:grid;place-items:center;overflow:hidden;background-color:#071626;background-image:linear-gradient(45deg,#0b2136 25%,transparent 25%),linear-gradient(-45deg,#0b2136 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#0b2136 75%),linear-gradient(-45deg,transparent 75%,#0b2136 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.preview-empty{text-align:center;color:#637588}.preview-empty span{font:800 8rem/1 var(--heading);opacity:.12}.preview-empty p{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.tool-preview canvas{max-width:100%;max-height:650px;width:auto;height:auto;touch-action:none}.canvas-hint{position:absolute;left:50%;top:1rem;transform:translateX(-50%);background:rgba(0,9,20,.85);color:#fff;padding:.65rem 1rem;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}.processing-layer{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:rgba(0,11,24,.88);color:#fff}.processing-layer i{width:46px;height:46px;border:2px solid rgba(255,255,255,.2);border-top-color:var(--orange);border-radius:50%;animation:spin .75s linear infinite}.processing-layer strong{font:700 1.1rem var(--heading);text-transform:uppercase;letter-spacing:.08em}.tool-result{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-top:1px solid var(--border)}.tool-result>div{display:grid;grid-template-columns:auto 1fr;column-gap:.8rem}.result-check{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#38d992;color:#022e20}.tool-result strong{font:700 1rem var(--heading);text-transform:uppercase}.tool-result small{color:var(--muted);font-size:.68rem}
.privacy-strip{background:var(--orange);color:#fff;padding:2rem 0}.privacy-strip .container{display:grid;grid-template-columns:repeat(3,1fr)}.privacy-strip .container>div{display:flex;flex-direction:column;align-items:center;border-right:1px solid rgba(255,255,255,.3)}.privacy-strip .container>div:last-child{border:0}.privacy-strip strong{font:800 1.2rem var(--heading)}.privacy-strip span{font-size:.68rem;opacity:.78}.lab-footer{padding:3rem 0;background:#001124;color:#788797}.lab-footer p{margin:0}.lab-footer>div>span{font-size:.7rem}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:991.98px){.lab-hero{padding-top:9rem}.lab-status{margin-bottom:3rem}.tool-shell{grid-template-columns:1fr}.tool-controls{border-right:0;border-bottom:1px solid var(--border)}.drop-zone,.settings{min-height:300px}.tool-heading{grid-template-columns:1fr}.lab-jump{margin-top:4rem}}
@media(max-width:767.98px){.lab-back{font-size:0}.lab-back:after{content:'←';font-size:1.2rem}.lab-jump{grid-template-columns:1fr}.lab-jump a{border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}.tool-section{padding:5rem 0}.tool-preview{min-height:380px}.tool-result{align-items:stretch;flex-direction:column;gap:1rem}.privacy-strip .container{grid-template-columns:1fr;gap:1.5rem}.privacy-strip .container>div{border-right:0}.lab-footer .container{justify-content:center!important;text-align:center}.lab-footer p{width:100%}}