:root{--trans-blue:#bce6ff;--trans-pink:#ffd1dc;--trans-white:#fff;--text-dark:#2c3e50;--glass-bg:#ffffffe6;--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);padding:12px;padding-top:max(12px, env(safe-area-inset-top));padding-bottom:max(12px, env(safe-area-inset-bottom));padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right));box-sizing:border-box;background-attachment:fixed;justify-content:center;align-items:center;height:100dvh;min-height:100dvh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden}.container{background:var(--glass-bg);-webkit-backdrop-filter:blur(14px);border:3px solid var(--trans-white);box-sizing:border-box;border-radius:18px;flex-direction:column;width:100%;max-width:1300px;height:100%;padding:12px 14px;display:flex;overflow:hidden;box-shadow:0 10px 35px #a0bedc4d}.container.plotter-card{border-top:4px solid var(--accent-blue);transition:border-color .3s}.container.plotter-card.portrait-mode{border-top-color:var(--accent-pink)}.canvas-header-bar{background:#ffffffeb;border:1px solid #00000014;border-radius:12px;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:6px 12px;display:flex;box-shadow:0 2px 6px #00000005}.zoom-toolbar,.actions-toolbar{align-items:center;gap:6px;display:flex}.zoom-btn{min-width:30px;height:30px;color:var(--text-dark);cursor:pointer;box-sizing:border-box;background:#0000000d;border:none;border-radius:7px;justify-content:center;align-items:center;gap:5px;padding:0 8px;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.zoom-btn:hover{color:#357abd;background:#54a3ff33}.zoom-btn:active{transform:scale(.96)}.zoom-btn.reset-btn{padding:0 10px;font-size:.78rem}.zoom-btn.action-btn{color:#357abd;background:#54a3ff1f;padding:0 10px;font-size:.8rem}.zoom-btn.action-btn:hover{background:#54a3ff40}.zoom-btn.help-btn{color:#606f7b;width:30px;padding:0;font-weight:700}.zoom-level{color:#4f5d75;text-align:center;-webkit-user-select:none;user-select:none;min-width:44px;font-size:.82rem;font-weight:700}.zoom-slider{width:90px;height:4px;accent-color:var(--accent-blue);cursor:pointer}.canvas-wrapper{touch-action:none;-webkit-user-select:none;user-select:none;background:#e4e7eb;border:1px solid #00000014;border-radius:12px;flex:1 1 0;justify-content:center;align-items:center;min-height:0;margin-top:8px;margin-bottom:8px;transition:background .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.canvas-wrapper.drag-over{border:2px dashed var(--accent-blue);background:#54a3ff1f}canvas{cursor:crosshair;transform-origin:50%;will-change:transform;touch-action:none;max-width:100%;max-height:100%;display:block}.empty-canvas-prompt{color:#7a8b99;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff4d;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:all .2s;display:flex;position:absolute;inset:0}.empty-canvas-prompt:hover{color:var(--accent-blue);background:#ffffff80}.empty-canvas-prompt p{margin:0;font-size:.95rem;font-weight:600}.coords-bar{box-sizing:border-box;z-index:10;flex-shrink:0;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:auto;padding:4px 0 2px;display:flex}.coord-pill{-webkit-user-select:none;user-select:none;white-space:nowrap;box-sizing:border-box;background:#fff;border:1px solid #0000000f;border-radius:16px;flex:1 1 0;justify-content:center;align-items:center;gap:6px;min-width:0;max-width:250px;padding:7px 14px;font-size:.9rem;font-weight:700;display:inline-flex;box-shadow:0 2px 6px #0000000a}.coord-pill span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.coord-icon{flex-shrink:0;font-size:1.05rem;line-height:1}.blue-text{color:#357abd}.pink-text{color:#d06b7e}.modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:1000;opacity:0;visibility:hidden;box-sizing:border-box;background:#1e293b73;justify-content:center;align-items:center;padding:16px;transition:opacity .2s,visibility .2s;display:flex;position:fixed;inset:0}.modal-backdrop.open{opacity:1;visibility:visible}.modal-card{border:3px solid var(--trans-white);box-sizing:border-box;background:#fffffff7;border-radius:18px;flex-direction:column;width:100%;max-width:520px;max-height:88vh;padding:22px;transition:transform .2s cubic-bezier(.16,1,.3,1);display:flex;transform:scale(.94);box-shadow:0 20px 45px #0000002e}.modal-backdrop.open .modal-card{transform:scale(1)}.modal-header{border-bottom:1px solid #00000014;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:10px;display:flex}.modal-header h1{color:#4f5d75;margin:0;font-size:1.35rem}.modal-header h1 span.blue{color:var(--accent-blue)}.modal-header h1 span.pink{color:var(--accent-pink)}.modal-header h2{color:#4f5d75;margin:0;font-size:1.2rem}.modal-close-btn{color:#606f7b;cursor:pointer;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.95rem;font-weight:700;transition:all .2s;display:flex}.modal-close-btn:hover{color:#d06b7e;background:#fa8ea440}.modal-scroll-area{flex:1;padding-right:4px;overflow-y:auto}.modal-scroll-area::-webkit-scrollbar{width:6px}.modal-scroll-area::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}.option-section{margin-bottom:14px}.option-row{gap:14px;margin-bottom:14px;display:flex}.flex-1{flex:1}.section-label{color:#606f7b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:.78rem;font-weight:700;display:block}.toggle-group{background:#0000000f;border-radius:8px;gap:3px;padding:3px;display:flex}.toggle-btn{color:#606f7b;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;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}.options-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:4px;display:grid}.card{background:#ffffffbf;border:1px solid #0000000f;border-radius:12px;padding:14px;box-shadow:0 2px 8px #00000005}.card.photo-card{border-top:4px solid var(--accent-blue)}.card.paper-card{border-top:4px solid var(--accent-pink)}.card h2{color:#606f7b;margin-top:0;margin-bottom:10px;font-size:.92rem}.input-group{flex-direction:column;margin-bottom:8px;display:flex}.input-group:last-child{margin-bottom:0}label{color:#789;margin-bottom:3px;font-size:.8rem;font-weight:600}input[type=number],.file-input{box-sizing:border-box;background:#fffffff2;border:1.5px solid #00000014;border-radius:7px;outline:none;padding:8px 10px;font-size:.92rem;transition:all .2s}.file-input{cursor:pointer;width:100%;padding:6px;font-size:.85rem}input[type=number]:focus{border-color:var(--accent-blue)}.modal-footer{border-top:1px solid #0000000f;justify-content:flex-end;margin-top:14px;padding-top:10px;display:flex}.primary-btn{background:var(--accent-blue);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 22px;font-size:.88rem;font-weight:600;transition:background .2s,transform .1s}.primary-btn:hover{background:#3a8ded}.primary-btn:active{transform:scale(.98)}.help-content{flex-direction:column;gap:10px;display:flex}.help-item{background:#ffffffb3;border:1px solid #0000000d;border-radius:10px;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.help-icon{flex-shrink:0;font-size:1.3rem;line-height:1.2}.help-text strong{color:#2c3e50;margin-bottom:2px;font-size:.88rem;display:block}.help-text p{color:#606f7b;margin:0;font-size:.82rem;line-height:1.4}@media (width<=600px){body{padding:6px;padding-top:max(6px, env(safe-area-inset-top));padding-bottom:max(14px, env(safe-area-inset-bottom));padding-left:max(6px, env(safe-area-inset-left));padding-right:max(6px, env(safe-area-inset-right))}.container{border-radius:14px;padding:8px 8px 10px}.canvas-header-bar{gap:4px;padding:5px 8px}.zoom-btn{min-width:28px;height:28px;padding:0 6px}.zoom-slider{display:none}.canvas-wrapper{margin-top:6px;margin-bottom:6px}.coords-bar{gap:6px;margin-top:6px;padding-bottom:2px}.coord-pill{border-radius:12px;gap:4px;max-width:none;padding:6px 8px;font-size:.82rem}.coord-icon{font-size:.95rem}.options-grid{grid-template-columns:1fr}.option-row{flex-direction:column;gap:10px}}