:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#f5f7f8;background:#101419}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 5%,#21313a,#101419 55%)}.shell{max-width:650px;margin:0 auto;padding:55px 20px 48px;text-align:center}.eyebrow{color:#79e5d3;letter-spacing:.2em;font-size:12px;font-weight:700}h1{font-size:clamp(44px,9vw,70px);line-height:1.04;letter-spacing:-.055em;margin:18px 0}h1 span{color:#62e9bb}.subtitle{color:#c5d2d5;font-size:18px;line-height:1.6}.panel{margin:32px 0 24px;padding:clamp(18px,5vw,30px);border:1px solid #36514e;border-radius:18px;background:#1a2428;text-align:left;line-height:1.6}.demo{font-size:11px;letter-spacing:.12em;color:#e7c667;font-weight:800}.panel label{display:block;margin:18px 0 6px;color:#bacdd0;font-size:13px}select,textarea{width:100%;border:1px solid #49605f;border-radius:10px;background:#111a1e;color:#f5f7f8;padding:12px;font:inherit}textarea{resize:vertical;min-height:140px}textarea:disabled{opacity:.55}h2{font-size:23px;line-height:1.4;margin:28px 0 18px}button{border:0;background:#62e9bb;color:#0d1d1b;padding:12px 18px;border-radius:9px;font:inherit;font-weight:750;cursor:pointer}button:hover{filter:brightness(1.08)}button.secondary{background:#34454a;color:#f3f8f8}.actions{display:flex;gap:12px;justify-content:space-between;margin-top:20px;flex-wrap:wrap}.progress{display:flex;justify-content:space-between;color:#7ae6c7;font-size:12px;font-weight:750;letter-spacing:.12em}.bar{height:6px;background:#334448;border-radius:5px;margin:10px 0 25px}.bar div{height:100%;background:#62e9bb;border-radius:5px}.notice{color:#e7c667;font-size:13px}.review{border-top:1px solid #344a4c;padding:15px 0}.review p{white-space:pre-wrap;color:#b7c8cb}small{color:#8da3a5}.photo-upload{margin:28px 0;padding:24px;background:#17252b;border:1px solid #36534d;border-radius:18px}.photo-upload h3{margin-top:0;color:#5ee4bb}.photo-upload input[type=file]{display:block;width:100%;max-width:380px;margin:20px 0;padding:12px;color:#dce9e7;background:#24383d;border:1px dashed #5ee4bb;border-radius:12px}.photo-upload input[type=file]::file-selector-button{padding:12px 16px;margin-right:12px;background:#5ee4bb;color:#10252a;border:0;border-radius:8px;font-weight:700;cursor:pointer}.photo-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:18px;margin-top:22px}.photo-item{display:flex;flex-direction:column;gap:10px;min-width:0;padding:12px;background:#24343a;border:1px solid #38514f;border-radius:14px}.photo-item img{display:block;width:100%!important;height:150px!important;object-fit:cover;border-radius:9px}.photo-item span{overflow-wrap:anywhere;color:#c5d5d6;font-size:13px}.photo-item button{width:100%;padding:10px 8px;font-size:13px}@media(max-width:480px){.photo-upload{padding:16px}.photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.photo-item{padding:8px}.photo-item img{height:120px!important}}.photo-upload-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;margin:8px 0 20px;background:#5ee4bb;color:#10252b;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:background .2s ease,transform .2s ease}.photo-upload-button:hover{background:#80efd0;transform:translateY(-2px)}.photo-upload-button{color:#10252b!important;text-align:center}
