*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{color:#171717;background:#f4f1eb;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{color:inherit}.shell{min-height:100vh;padding:32px 24px 64px}.hero{width:min(1240px,100%);margin:0 auto}.topline{justify-content:space-between;align-items:center;gap:24px;padding:4px 0 42px;display:flex}.brand{letter-spacing:-.04em;font-size:24px;font-weight:800}.eyebrow{letter-spacing:.16em;opacity:.48;text-align:right;font-size:11px;font-weight:700}.intro-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:end;gap:42px;margin-bottom:34px;display:grid}h1{letter-spacing:-.065em;max-width:860px;margin:0;font-size:clamp(48px,8vw,108px);line-height:.91}.lead{opacity:.82;max-width:780px;margin:28px 0 0;font-size:clamp(18px,2.4vw,28px);line-height:1.18}.phase-card{border-top:1px solid #0000002e;padding-top:18px}.phase-card span,.empty-result>span,.loading-result>span,.analysis-header>span{letter-spacing:.15em;opacity:.48;margin-bottom:13px;font-size:11px;font-weight:700;display:block}.phase-card strong{margin-bottom:8px;font-size:20px;display:block}.phase-card p{opacity:.62;margin:0;font-size:14px;line-height:1.45}.workspace{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:start;gap:14px;display:grid}.upload-panel,.result-panel{background:#ffffff9e;border:1px solid #00000017;border-radius:28px;overflow:hidden}.upload-panel{padding:14px;transition:border-color .18s,background .18s}.upload-panel.dragging{background:#ffffffdb;border-color:#00000061}.drop-zone{cursor:pointer;background:#ffffff5c;border:1px dashed #0003;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;min-height:520px;padding:34px;transition:transform .16s,background .16s;display:flex}.drop-zone:hover{background:#ffffffbf;transform:translateY(-1px)}.drop-zone:disabled{cursor:wait}.upload-icon{color:#fff;background:#171717;border-radius:50%;place-items:center;width:54px;height:54px;margin-bottom:14px;font-size:30px;font-weight:300;display:grid}.drop-zone strong{letter-spacing:-.03em;font-size:24px}.drop-zone>span:not(.upload-icon){opacity:.57}.drop-zone small{opacity:.42;margin-top:12px}.preview-frame{background:#ddd7cf;border-radius:20px;width:100%;min-height:520px;position:relative;overflow:hidden}.preview-frame img{object-fit:cover}.file-row{justify-content:space-between;align-items:center;gap:18px;padding:16px 6px 12px;display:flex}.file-row>div{min-width:0}.file-label{letter-spacing:.11em;text-transform:uppercase;opacity:.44;margin-bottom:4px;font-size:11px;display:block}.file-row strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.text-button{text-underline-offset:3px;cursor:pointer;opacity:.65;background:0 0;border:0;text-decoration:underline}.primary-button{color:#fff;cursor:pointer;background:#171717;border:0;border-radius:18px;width:100%;padding:19px 22px;font-size:17px;font-weight:700;transition:opacity .16s,transform .16s}.primary-button:hover{transform:translateY(-1px)}.primary-button:disabled{cursor:not-allowed;opacity:.38;transform:none}.error-box{color:#6a2416;background:#f4d9d2;border-radius:15px;margin-top:12px;padding:14px 16px;font-size:14px;line-height:1.4}.result-panel{min-height:638px}.empty-result,.loading-result{flex-direction:column;justify-content:flex-end;min-height:638px;padding:52px;display:flex}.empty-result h2,.loading-result h2,.analysis-header h2{letter-spacing:-.055em;margin:0 0 18px;font-size:clamp(34px,4vw,58px);line-height:.95}.empty-result p,.loading-result p{opacity:.6;max-width:500px;margin:0;font-size:17px;line-height:1.5}.spinner{border:2px solid #0000001f;border-top-color:#171717;border-radius:50%;width:34px;height:34px;margin-bottom:26px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.analysis{padding:18px}.analysis-header{padding:32px 30px 34px}.analysis-header h2{text-transform:none}.analysis-header p{opacity:.68;margin:0;font-size:17px;line-height:1.5}.analysis-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.analysis-grid article{background:#fffc;border:1px solid #00000012;border-radius:18px;min-height:128px;padding:20px}.analysis-grid article.wide{grid-column:1/-1;min-height:auto}.analysis-grid article.caution{background:#f0ebe2}.analysis-grid article.product-card,.product-card{color:#fff;background:#171717}.analysis-grid article>p{margin:10px 0 0;line-height:1.45}.section-label{letter-spacing:.13em;text-transform:uppercase;opacity:.45;margin-bottom:12px;font-size:10px;font-weight:700;display:block}.tags{flex-wrap:wrap;gap:7px;display:flex}.tags span{opacity:.72;text-transform:none;border:1px solid;border-radius:999px;align-items:center;min-height:30px;padding:6px 10px;font-size:13px;display:inline-flex}.product-card .tags span{opacity:.88;border-color:#ffffff61}.analysis-list{margin:0;padding-left:20px}.analysis-list li{opacity:.72;margin:7px 0;line-height:1.4}.muted{opacity:.42;margin:0;font-size:14px}.quick-findings{gap:10px;display:grid}.quick-findings article{background:#fffc;border:1px solid #00000012;border-radius:18px;padding:20px}.quick-findings article>p{margin:0;line-height:1.45}.quick-findings .product-card{border-color:#171717}.details-panel{background:#ffffff75;border:1px solid #00000014;border-radius:18px;margin-top:10px;overflow:hidden}.details-panel summary{cursor:pointer;justify-content:space-between;align-items:center;padding:18px 20px;font-weight:700;list-style:none;display:flex}.details-panel summary::-webkit-details-marker{display:none}.details-panel summary:after{content:"+";opacity:.45;font-size:22px;font-weight:400}.details-panel[open] summary:after{content:"−"}.detailed-grid{padding:0 10px 10px}.design-brief{grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);align-items:start;gap:48px;margin-top:72px;scroll-margin-top:24px;display:grid}.brief-intro{position:sticky;top:24px}.brief-intro>span,.brief-ready>div:first-child>span{letter-spacing:.15em;opacity:.48;margin-bottom:18px;font-size:11px;font-weight:700;display:block}.brief-intro h2,.brief-ready h2{letter-spacing:-.055em;margin:0 0 22px;font-size:clamp(42px,5.8vw,78px);line-height:.92}.brief-intro p{opacity:.64;max-width:430px;margin:0;font-size:17px;line-height:1.5}.brief-form{background:#ffffff9e;border:1px solid #00000017;border-radius:28px;overflow:hidden}.brief-field{border-bottom:1px solid #00000014;padding:28px}.field-heading{align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.field-heading>span{opacity:.62;border:1px solid #00000026;border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:grid}.field-heading strong{letter-spacing:-.025em;margin-bottom:5px;font-size:22px;display:block}.field-heading p{opacity:.5;margin:0;font-size:14px;line-height:1.45}.choice-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.choice-button{cursor:pointer;background:#ffffffb3;border:1px solid #0000001f;border-radius:14px;padding:14px 12px;font-weight:700;transition:background .16s,color .16s,border-color .16s,transform .16s}.choice-button:hover{border-color:#00000047;transform:translateY(-1px)}.choice-button.selected{color:#fff;background:#171717;border-color:#171717}.two-column-field{grid-template-columns:1fr 1fr;gap:28px;display:grid}.two-column-field>div:first-child{border-right:1px solid #00000014;padding-right:28px}.budget-row{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.custom-budget{background:#fff;border:1px solid #0000001f;border-radius:14px;align-items:center;gap:10px;margin-top:10px;padding:0 14px;display:flex}.custom-budget span{opacity:.55;font-weight:700}.custom-budget input{background:0 0;border:0;outline:0;width:100%;padding:14px 0}.keep-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.keep-option{cursor:pointer;background:#ffffffb3;border:1px solid #0000001f;border-radius:14px;align-items:center;gap:10px;min-height:48px;padding:11px 13px;font-weight:700;display:flex}.keep-option input{accent-color:#171717}.keep-option.selected{background:#fff;border-color:#00000059}.brief-action{background:#eae5dc;grid-template-columns:minmax(0,1fr) minmax(240px,330px);align-items:center;gap:24px;padding:28px;display:grid}.brief-action strong{letter-spacing:-.025em;margin-bottom:5px;font-size:22px;display:block}.brief-action p{opacity:.55;margin:0;font-size:14px;line-height:1.45}.continue-button{align-self:stretch}.brief-ready{color:#fff;background:#171717;border-radius:28px;margin-top:18px;padding:34px}.brief-ready h2{max-width:700px;margin-bottom:12px;font-size:clamp(38px,5vw,68px)}.brief-ready>div:first-child>p{opacity:.62;margin:0 0 28px;font-size:18px}.brief-summary-cards{grid-template-columns:1fr 1fr;gap:10px;display:grid}.brief-summary-cards article{background:#ffffff14;border:1px solid #ffffff1a;border-radius:18px;padding:20px}.brief-summary-cards .product-card{color:#171717;background:#fff}.brief-summary-cards .product-card .tags span{border-color:#0000004d}.ready-note{opacity:.56;max-width:830px;margin:24px 0 0;font-size:15px;line-height:1.5}@media (max-width:920px){.intro-grid,.workspace,.design-brief{grid-template-columns:1fr}.phase-card{max-width:540px}.preview-frame,.drop-zone{min-height:460px}.result-panel,.empty-result,.loading-result{min-height:520px}.brief-intro{position:static}.choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:720px){.two-column-field{grid-template-columns:1fr}.two-column-field>div:first-child{border-bottom:1px solid #00000014;border-right:0;padding-bottom:28px;padding-right:0}.brief-action,.brief-summary-cards{grid-template-columns:1fr}}@media (max-width:620px){.shell{padding:20px 14px 42px}.topline{align-items:flex-start;padding-bottom:32px}.eyebrow{max-width:180px}.intro-grid{gap:28px}.workspace{gap:10px}.upload-panel,.result-panel,.brief-form,.brief-ready{border-radius:22px}.drop-zone,.preview-frame{border-radius:16px;min-height:390px}.drop-zone{padding:24px}.drop-zone strong{font-size:21px}.empty-result,.loading-result{min-height:480px;padding:30px}.analysis{padding:10px}.analysis-header{padding:26px 18px 28px}.analysis-grid{grid-template-columns:1fr}.analysis-grid article.wide{grid-column:auto}.design-brief{gap:28px;margin-top:50px}.brief-field,.brief-action,.brief-ready{padding:20px}.choice-grid,.budget-row{grid-template-columns:1fr 1fr}.keep-grid{grid-template-columns:1fr}}
.tags span{text-transform:none}.brief-ready .primary-button{color:#171717;letter-spacing:-.015em;background:#fff;border:2px solid #fff;border-radius:18px;min-height:64px;padding:20px 58px 20px 24px;font-size:19px;font-weight:800;transition:transform .16s,box-shadow .16s,background .16s;position:relative;box-shadow:0 10px 28px #00000047}.brief-ready .primary-button:after{content:"→";font-size:25px;line-height:1;position:absolute;top:50%;right:24px;transform:translateY(-52%)}.brief-ready .primary-button:hover:not(:disabled){background:#f4f1eb;transform:translateY(-2px);box-shadow:0 14px 34px #00000057}.brief-ready .primary-button:active:not(:disabled){transform:translateY(0);box-shadow:0 7px 18px #0000003d}.brief-ready .primary-button:disabled{color:#171717;background:#ffffffb8;border-color:#0000}@media (max-width:620px){.brief-ready .primary-button{min-height:62px;padding:18px 52px 18px 20px;font-size:17px}.brief-ready .primary-button:after{right:20px}}