.project-planner{background:radial-gradient(ellipse at 0% 100%,#8602fd18,transparent 65%)}.planner-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:center}.planner-brands h2{font-size:clamp(32px,3.6vw,48px)}.planner-intro{color:var(--muted);line-height:1.7;max-width:430px;font-size:15px}.brand-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:25px 16px;margin:36px 0 20px}.sample-brand{display:flex;align-items:center;justify-content:center;min-height:60px;color:var(--ink)}.sample-brand svg{width:100%;max-width:130px;height:48px}.planner-card{padding:35px;background:#19141f;border:1px solid var(--line);border-radius:12px}.planner-card h3{font-size:28px;line-height:1.2;margin:0 0 12px}.planner-card p{color:var(--muted);font-size:13px;line-height:1.6}.planner-card fieldset{border:0;padding:0;margin:24px 0 0}.service-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.service-option{display:flex;align-items:center;gap:10px;position:relative;padding:19px 12px;background:#ffffff06;border:1px solid var(--line);border-radius:5px;cursor:pointer;min-height:76px;font-size:12px;line-height:1.4;font-weight:700;transition:border-color .2s,background .2s,transform .2s}.service-option input{width:17px;height:17px;flex-shrink:0;margin:0;accent-color:#8602fd;cursor:pointer}.service-option:has(input:checked){border-color:#b76aff;background:#8602fd20}.service-option:hover{transform:translateY(-2px);border-color:#ae72ee}.service-option:focus-within{outline:2px solid #ff5995;outline-offset:2px}.planner-action{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:25px;min-height:53px}.planner-action p{margin:0;font-size:12px}.planner-action [hidden]{display:none!important}.planner-action .button{padding:16px 20px}.brief-dialog{color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:14px;width:min(920px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:0;overscroll-behavior:contain;box-shadow:0 35px 120px #0007}.brief-dialog::backdrop{background:#07040edb;backdrop-filter:blur(5px)}.brief-dialog[open]{animation:brief-enter .22s ease-out}.brief-inner{padding:45px}.brief-close{position:absolute;top:14px;right:14px;width:35px;height:35px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;font-size:23px}.brief-head{text-align:center;margin-bottom:28px}.brief-head .logo{margin-bottom:20px}.brief-head h2{font-size:36px;letter-spacing:-1.3px;margin:5px 0 12px}.brief-head p{font-size:14px;color:var(--muted);line-height:1.6}.brief-selected{margin:0 0 24px;border-left:2px solid #ff5995;background:#8602fd10;padding:12px 16px;color:var(--muted);font-size:12px;line-height:1.7}.brief-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.brief-fields .full{grid-column:1/-1}.brief-fields label{color:var(--ink);font-size:12px;gap:8px}.brief-fields input,.brief-fields select,.brief-fields textarea{font-size:14px}.brief-fields textarea{min-height:90px}.brief-submit{width:100%;margin-top:15px}.brief-note{font-size:11px;color:var(--muted);line-height:1.7}.brief-note a{text-decoration:underline}.brief-status{color:var(--accent);font-size:13px;line-height:1.7}.brief-privacy{margin-top:16px}.dialog-open{overflow:hidden}
html[data-theme="light"] .planner-card{background:#fff;box-shadow:0 20px 60px #3b07640a}html[data-theme="light"] .service-option{background:#f8f5fd}html[data-theme="light"] .service-option:has(input:checked){background:#8602fd10;border-color:#8602fd}html[data-theme="light"] .brief-selected{color:#5e416f}
@keyframes brief-enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.planner-layout{gap:30px;grid-template-columns:1fr 1.25fr}.service-picker{grid-template-columns:1fr 1fr}.planner-card{padding:25px}}
@media(max-width:700px){.planner-layout{grid-template-columns:1fr}.brand-wall{margin:25px 0 12px;gap:10px}.sample-brand{min-height:45px}.brief-inner{padding:48px 22px 25px}.brief-head h2{font-size:28px}.brief-fields{grid-template-columns:1fr}.brief-fields .full{grid-column:auto}.brief-dialog{max-height:calc(100dvh - 24px)}.planner-action{align-items:start;flex-direction:column}.planner-action .button{width:100%}}
@media(prefers-reduced-motion:reduce){.brief-dialog[open]{animation:none}.service-option{transition:none}.service-option:hover{transform:none}}
.motion-paused .service-option{transition:none}.motion-paused .brief-dialog[open]{animation:none}