:root{--bg:#08070a;--panel:#121016;--line:#342d38;--pink:#ff24b8;--cyan:#72e9ff;--text:#fff;--muted:#a99daa}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0,#310523,transparent 35%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}button,input{font:inherit}.lab-top{display:flex;justify-content:space-between;align-items:center;min-height:58px;padding:8px clamp(12px,3vw,38px);border-bottom:1px solid var(--line);background:#08070a}.lab-top a{color:var(--muted);font:700 8px 'Space Mono';letter-spacing:1px;text-decoration:none}.lab-top b{font:400 22px Anton;letter-spacing:1px}.lab-top i{padding:3px 5px;background:var(--pink);color:#19000f;font:700 8px 'Space Mono';font-style:normal}.lab-intro{width:min(1450px,calc(100% - 40px));margin:auto;padding:clamp(55px,8vw,100px) clamp(10px,4vw,50px) 38px;border-inline:1px solid var(--line)}.lab-intro>span,.control-block>span,.lab-notes>span,.lab-help>span{color:var(--pink);font:700 8px 'Space Mono';letter-spacing:2px}.lab-intro h1{margin:12px 0;font:400 clamp(4.7rem,11vw,10rem)/.78 Anton;letter-spacing:-3px}.lab-intro h1 em{color:var(--pink);font-style:normal}.lab-intro p{max-width:700px;color:var(--muted);font:400 11px/1.8 'Space Mono'}.lab-workspace{display:grid;grid-template-columns:minmax(230px,310px) minmax(360px,1fr) minmax(200px,270px);gap:1px;width:min(1450px,calc(100% - 40px));margin:auto;border:1px solid var(--line);background:var(--line)}.lab-controls,.lab-stage,.lab-notes{background:var(--panel)}.lab-controls{padding:18px}.control-block{padding:16px 0;border-bottom:1px solid var(--line)}.control-block:first-child{padding-top:0}.source-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:10px}.source-grid button{aspect-ratio:1;border:2px solid transparent;background:center/cover var(--thumb);cursor:pointer}.source-grid button.active{border-color:var(--pink)}.upload-local{display:block;margin-top:7px;padding:9px;border:1px dashed var(--line);color:var(--muted);font:700 7px 'Space Mono';text-align:center;cursor:pointer}.upload-local input{display:none}.style-grid,.ratio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:10px}.style-grid button,.ratio-grid button{min-height:36px;padding:6px;border:1px solid var(--line);background:#09080b;color:var(--muted);font:700 7px 'Space Mono';cursor:pointer}.style-grid button.active,.ratio-grid button.active{border-color:var(--pink);background:var(--pink);color:#18000e}.control-block label:not(.upload-local){display:block;margin-top:12px;color:var(--muted);font:700 7px 'Space Mono'}.control-block input[type=text]{width:100%;margin-top:5px;padding:10px;border:1px solid var(--line);background:#09080b;color:#fff}.range-label output{float:right;color:#fff}.range-label input{width:100%;accent-color:var(--pink)}.lab-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(18px,3vw,40px);min-width:0}.canvas-shell{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:500px;background:#050406;overflow:hidden}.canvas-shell canvas{display:block;max-width:100%;max-height:72vh;object-fit:contain;box-shadow:0 0 60px rgba(255,36,184,.2)}#lab-loading{position:absolute;padding:8px 10px;background:#000;color:var(--pink);font:700 8px 'Space Mono';letter-spacing:1px}#lab-status{color:var(--muted);font:700 8px 'Space Mono'}.lab-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:7px}.lab-actions button{min-height:42px;padding:10px 14px;border:1px solid var(--line);background:#08070a;color:#fff;font:700 8px 'Space Mono';cursor:pointer}.lab-actions #lab-download{border-color:var(--pink);background:var(--pink);color:#18000e}.lab-notes{padding:25px}.lab-notes h2{font:400 38px/.95 Anton}.lab-notes p{color:var(--muted);font:400 10px/1.7 'Space Mono'}.lab-notes dl{margin:30px 0}.lab-notes dl div{padding:12px 0;border-top:1px solid var(--line)}.lab-notes dt{color:var(--cyan);font:700 8px 'Space Mono'}.lab-notes dd{margin:5px 0;color:var(--muted);font:400 9px 'Space Mono'}.lab-notes a{color:var(--pink);font:700 8px 'Space Mono';text-decoration:none}.lab-help{width:min(1450px,calc(100% - 40px));margin:auto;padding:70px clamp(15px,4vw,50px);border-inline:1px solid var(--line);border-bottom:1px solid var(--line)}.lab-help>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.lab-help article{padding:20px;border:1px solid var(--line)}.lab-help article b{color:var(--pink);font:400 30px Anton}.lab-help h3{font:400 25px Anton}.lab-help p{color:var(--muted);font:400 9px/1.7 'Space Mono'}footer{display:flex;justify-content:space-between;width:min(1450px,calc(100% - 40px));margin:auto;padding:28px;color:#777;font:700 7px 'Space Mono'}footer a{color:#ccc;text-decoration:none}@media(max-width:1050px){.lab-workspace{grid-template-columns:270px 1fr}.lab-notes{grid-column:1/-1}.lab-notes dl{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.lab-notes dl div{border:1px solid var(--line);padding:12px}}@media(max-width:720px){.lab-intro,.lab-workspace,.lab-help,footer{width:calc(100% - 16px)}.lab-workspace{grid-template-columns:1fr}.lab-stage{grid-row:1;padding:10px}.canvas-shell{min-height:340px}.canvas-shell canvas{max-height:62vh}.lab-controls{grid-row:2}.lab-intro h1{font-size:clamp(4.3rem,21vw,7rem)}.lab-notes dl,.lab-help>div{grid-template-columns:1fr}.lab-help{padding-block:50px}.lab-top b{font-size:17px}.lab-top a{font-size:6px}footer{flex-direction:column;gap:10px}}