:root{--accent-cyan: #00B4FF;--accent-green: #00FF00;--bg-dark: #000000;--bg-panel: rgba(20, 20, 20, .85);--text-color: #FFFFFF;--font-main: "Archivo Narrow", sans-serif;--safe-bottom: env(safe-area-inset-bottom, 20px);--safe-top: env(safe-area-inset-top, 20px)}*{box-sizing:border-box;margin:0;padding:0;-moz-user-select:none;user-select:none;-webkit-user-select:none}body,html{width:100%;height:100%;background-color:var(--bg-dark);color:var(--text-color);font-family:var(--font-main);overflow:hidden;overscroll-behavior:none}#intro-screen{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--bg-dark);z-index:9999;transition:opacity .3s}#intro-screen h1{font-size:2.5rem;margin-bottom:30px;letter-spacing:2px;color:var(--accent-cyan)}.btn-large{position:relative;overflow:hidden;background:transparent;border:2px solid var(--accent-cyan);color:var(--accent-cyan);font-size:1.2rem;font-family:var(--font-main);padding:15px 40px;border-radius:30px;cursor:pointer;text-transform:uppercase}.btn-large input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}#app-container{position:absolute;top:0;left:0;width:100%;height:100%;display:none}#camera-view{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:1}#workspace{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;touch-action:none;overflow:hidden}.layer{position:absolute;top:50%;left:50%;transform-origin:center center;will-change:transform}#image-layer img{display:block;max-width:80vw;max-height:80vh;pointer-events:none;transition:filter .2s,opacity .2s}#grid-layer svg{display:block;overflow:visible;pointer-events:none}.grid-outline{fill:none;stroke:#ffffff80;stroke-width:2;transition:all .3s}.grid-lines{fill:none;stroke:#ffffff4d;stroke-width:1;transition:opacity .3s}body.locked .grid-outline{stroke:var(--accent-green);stroke-width:4;filter:drop-shadow(0 0 8px var(--accent-green))}body.locked .grid-lines{opacity:0}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;transition:opacity .3s}#ui-layer.hidden{opacity:0;pointer-events:none!important}.interactive-ui{pointer-events:auto}#btn-eye{position:absolute;top:var(--safe-top);right:20px;width:44px;height:44px;background:#00000080;border-radius:50%;display:flex;justify-content:center;align-items:center;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);cursor:pointer}body.ui-hidden #btn-eye{opacity:.3;pointer-events:auto!important;z-index:20}body.ui-hidden #ui-layer:not(#btn-eye-container)>*:not(#btn-eye){display:none!important}#btn-unlock{position:absolute;top:var(--safe-top);left:50%;transform:translate(-50%);padding:10px 20px;background:var(--bg-panel);border:2px solid var(--accent-green);color:var(--accent-green);border-radius:25px;display:none;align-items:center;gap:8px;font-weight:600;text-transform:uppercase;z-index:20;pointer-events:auto;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}body.locked #btn-unlock{display:flex}body.locked #btn-eye{display:none}#bottom-ui{position:absolute;bottom:0;left:0;width:100%;display:flex;flex-direction:column;align-items:center}#target-selector{display:flex;background:var(--bg-panel);border-radius:25px;padding:4px;margin-bottom:15px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.target-btn{padding:10px 20px;color:#888;font-family:var(--font-main);font-size:.9rem;background:transparent;border:none;border-radius:20px;cursor:pointer;transition:all .2s}.target-btn.active{background:#ffffff1a;color:var(--accent-cyan);font-weight:600}#panels-container{width:100%;position:relative;height:0;display:flex;justify-content:center}.panel{position:absolute;bottom:0;width:95%;max-width:400px;background:var(--bg-panel);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:20px 20px 0 0;border:1px solid rgba(255,255,255,.1);border-bottom:none;padding:20px;padding-bottom:calc(70px + var(--safe-bottom));transform:translateY(100%);transition:transform .25s cubic-bezier(.1,.9,.2,1);visibility:hidden;display:flex;flex-direction:column;gap:15px}.panel.open{transform:translateY(0);visibility:visible}#tab-bar{width:100%;height:calc(60px + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:#0a0a0ae6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-around;align-items:center;z-index:12}.tab-btn{width:60px;height:60px;display:flex;justify-content:center;align-items:center;background:transparent;border:none;color:#888;cursor:pointer;transition:all .2s}.tab-btn svg{width:26px;height:26px;fill:currentColor}.tab-btn.active{color:var(--accent-cyan);filter:drop-shadow(0 0 5px rgba(0,180,255,.5))}#btn-lock{color:#555}#btn-lock svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#btn-lock:active{color:var(--accent-green)}.icon-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.icon-btn{display:flex;flex-direction:column;align-items:center;gap:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px;flex:1 1 20%;min-width:60px;cursor:pointer;color:#ccc;font-size:.75rem}.icon-btn svg{width:24px;height:24px;fill:currentColor}.icon-btn:active,.icon-btn.active{background:#00b4ff26;border-color:var(--accent-cyan);color:var(--accent-cyan)}.icon-btn.danger:active{background:#ff000026;border-color:#f44;color:#f44}.slider-group{display:flex;flex-direction:column;gap:5px}.slider-group label{font-size:.85rem;color:#aaa;display:flex;justify-content:space-between}input[type=range]{-webkit-appearance:none;width:100%;background:transparent;height:30px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:20px;width:20px;border-radius:50%;background:var(--accent-cyan);cursor:pointer;margin-top:-8px;box-shadow:0 0 5px #00000080}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;background:#fff3;border-radius:2px}.paper-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.paper-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 5px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}.paper-btn .shape{border:1px solid #888;border-radius:2px}.shape.a-v{width:18px;height:25px}.shape.a-h{width:25px;height:18px}.paper-btn span{font-size:.75rem;color:#aaa}.paper-btn.active{border-color:var(--accent-cyan);background:#00b4ff1a}.paper-btn.active .shape{border-color:var(--accent-cyan)}.paper-btn.active span{color:var(--accent-cyan)}.target-active-glow{filter:drop-shadow(0 0 5px var(--accent-cyan))}#hidden-file-input{display:none}