:root{--trans-blue:#bce6ff;--trans-pink:#ffd1dc;--trans-white:#fff;--text-dark:#2c3e50;--glass-bg:#ffffffe0;--accent-blue:#54a3ff;--accent-pink:#fa8ea4}body{background:linear-gradient(135deg, var(--trans-blue) 0%, var(--trans-white) 40%, var(--trans-pink) 60%, var(--trans-blue) 100%);color:var(--text-dark);box-sizing:border-box;background-attachment:fixed;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.container{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:4px solid var(--trans-white);border-radius:20px;width:100%;max-width:850px;padding:30px;box-shadow:0 10px 35px #a0bedc4d}h1{text-align:center;color:#4f5d75;margin-top:0;margin-bottom:25px;font-size:1.8rem}h1 span.blue{color:var(--accent-blue)}h1 span.pink{color:var(--accent-pink)}.grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}@media (width<=650px){.grid{grid-template-columns:1fr}}.card{background:#ffffffa6;border:1px solid #fff9;border-radius:14px;padding:20px;box-shadow:0 4px 15px #00000003}.card.photo-card{border-top:5px solid var(--accent-blue)}.card.paper-card{border-top:5px solid var(--accent-pink)}.card.dynamic-card{border-left:5px solid var(--accent-blue);border-right:5px solid var(--accent-pink)}h2{color:#606f7b;margin-top:0;margin-bottom:15px;font-size:1.1rem}.input-group{flex-direction:column;margin-bottom:12px;display:flex}label{color:#789;margin-bottom:4px;font-size:.85rem;font-weight:600}input[type=number],input[type=file]{background:#ffffffe6;border:2px solid #0000000f;border-radius:8px;outline:none;padding:10px;font-size:1rem;transition:all .2s}input[type=number]:focus{border-color:var(--accent-blue)}.radio-flex{gap:12px;margin-bottom:20px;display:flex}.radio-label{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:.85rem;font-weight:500;display:flex;box-shadow:0 2px 5px #00000005}input[type=radio]{display:none}input[type=radio]:checked+.radio-label.w-lnk{border-color:var(--accent-blue);background:#bce6ff33}input[type=radio]:checked+.radio-label.h-lnk{border-color:var(--accent-pink);background:#ffd1dc4d}.slider-wrapper{margin-bottom:20px}.slider-container{align-items:center;gap:15px;margin-top:6px;display:flex}input[type=range]{appearance:none;background:#e2e8f0;border-radius:4px;outline:none;flex:1;height:8px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent-pink);cursor:pointer;border-radius:50%;width:20px;height:20px;box-shadow:0 1px 4px #00000026}.dashboard{text-align:center;background:linear-gradient(135deg,#bce6ff26 0%,#ffd1dc33 100%);border-radius:12px;margin-bottom:20px;padding:15px;font-weight:500}.huge-stat{margin-top:4px;font-size:1.8rem;font-weight:700;display:block}.blue-text{color:#357abd}.pink-text{color:#d06b7e}.canvas-wrapper{background:#e4e7eb;border:1px solid #0000000d;border-radius:12px;justify-content:center;display:flex;position:relative;overflow:hidden}canvas{cursor:crosshair;max-width:100%;height:auto;display:block}.coords-bar{grid-template-columns:1fr 1fr;gap:15px;margin-top:15px;display:grid}.coord-pill{text-align:center;background:#fff;border-radius:8px;padding:12px;font-weight:600;box-shadow:0 2px 8px #00000005}.btn-fullscreen{background:var(--accent-blue);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 14px;font-weight:600;transition:background .2s}.btn-fullscreen:hover{background:#3b8be6}.fullscreen-overlay{z-index:9999;background:#1a202c;flex-direction:column;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.fullscreen-overlay.hidden{display:none!important}.fs-controls{color:#fff;z-index:10;background:#1a202ceb;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.btn-fs-exit{color:#fff;cursor:pointer;background:#e53e3e;border:none;border-radius:6px;padding:8px 16px;font-weight:600}.btn-fs-exit:hover{background:#c53030}.fs-coords-display{flex-direction:column;align-items:flex-end;display:flex}.fs-cm{color:var(--accent-pink);font-size:1.4rem;font-weight:700}.fs-px{color:#a0aec0;margin-top:2px;font-size:.85rem}.fs-hint{color:#cbd5e0;pointer-events:none;background:#000000bf;border-radius:20px;padding:6px 14px;font-size:.8rem;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.fs-canvas-container{cursor:crosshair;flex:1;position:relative;overflow:hidden}#fullscreenCanvas{max-width:none;height:auto;position:absolute;top:0;left:0}