:root{--safe-top: max(12px, env(safe-area-inset-top));--safe-bottom: max(8px, env(safe-area-inset-bottom))}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}input,textarea,select{font-size:16px}[data-sonner-toaster][data-y-position=top]{top:calc(env(safe-area-inset-top,0px) + 16px)!important}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,system-ui,sans-serif;background:#0b0f19;color:#e6edf3;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button{font:inherit;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:12px;border:none;font-weight:600;font-size:16px;letter-spacing:-.01em;transition:transform 80ms ease,opacity .12s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.97)}.btn--primary{background:#3b82f6;color:#fff}.btn--ghost{background:transparent;color:#c8d2e0;border:1px solid #2a3142}.guide{min-height:100%;padding:env(safe-area-inset-top) 20px env(safe-area-inset-bottom);padding-top:max(24px,env(safe-area-inset-top));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;position:relative}.guide__card{background:#131826;border:1px solid #1f2536;border-radius:20px;padding:28px 24px;max-width:420px;width:100%;text-align:center}.guide__title{font-size:24px;letter-spacing:-.02em;margin:0 0 8px}.guide__lead{color:#9aa6bb;margin:0 0 20px;line-height:1.55}.guide__steps{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-direction:column;gap:10px}.guide__note{font-size:12px;color:#7282a0;margin:14px 0 0}.guide__addbtn{display:inline-block;background:#3b82f6;color:#fff;padding:4px 10px;border-radius:6px;font-size:13px;font-weight:600}.step{display:flex;align-items:center;gap:12px;padding:12px;background:#0f1422;border:1px solid #1f2536;border-radius:14px;text-align:left}.step__num{flex:0 0 28px;height:28px;border-radius:50%;background:#3b82f6;color:#fff;font-weight:700;display:grid;place-items:center;font-size:14px}.step__body{flex:1;display:flex;align-items:center;justify-content:space-between;gap:10px}.step__title{font-size:15px}.step__visual{color:#9aa6bb;flex:0 0 auto}.step__icons{display:inline-flex;gap:6px;align-items:center}.guide__note strong{color:#3b82f6}.upload{min-height:100%;padding:max(24px,env(safe-area-inset-top)) 20px env(safe-area-inset-bottom);display:flex;flex-direction:column}.upload__header{text-align:center;margin-bottom:24px}.upload__title{font-size:32px;margin:0;letter-spacing:-.02em}.upload__hint{color:#8b95a7;margin:4px 0 0;font-size:14px}.upload__main{flex:1;display:grid;place-items:center}.picker{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:linear-gradient(180deg,#1a2236,#131826);color:#e6edf3;border-radius:24px;padding:40px 28px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 1px #ffffff0a inset,0 12px 28px #00000059;min-width:260px}.picker:disabled{opacity:.6}.picker__label{font-size:20px;font-weight:600;letter-spacing:-.01em}.picker__sub{font-size:12px;color:#8b95a7}.sheet__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:50}.sheet{position:fixed;bottom:0;left:0;right:0;background:#131826;border-top-left-radius:20px;border-top-right-radius:20px;padding:16px 20px env(safe-area-inset-bottom);max-height:92vh;display:flex;flex-direction:column;z-index:51}.sheet:before{content:"";display:block;width:40px;height:4px;border-radius:2px;background:#2a3142;margin:4px auto 12px}.sheet__title{font-size:18px;margin:0 0 4px}.sheet__desc{font-size:13px;color:#8b95a7;margin:0 0 12px}.sheet__thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;overflow-y:auto;padding:4px 0 12px;max-height:50vh}.thumb{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;background:#0b0f19}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb__remove{position:absolute;top:0;right:0;width:44px;height:44px;border-radius:0 10px;border:none;background:transparent;color:#fff;font-size:20px;line-height:1;display:grid;place-items:end start;padding:6px 6px 0 0}.thumb__remove:before{content:"×";display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#000000b3;font-size:16px}.progress{position:relative;height:8px;background:#1f2536;border-radius:4px;margin:8px 0 12px;overflow:hidden}.progress__bar{height:100%;background:#3b82f6;transition:width .1s linear}.progress__label{position:absolute;right:0;top:-20px;font-size:11px;color:#8b95a7}.sheet__actions{display:grid;grid-template-columns:1fr 2fr;gap:10px;padding-top:8px}