: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);box-sizing:border-box;border-radius:20px;width:100%;max-width:850px;padding:30px;box-shadow:0 10px 35px #a0bedc4d}.app-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}h1{text-align:left;color:#4f5d75;margin:0;font-size:1.8rem}h1 span.blue{color:var(--accent-blue)}h1 span.pink{color:var(--accent-pink)}.orientation-bar{background:#ffffffb3;border:1px solid #fffc;border-radius:12px;align-items:center;gap:10px;padding:6px 12px;display:flex;box-shadow:0 2px 8px #00000005}.orientation-label{color:#606f7b;text-transform:uppercase;letter-spacing:.04em;font-size:.82rem;font-weight:700}.toggle-group{background:#0000000d;border-radius:8px;gap:3px;padding:3px;display:flex}.toggle-btn{color:#606f7b;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:600;transition:all .2s ease-in-out;display:inline-flex}.toggle-btn:hover{color:var(--text-dark);background:#ffffff80}.toggle-btn.active{color:var(--accent-blue);background:#fff;box-shadow:0 2px 6px #00000014}.toggle-btn[data-orientation=portrait].active{color:#d06b7e}.grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}@media (width<=650px){.grid{grid-template-columns:1fr}.app-header{flex-direction:column;align-items:flex-start}}.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.plotter-card{border-top:5px solid var(--accent-blue);transition:border-color .3s}.card.plotter-card.portrait-mode{border-top-color:var(--accent-pink)}.plotter-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.plotter-header h2{margin:0}.orientation-badge{color:#357abd;background:#54a3ff26;border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:700;transition:all .3s}.orientation-badge.portrait{color:#d06b7e;background:#fa8ea42e}.plotter-subtext{color:#666;margin-top:0;margin-bottom:15px;font-size:.85rem}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],.file-input{background:#ffffffe6;border:2px solid #0000000f;border-radius:8px;outline:none;padding:10px;font-size:1rem;transition:all .2s}.file-input{box-sizing:border-box;cursor:pointer;width:100%;margin-bottom:15px}input[type=number]:focus{border-color:var(--accent-blue)}.blue-text{color:#357abd}.pink-text{color:#d06b7e}.canvas-header-bar{background:#ffffffd9;border:1px solid #00000014;border-bottom-color:#0000000d;border-radius:12px 12px 0 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:8px 14px;display:flex}.canvas-header-title{color:#4f5d75;align-items:center;gap:6px;font-size:.85rem;font-weight:700;display:flex}.canvas-wrapper{touch-action:none;-webkit-user-select:none;user-select:none;background:#e4e7eb;border:1px solid #00000014;border-top:none;border-radius:0 0 12px 12px;justify-content:center;align-items:center;min-height:260px;display:flex;position:relative;overflow:hidden}canvas{cursor:crosshair;transform-origin:50%;will-change:transform;max-width:100%;height:auto;display:block}.zoom-toolbar{align-items:center;gap:6px;display:flex}.zoom-btn{width:28px;height:28px;color:var(--text-dark);cursor:pointer;background:#0000000d;border:none;border-radius:6px;justify-content:center;align-items:center;gap:4px;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.zoom-btn:hover{color:#357abd;background:#54a3ff33}.zoom-btn.reset-btn{width:auto;padding:0 8px;font-size:.75rem}.zoom-level{color:#4f5d75;text-align:center;-webkit-user-select:none;user-select:none;min-width:44px;font-size:.8rem;font-weight:700}.zoom-slider{width:85px;height:4px;accent-color:var(--accent-blue);cursor:pointer}@media (width<=540px){.canvas-header-bar{justify-content:center}.zoom-slider{display:none}}.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}@media (width<=650px){.coords-bar{grid-template-columns:1fr}}