:root{--bg:#f3ede4;--bg-accent:#fff9f2;--panel:#fffaf3d1;--panel-strong:#fff9f1f5;--line:#5d4a3524;--line-strong:#5d4a353d;--text:#271d16;--muted:#6f6154;--accent:#8d5e34;--accent-strong:#6f431f;--olive:#697055;--warm:#e6c29f;--shadow:0 22px 60px #3523141a;--radius-xl:30px;--radius-lg:22px;--radius-md:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 0 0,#ffffffc7,#0000 32%),radial-gradient(circle at 100% 100%,#cbad8a47,#0000 24%),linear-gradient(135deg,#f4eee5 0%,#efe4d7 48%,#f7f3ec 100%);margin:0;font-family:Avenir Next,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}.page-shell{width:min(1320px,100% - 32px);margin:0 auto;padding:32px 0 48px}.auth-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card,.auth-banner{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-card{border-radius:var(--radius-xl);width:min(760px,100%);padding:40px}.auth-card h1{letter-spacing:-.03em;margin:0;font-family:Iowan Old Style,Palatino Linotype,serif;font-size:clamp(2.6rem,4vw,4rem);line-height:.95}.auth-text,.auth-hint,.auth-banner-meta{color:var(--muted);line-height:1.6}.auth-text{margin:18px 0 0;font-size:1.06rem}.auth-points{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.auth-method{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.auth-method-head h2{margin:0;font-size:1.35rem}.auth-method-head p{color:var(--muted);margin:8px 0 0;line-height:1.6}.auth-widget{min-height:54px;margin-top:26px}.auth-hint{margin:14px 0 0}.auth-code-row{grid-template-columns:240px minmax(0,1fr) 220px;align-items:end;gap:14px;margin-top:18px;display:grid}.auth-code-field{margin:0}.auth-banner{border-radius:24px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;padding:18px 22px;display:flex}.auth-banner strong{font-size:1.02rem;display:block}.auth-banner-meta{margin-top:4px;display:inline-block}.hero{grid-template-columns:1.35fr .95fr;align-items:stretch;gap:24px;margin-bottom:26px;display:grid}.hero-copy,.hero-steps,.section-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-copy{padding:42px}.hero-steps{gap:14px;padding:24px;display:grid}.eyebrow,.section-kicker,.panel-label{letter-spacing:.18em;text-transform:uppercase;color:var(--accent-strong);margin:0 0 10px;font-size:.82rem}.hero h1,.section-head h2,.summary-panel h3,.prompt-panel h3,.checklist-group h3{letter-spacing:-.03em;margin:0;font-family:Iowan Old Style,Palatino Linotype,serif}.hero h1{max-width:10.5ch;font-size:clamp(2.8rem,5vw,5rem);line-height:.94}.hero-text{max-width:700px;color:var(--muted);margin:18px 0 0;font-size:1.1rem;line-height:1.65}.hero-pills,.chip-list,.file-chip-list{flex-wrap:wrap;gap:10px;display:flex}.hero-pills{margin-top:24px}.pill,.chip,.badge{border:1px solid var(--line);color:var(--text);background:#ffffff94;border-radius:999px;align-items:center;display:inline-flex}.pill,.chip{padding:10px 14px;font-size:.92rem}.badge{letter-spacing:.14em;text-transform:uppercase;padding:8px 12px;font-size:.78rem}.badge-live{color:#314228;background:#76966f29;border-color:#56765142}.info-card{border-radius:var(--radius-lg);border:1px solid var(--line);background:#ffffff94;padding:18px 18px 18px 56px;position:relative}.card-index{width:26px;height:26px;color:var(--accent-strong);background:#8d5e341f;border-radius:50%;place-items:center;font-size:.8rem;font-weight:700;display:grid;position:absolute;top:18px;left:18px}.info-card h2{margin:0 0 8px;font-size:1.15rem}.info-card p,.section-head p,.checklist-heading p,.action-note,.dropzone-meta,.empty-frame{color:var(--muted);margin:0;line-height:1.6}.workspace-grid{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:start;gap:24px;display:grid}.section-card{padding:28px}.result-card{position:sticky;top:24px}.section-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.section-head h2{font-size:2rem;line-height:1}.dropzone{border:1.5px dashed var(--line-strong);border-radius:var(--radius-lg);text-align:left;cursor:pointer;background:linear-gradient(160deg,#ffffffd1,#fff7edb3),#fff6;width:100%;padding:28px;transition:transform .2s,border-color .2s,box-shadow .2s}.dropzone:hover,.dropzone-active{border-color:#8d5e3466;transform:translateY(-1px);box-shadow:0 12px 30px #412a1814}.dropzone-filled{border-style:solid}.dropzone-label,.dropzone-file{display:block}.dropzone-label{margin-bottom:8px;font-size:1.05rem;font-weight:700}.dropzone-meta{margin-bottom:12px}.dropzone-file{color:var(--accent-strong);font-weight:700}.field-grid{gap:18px;margin-top:18px;display:grid}.field-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.field{align-content:start;gap:8px;display:grid}.searchable-field{position:relative}.searchable-shell{align-content:start;min-height:96px;display:grid;position:relative}.field span{font-size:.95rem;font-weight:700}.field input,.field textarea,.field select{border:1px solid var(--line);width:100%;color:var(--text);background:#ffffffb3;border-radius:16px;outline:none;padding:14px 16px;transition:border-color .2s,box-shadow .2s}.field input,.field select{min-height:52px}.field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text)50%),linear-gradient(135deg,var(--text)50%,transparent 50%);background-position:calc(100% - 22px) calc(50% - 2px),calc(100% - 16px) calc(50% - 2px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:44px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#8d5e346b;box-shadow:0 0 0 4px #8d5e3414}.searchable-helper{color:var(--muted);min-height:36px;margin-top:8px;font-size:.86rem;line-height:1.35;display:block}.searchable-dropdown{z-index:20;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffaf3fa;border-radius:18px;max-height:320px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 22px 40px #35231429}.searchable-dropdown-empty{padding:14px 16px}.searchable-dropdown-empty span{color:var(--muted);font-size:.9rem;font-weight:500}.searchable-option{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #5d4a3514;padding:12px 16px}.searchable-option:last-child{border-bottom:0}.searchable-option:hover,.searchable-option-active{background:#8d5e3417}.checklist-stack{gap:18px;margin-top:24px;display:grid}.checklist-group{border-top:1px solid var(--line);padding-top:18px}.checklist-heading{margin-bottom:14px}.checklist-group h3{font-size:1.25rem}.options-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.option-button{border:1px solid var(--line);text-align:left;color:inherit;cursor:pointer;background:#ffffff80;border-radius:18px;padding:14px;transition:transform .18s,border-color .18s,background .18s}.option-button:hover{border-color:#6f431f57;transform:translateY(-1px)}.option-button strong{margin-bottom:6px;display:block}.option-button span{color:var(--muted);font-size:.92rem;line-height:1.45}.option-button .option-price{color:var(--accent-strong);margin-top:10px;font-size:.86rem;line-height:1.45;display:block}.option-button-active{background:linear-gradient(#faeedfe0,#fffbf6e6);border-color:#6f431f73;box-shadow:inset 0 0 0 1px #6f431f14}.status-banner{background:#fff5f2e6;border:1px solid #b757342e;border-radius:16px;margin-top:22px;padding:14px 16px}.status-banner.error{color:#9a4b2c}.status-banner.success{color:#31563b;background:#f4fff5e0;border-color:#58895b33}.action-row{align-items:center;gap:14px;margin-top:22px;display:flex}.action-row-wrap{flex-wrap:wrap}.action-row-tight{margin-top:18px}.submit-button,.ghost-button{border:none;border-radius:999px;transition:transform .18s,opacity .18s,background .18s}.submit-button{color:#fff9f3;cursor:pointer;background:linear-gradient(135deg,#80502a,#a56c3d);padding:15px 24px;font-weight:700;box-shadow:0 16px 36px #6f431f38}.submit-button:hover:not(:disabled),.ghost-button:hover:not(:disabled){transform:translateY(-1px)}.submit-button:disabled,.ghost-button:disabled{opacity:.56;cursor:not-allowed}.ghost-button{color:var(--text);border:1px solid var(--line);cursor:pointer;background:#ffffffbd;padding:12px 18px}.workspace-links{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.kp-main-stack{gap:24px;min-width:0;display:grid}.kp-hero-copy{background:radial-gradient(circle at top right,#ff913024,transparent 28%),var(--panel)}.kp-qualification-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.kp-check-row{margin-bottom:12px}.kp-chip-button{justify-content:center;min-width:132px}.kp-asset-select-list{gap:10px;margin-bottom:16px;display:grid}.kp-asset-select{border:1px solid var(--line);background:#ffffff8c;border-radius:16px;align-items:center;gap:10px;padding:12px 14px;display:flex}.kp-preview-frame{border:1px solid var(--line);background:#fff;border-radius:24px;width:100%;min-height:960px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.media-panel,.summary-panel,.prompt-panel{border:1px solid var(--line);background:#ffffff8f;border-radius:22px;margin-top:16px;padding:16px}.image-frame,.empty-frame{border-radius:18px;width:100%;min-height:280px}.image-frame{object-fit:cover;border:1px solid #271d1614;box-shadow:0 12px 30px #3023171f}.empty-frame{text-align:center;border:1px dashed var(--line-strong);background:linear-gradient(#f8f4eef2,#f5eee5d9);place-items:center;padding:26px;display:grid}.panel-label{margin-bottom:12px}.summary-panel h3,.prompt-panel h3{margin-bottom:12px;font-size:1.1rem}.file-chip-list{margin-top:14px}.prompt-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;display:flex}.prompt-panel pre{color:#f7eddd;white-space:pre-wrap;word-break:break-word;background:#291e15f0;border-radius:18px;max-height:300px;margin:0;padding:14px;font-family:SFMono-Regular,Consolas,monospace;font-size:.86rem;line-height:1.55;overflow:auto}.presale-grid{grid-template-columns:320px minmax(0,1.02fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.presale-sidebar,.presale-main,.presale-sidepanels{min-width:0}.presale-sidebar{position:sticky;top:24px}.case-list,.presale-stack,.constraint-list{gap:14px;display:grid}.case-card,.panel-box,.constraint-card,.budget-card,.dossier-card,.teaser-card,.asset-card,.concept-card,.empty-box{border-radius:var(--radius-lg);border:1px solid var(--line);background:#ffffff94}.case-card{width:100%;color:inherit;text-align:left;cursor:pointer;padding:16px;transition:transform .18s,border-color .18s,box-shadow .18s}.case-card:hover,.case-card-active{border-color:#6f431f57;transform:translateY(-1px);box-shadow:0 14px 32px #311f1214}.case-card-head,.panel-box-head,.constraint-card-footer,.concept-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.case-card-head strong,.panel-box-head h3,.concept-card h4,.budget-card strong,.cta-box strong,.empty-box strong{margin:0}.case-card-meta{color:var(--muted);margin-top:8px;font-size:.9rem;display:block}.case-card p,.teaser-card p,.budget-card p,.empty-box p,.asset-card span,.note-card p{color:var(--muted);margin:10px 0 0;line-height:1.55}.empty-box{padding:18px}.upload-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.asset-gallery,.concept-grid,.why-us-block{gap:12px;display:grid}.asset-gallery{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.asset-card{overflow:hidden}.asset-card img{aspect-ratio:1.1;object-fit:cover;width:100%}.asset-card strong,.asset-card span{padding:0 14px;display:block}.asset-card strong{padding-top:12px}.asset-card span{padding-bottom:14px}.field-meta{flex-wrap:wrap;gap:8px;display:flex}.inline-select{gap:8px;min-width:220px;display:grid}.inline-select span{font-size:.9rem;font-weight:700}.inline-select select{border:1px solid var(--line);background:#ffffffb3;border-radius:16px;width:100%;padding:12px 14px}.panel-box,.budget-card,.dossier-card,.teaser-card,.workflow-card,.note-card{padding:18px}.constraint-card{padding:16px}.summary-list{color:var(--muted);gap:10px;margin:14px 0 0;padding-left:20px;line-height:1.55;display:grid}.concept-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.concept-card{padding:18px}.concept-card h4{margin-top:14px;font-size:1.15rem}.workflow-card{border-radius:var(--radius-lg);background:linear-gradient(#fffaf3e6,#ffffffb8);border:1px solid #6f431f29}.workflow-list{color:var(--text);gap:10px;margin:16px 0 0;padding-left:20px;line-height:1.6;display:grid}.workflow-objective,.do-not-send-box p{color:var(--text);margin:14px 0 0;line-height:1.6}.note-card{background:#ffffffa8;border:1px solid #6f431f1a;border-radius:20px}.manager-card{border-radius:var(--radius-lg);background:#ffffff9e;border:1px solid #6f431f1f;padding:18px}.manager-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:14px;display:grid}.manager-subtitle,.do-not-send-box strong{margin:0;font-size:.96rem;display:block}.do-not-send-box{background:#8d5e340f;border:1px solid #6f431f1a;border-radius:16px;margin-top:16px;padding:14px 16px}.concept-details{background:#ffffff8a;border:1px solid #6f431f1f;border-radius:18px;padding:16px}.concept-details summary{cursor:pointer;font-weight:700}.concept-details .concept-grid{margin-top:16px}.teaser-card{background:radial-gradient(circle at 0 0,#ffffffe6,#0000 40%),linear-gradient(160deg,#fffaf3f0,#f9f0e3d1)}.teaser-budget{color:var(--accent-strong);background:#8d5e3414;border-radius:16px;padding:14px 16px}.why-us-block{margin-top:16px}.why-us-item,.cta-box{background:#ffffffa8;border:1px solid #6f431f1a;border-radius:16px;padding:14px 16px}.cta-box{margin-top:16px}@media (max-width:1140px){.hero,.workspace-grid,.presale-grid{grid-template-columns:1fr}.result-card,.presale-sidebar{position:static}}@media (max-width:860px){.page-shell{width:min(100% - 20px,1320px);padding-top:16px}.auth-card{padding:26px 22px}.auth-code-row{grid-template-columns:1fr}.hero-copy,.section-card{padding:22px}.hero h1{max-width:none;font-size:2.7rem}.options-grid,.field-grid-two,.media-grid,.upload-grid,.asset-gallery,.concept-grid,.manager-columns{grid-template-columns:1fr}.action-row,.prompt-head,.section-head,.auth-banner,.panel-box-head,.case-card-head,.constraint-card-footer{flex-direction:column;align-items:stretch}}
