*{box-sizing:border-box}:root{--bg:#0d0d10;--paper:#f4efe9;--surface:#1c1b20;--surface2:#26242a;--border:#454149;--muted:#aaa4ad;--pink:#e83e82;--safe-top:env(safe-area-inset-top);--safe-bottom:env(safe-area-inset-bottom);color-scheme:dark}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}body{padding-bottom:calc(22px + var(--safe-bottom))}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:13px;padding:calc(10px + var(--safe-top)) 16px 11px;background:#0d0d10ed;backdrop-filter:blur(14px);border-bottom:1px solid #ffffff18}.topbar h1{font-size:18px;margin:0;display:flex;align-items:center;gap:7px}.topbar p{font-size:12px;color:var(--muted);margin:2px 0 0}.demo-badge{font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--pink);background:#e83e8226;border:1px solid #e83e8255;border-radius:999px;padding:2px 8px}.demo-note{color:var(--muted);font-size:12.5px;max-width:520px;margin:2px auto 0;line-height:1.4}.back{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#ffffff12;color:var(--paper);font-size:34px;line-height:1;text-decoration:none;padding-bottom:5px}main{width:min(720px,100%);margin:0 auto;padding:16px}.card{background:var(--surface);border:1px solid #ffffff1f;border-radius:22px;padding:18px;box-shadow:0 12px 35px #0004}.start-card{text-align:center;margin-top:10vh}.intro-icon{width:66px;height:66px;margin:0 auto 13px;border-radius:22px;display:grid;place-items:center;font-size:30px;background:linear-gradient(145deg,#f0518f,#8459ec)}h2{font-size:20px;margin:0 0 8px}.start-card>p{color:var(--muted);max-width:520px;margin:8px auto 20px}.pick-row,.action-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pick{display:flex;align-items:center;justify-content:center}.pick input{display:none}button,.pick{min-height:48px;border:0;border-radius:15px;padding:12px 15px;color:white;font:700 15px inherit;cursor:pointer;text-align:center}.primary{background:linear-gradient(135deg,#ed447f,#8c5dec)}.secondary{background:var(--surface2);border:1px solid var(--border)}.status{min-height:20px;color:var(--muted);font-size:13px;margin:14px 0 0}.status.error{color:#ff8989}.status.ok{color:#63dc95}.hidden{display:none!important}.editor{display:grid;gap:14px}.photo-card{padding:10px}.canvas-wrap{position:relative;background:#050506;border-radius:16px;overflow:hidden;min-height:240px;display:grid;place-items:center;touch-action:none}.canvas-wrap canvas{transition:transform .12s ease-out}.canvas-wrap.zoomed canvas{transition:none;cursor:grab}.canvas-wrap canvas{display:block;width:100%;height:auto;max-height:62vh;object-fit:contain}.busy{position:absolute;inset:0;background:#09090ccc;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center}.busy span{width:38px;height:38px;border:4px solid #ffffff30;border-top-color:#f05291;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.compare-row{display:flex;justify-content:space-between;gap:10px;padding:10px 4px 0}.small-btn{background:transparent;color:var(--muted);min-height:38px;padding:5px 8px;font-size:13px}.controls{display:grid;gap:15px}.control-title{display:flex;justify-content:space-between;align-items:center}.control-title h2{margin:0}.control-title output{font:600 13px ui-monospace,monospace;color:var(--muted)}.palette{display:grid;grid-template-columns:repeat(8,1fr);gap:9px}.swatch{width:100%;aspect-ratio:1;border-radius:50%;border:2px solid #ffffff35;padding:0;min-height:0}.swatch.active{outline:3px solid white;outline-offset:2px}.color-custom,.toggle-row{display:flex;justify-content:space-between;align-items:center;color:var(--muted)}input[type=color]{width:52px;height:36px;padding:2px;border-radius:10px;border:1px solid var(--border);background:var(--surface2)}.range-row{display:grid;grid-template-columns:1fr auto;gap:7px;color:var(--muted);font-size:14px}.range-row input{grid-column:1/-1;width:100%;accent-color:var(--pink)}.advanced{border-top:1px solid #ffffff18;padding-top:13px}.advanced summary{cursor:pointer;font-weight:650}.advanced>*:not(summary){margin-top:14px}.full{width:100%}.toast{position:fixed;z-index:20;left:50%;bottom:calc(46px + var(--safe-bottom));transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);background:#f4efe9;color:#18171b;padding:12px 18px;border-radius:999px;box-shadow:0 8px 30px #0008;font-weight:650;font-size:14px}.small-btn.undo{color:var(--pink);font-weight:700}@media(max-width:420px){.palette{grid-template-columns:repeat(6,1fr)}.pick-row,.action-row{grid-template-columns:1fr}.start-card{margin-top:4vh}}