:root{font-family:Space Grotesk,SUIT,Noto Sans KR,sans-serif;line-height:1.45;font-weight:400;color:#26190f;background:linear-gradient(165deg,#ffe8c8,#f8d9cb 48%,#f9f4ef);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}.page{position:relative;min-height:100vh;padding:2rem 1.25rem;display:grid;place-items:center;overflow:hidden}.panel{position:relative;width:min(100%,620px);padding:2rem;border-radius:26px;background:#fffcf8e0;border:1px solid rgba(255,255,255,.7);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 24px 65px #4a2b1324;z-index:2}.panel__header h1{margin:0;font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-.01em}.panel__eyebrow{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.14em;color:#9a5627}.panel__description{margin:.6rem 0 0;color:#5f5850}.stylist-form{margin-top:1.5rem;display:grid;gap:1rem}.field{display:grid;gap:.45rem}.field span{font-size:.92rem;font-weight:600;color:#3f2d20}.field input{width:100%;padding:.8rem .85rem;border-radius:11px;border:1px solid #d6ccc0;background:#fffefb;font-size:.96rem}.field input:focus{outline:none;border-color:#b7672f;box-shadow:0 0 0 3px #b7672f29}.file-input{display:none}.dropzone{border:2px dashed #d8bfa9;border-radius:14px;background:#fff8ef;padding:1rem;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,transform .2s ease}.dropzone strong{display:block;color:#6b3f20;font-size:.95rem}.dropzone p{margin:.35rem 0 0;color:#8d694f;font-size:.86rem}.dropzone--dragging{border-color:#c06a33;background:#fff0df;transform:translateY(-1px)}.privacy-note{margin:-.35rem 0 0;font-size:.82rem;color:#7e6754;line-height:1.4}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.preview{border-radius:14px;overflow:hidden;min-height:180px;background:#f4ece2;display:grid;place-items:center}.preview img{width:100%;height:280px;object-fit:cover}.preview--empty{border:1px dashed #d7beab;color:#987355;font-size:.9rem}button{padding:.92rem 1.2rem;border:0;border-radius:12px;font-size:.97rem;font-weight:700;color:#fff;background:linear-gradient(120deg,#b85b22,#df8a3d);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}button:hover{transform:translateY(-1px);box-shadow:0 8px 20px #b55f2547}button:disabled{opacity:.75;cursor:wait;transform:none;box-shadow:none}.status{margin:.3rem 0 0;font-size:.9rem;color:#7a431c}.status--error{color:#a62b2b}.report{margin-top:1.2rem;padding:1rem;border:1px solid #e7d5c5;border-radius:12px;background:#fff9f2}.report h2{margin:0;font-size:1rem;color:#603a21}.report p{margin:.7rem 0 0;color:#453b33;white-space:pre-wrap}.hairstyle-result{margin-top:1rem}.hairstyle-result h3{margin:0;font-size:.95rem;color:#603a21}.hairstyle-result img{margin-top:.55rem;width:100%;border-radius:10px;border:1px solid #e7d5c5;display:block}.hairstyle-error{margin-top:.7rem;color:#8b3e1f;font-size:.88rem}.background-glow{position:absolute;inset:0;z-index:1;pointer-events:none}.background-glow div{position:absolute;border-radius:999px;filter:blur(1px)}.background-glow div:first-child{width:360px;height:360px;top:-120px;left:-110px;background:radial-gradient(circle at center,#ffc773,transparent 68%)}.background-glow div:last-child{width:420px;height:420px;right:-150px;bottom:-160px;background:radial-gradient(circle at center,#ff9e7a,transparent 64%)}@media(max-width:700px){.panel{padding:1.35rem;border-radius:18px}.field-row{grid-template-columns:1fr}.preview img{height:230px}}