*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#faf7f2;--card:#ffffff;--ink:#1a1a1a;--sub:#8a8580;--line:#ece6dd;--accent:#e85d04;--accent-soft:#fdeee2;--slider:#e0e0e0}body{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased;padding:env(safe-area-inset-top) 0 calc(env(safe-area-inset-bottom) + 24px)}.wrap{max-width:480px;margin:0 auto;padding:0 16px}header{padding:20px 0 12px;text-align:center}header h1{font-size:22px;font-weight:700;letter-spacing:.5px}header p{font-size:13px;color:var(--sub);margin-top:4px}.preview-box{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px;margin-bottom:10px}canvas#preview{display:block;width:100%;height:auto;border-radius:10px;background:#f5f5f5;cursor:pointer}.tap-hint{text-align:center;font-size:12px;color:var(--accent);margin-bottom:14px;font-weight:600}.pick-btn{display:block;width:100%;padding:14px;border:none;border-radius:12px;background:var(--accent);color:#fff;font-size:16px;font-weight:600;cursor:pointer;margin-bottom:14px}.pick-btn:active{transform:scale(.98)}.thumbs{display:flex;gap:10px;overflow-x:auto;padding:6px 2px 10px;margin-bottom:14px;-webkit-overflow-scrolling:touch}.thumbs:empty{display:none}.thumb{position:relative;flex:0 0 auto;width:96px;touch-action:none;user-select:none;-webkit-user-select:none}.thumb img{width:96px;height:96px;object-fit:cover;border-radius:10px;border:1px solid var(--line);display:block;pointer-events:none}.thumb .num{position:absolute;top:5px;left:5px;background:#000000a6;color:#fff;width:20px;height:20px;border-radius:50%;font-size:11px;line-height:20px;text-align:center;z-index:2;font-weight:600}.thumb .edited-tag{position:absolute;bottom:5px;left:5px;background:var(--accent);color:#fff;font-size:10px;padding:2px 5px;border-radius:5px;z-index:2;font-weight:600}.thumb .del-btn{position:absolute;top:5px;right:5px;background:#000000a6;color:#fff;width:22px;height:22px;border-radius:50%;border:none;font-size:12px;cursor:pointer;z-index:2;line-height:22px;padding:0}.thumb.dragging{opacity:.8}.inputs{display:flex;gap:10px;margin-bottom:14px}.field{flex:1}.field label{display:block;font-size:12px;color:var(--sub);margin-bottom:4px}.field input{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;font-size:15px;color:var(--ink);background:var(--card);-webkit-appearance:none}.field input:focus{outline:none;border-color:var(--accent)}.settings{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:6px 14px;margin-bottom:14px}.setting{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.setting:last-child{border-bottom:none}.setting .name{font-size:14px;color:var(--ink);width:60px;flex-shrink:0}.setting input[type=range]{-webkit-appearance:none;flex:1;height:4px;background:var(--slider);border-radius:2px;outline:none;margin:0}.setting input[type=range]::-webkit-slider-runnable-track{height:4px;background:var(--slider);border-radius:2px}.setting input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;background:var(--accent);border-radius:50%;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px #00000040;margin-top:-10px}.setting .val{font-size:14px;color:var(--sub);width:36px;text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums}.seg{display:flex;gap:4px;flex:1}.seg button{flex:1;padding:8px 0;border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:13px;border-radius:7px;cursor:pointer}.seg button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.actions{display:flex;gap:10px}.actions button{flex:1;padding:13px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer}.btn-save{background:var(--accent);color:#fff}.btn-share{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent)}.actions button:active{transform:scale(.98)}.actions button:disabled{opacity:.45}.hint{font-size:12px;color:var(--sub);text-align:center;margin-top:14px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center}.modal.hidden{display:none}.edit-canvas-box{position:relative}#editCanvas{width:80vmin;height:80vmin;border-radius:8px;background:#1a1a1a;display:block;touch-action:none}.edit-title{position:absolute;top:calc(env(safe-area-inset-top,0px) + 16px);left:0;right:0;text-align:center;color:#fff;font-size:15px;font-weight:600;z-index:2}.edit-hint{position:absolute;top:calc(env(safe-area-inset-top,0px) + 42px);left:0;right:0;text-align:center;color:#fff;font-size:12px;opacity:.6;z-index:2}.edit-toolbar{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 24px);left:0;right:0;display:flex;justify-content:space-between;padding:0 20px;gap:8px;z-index:2}.edit-toolbar button{flex:1;padding:13px 0;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer}.btn-cancel{background:#ffffff26;color:#fff}.btn-rotate{background:#ffffff40;color:#fff}.btn-reset{background:#ffffff26;color:#fff}.btn-ok{background:var(--accent);color:#fff}