*{box-sizing:border-box;margin:0}:root{--glass:#1c1d209e;--glass-border:#ffffff24;--text:#f4f3ef;--muted:#b9b7af;--accent:#f2c422;--accent-strong:#ffd84d}html,body{height:100%}body{color:var(--text);background:#17130f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;overflow:hidden}.vc-root{user-select:none;position:fixed;inset:0;overflow:hidden}.hero{cursor:ew-resize;touch-action:none;position:absolute;inset:0}.hero-layer{background-position:50%;background-size:cover;position:absolute;inset:0}.hero-handle{background:#ffffffe6;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;box-shadow:0 0 14px #0000008c}.hero-grip{background:var(--glass);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);width:42px;height:42px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 20px #0006}.brand-chip{background:var(--glass);-webkit-backdrop-filter:blur(16px)saturate(1.15);border:1px solid var(--glass-border);pointer-events:none;border-radius:14px;align-items:center;gap:10px;padding:10px 18px 10px 14px;display:flex;position:absolute;top:22px;left:24px;box-shadow:0 10px 32px #00000059}.condor{width:40px;height:17px;color:var(--accent-strong);flex-shrink:0}.brand-name{letter-spacing:.32em;font-size:13px;font-weight:650}.drop-card{text-align:center;-webkit-backdrop-filter:blur(16px)saturate(1.15);border:1px solid var(--glass-border);background:#18191c94;border-radius:22px;flex-direction:column;align-items:center;gap:8px;width:min(380px,86vw);padding:30px 28px 26px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 60px #00000073}.drop-card .condor{width:52px;height:22px;margin-bottom:4px}.drop-title{letter-spacing:.01em;font-size:21px;font-weight:650}.drop-sub{color:var(--muted);margin-bottom:12px;font-size:13.5px}.drop-hint{color:var(--muted);margin-top:10px;font-size:12px}button{font:inherit;color:var(--text);border:1px solid var(--glass-border);cursor:pointer;background:#ffffff17;border-radius:10px;padding:8px 16px;font-size:13px;transition:background .15s,border-color .15s,transform 60ms}button:hover:not(:disabled){background:#ffffff29}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--accent);color:#191504;border-color:#0000;font-weight:650}button.primary:hover:not(:disabled){background:var(--accent-strong)}button.ghost{color:var(--muted);background:0 0;border-color:#0000;padding-left:8px;padding-right:8px}button.ghost:hover:not(:disabled){color:var(--text);background:#ffffff14}.stage{pointer-events:none;justify-content:center;align-items:center;padding:30px 356px 30px 30px;display:flex;position:absolute;inset:0}.stage-box{pointer-events:auto;background:#fff;border:1px solid #ffffff47;border-radius:18px;max-width:100%;max-height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 80px #0000008c}.stage-box canvas{object-fit:contain;max-width:100%;max-height:calc(100vh - 60px);display:block}.stage-box.comparing{cursor:ew-resize;touch-action:none}.cmp-handle{pointer-events:none;background:#ffffffe6;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;box-shadow:0 0 10px #00000080}.cmp-grip{-webkit-backdrop-filter:blur(8px);color:#fff;background:#18191cb8;border:1px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 14px #0006}.stage-overlay{-webkit-backdrop-filter:blur(3px);color:#fff;text-shadow:0 1px 5px #000000b3;text-align:center;background:#14100c73;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:absolute;inset:0}.stage-overlay p{font-size:14.5px;font-weight:550}.error-text{color:#ffd9c4;max-width:380px}.spinner{border:3px solid #ffffff40;border-top-color:var(--accent-strong);border-radius:50%;width:34px;height:34px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.menu{background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(1.2);border:1px solid var(--glass-border);border-radius:20px;flex-direction:column;gap:16px;width:306px;padding:20px 18px 14px;display:flex;position:absolute;top:22px;bottom:22px;right:22px;overflow-y:auto;box-shadow:0 20px 60px #00000073}.menu-brand{border-bottom:1px solid #ffffff1f;align-items:center;gap:10px;padding-bottom:12px;display:flex}.menu section h2{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-bottom:10px;font-size:10.5px;font-weight:650}.segmented{border:1px solid var(--glass-border);border-radius:11px;display:flex;overflow:hidden}.segmented button{background:0 0;border:none;border-radius:0;flex:1;padding:8px 0}.segmented button.active{background:var(--accent);color:#191504;font-weight:650}.viewgrid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.viewgrid button{padding:7px 0;font-size:12.5px}.viewgrid button.active{background:var(--accent);color:#191504;border-color:#0000;font-weight:650}.stylegrid{grid-template-columns:repeat(2,1fr);gap:6px;margin:10px 0 12px;display:grid}.stylegrid button{padding:7px 0;font-size:12.5px}.stylegrid button.active{background:var(--accent);color:#191504;border-color:#0000;font-weight:650}.check{cursor:pointer;align-items:center;gap:8px;margin:2px 0 12px;font-size:13px;display:flex}.check input{accent-color:var(--accent);width:15px;height:15px}.draw-btn{width:100%;padding:9px 0;font-size:13.5px}.chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.chip{font-variant-numeric:tabular-nums;border-radius:13px;min-width:30px;height:26px;padding:0 8px;font-size:12px}.chip.active{background:var(--accent);color:#191504;border-color:#0000;font-weight:650}.btn-row{gap:8px;display:flex}.btn-row button{flex:1;padding-left:0;padding-right:0}.slider{cursor:default;margin-bottom:13px;display:block}[data-tip]{cursor:help}.menu button[data-tip]{cursor:pointer}.tooltip{max-width:240px;color:var(--text);border:1px solid var(--glass-border);pointer-events:none;z-index:50;background:#101114f0;border-radius:10px;padding:9px 12px;font-size:12.5px;line-height:1.45;animation:.11s ease-out tip-in;position:fixed;transform:translateY(-50%);box-shadow:0 10px 30px #00000080}.tooltip:after{content:"";border-right:1px solid var(--glass-border);border-top:1px solid var(--glass-border);background:#101114f0;width:9px;height:9px;position:absolute;top:50%;right:-5px;transform:translateY(-50%)rotate(45deg)}@keyframes tip-in{0%{opacity:0;transform:translate(6px,-50%)}}.slider-head{justify-content:space-between;margin-bottom:5px;font-size:13px;display:flex}.slider-value{color:var(--muted);font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--accent)}.menu-foot{border-top:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:10px;display:flex}.status{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}@media (width<=900px){.stage{padding:16px 16px 46vh}.menu{width:auto;max-height:42vh;inset:auto 16px 16px}}