:root{--lime:#b9ff66;--ink:#0a0a0a;--canvas:#f3f4f6;--paper:#fff;--muted:#41424a;--line:#000;--soft:#e8e9eb;--max:1500px}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);background:var(--canvas);font-family:Bricolage Grotesque,Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}::selection{background:var(--lime);color:#000}:focus-visible{outline-offset:3px;outline:3px solid #407700}.app-shell{grid-template-columns:252px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:#111;flex-direction:column;gap:25px;height:100vh;padding:28px 18px;display:flex;position:sticky;top:0}.brand-lockup{align-items:center;gap:10px;padding:4px 10px;display:flex}.brand-mark{background:var(--lime);color:#000;letter-spacing:-.14em;border:3px solid #000;border-radius:11px;flex:none;place-items:center;width:45px;height:45px;font-size:29px;font-weight:900;display:grid}.brand-title{letter-spacing:-.075em;font-size:23px;font-weight:900;line-height:.82}.brand-title small{letter-spacing:.21em;text-transform:uppercase;margin-top:8px;font-size:10px;display:block}.sidebar-tag{color:#aaa;letter-spacing:.2em;text-transform:uppercase;padding:0 14px;font-size:11px;font-weight:800}.nav-list{gap:6px;display:grid}.nav-button{color:#d6d6d6;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:13px 14px;font-weight:750;display:flex}.nav-button svg{stroke-width:2.4px;width:19px;height:19px}.nav-button:hover{color:#fff;background:#2a2a2a}.nav-button.active{background:var(--lime);color:#000;box-shadow:4px 4px #777}.sidebar-bottom{border-top:1px solid #444;margin-top:auto;padding:17px 10px 0}.sidebar-bottom strong{overflow-wrap:anywhere;font-size:13px;display:block}.sidebar-bottom small{color:#aaa}.sidebar-bottom button{color:#fff;background:0 0;border:0;margin-top:14px;padding:0;font-size:13px;text-decoration:underline;display:block}.main-area{min-width:0}.topbar{background:#fff;border-bottom:2px solid #000;justify-content:space-between;align-items:center;gap:20px;padding:24px 36px;display:flex}.topbar-title{letter-spacing:.16em;text-transform:uppercase;font-size:13px;font-weight:900}.topbar-right{align-items:center;gap:12px;display:flex}.topbar-date{color:var(--muted);font-size:13px;font-weight:700}.user-chip{background:var(--lime);border:2px solid #000;border-radius:100px;padding:8px 12px;font-size:12px;font-weight:900}.content{max-width:var(--max);margin:auto;padding:34px 36px 80px}.eyebrow{background:var(--lime);letter-spacing:.16em;text-transform:uppercase;border:2px solid #000;padding:7px 10px;font-size:11px;font-weight:900;display:inline-block;box-shadow:3px 3px #000}.hero-row{justify-content:space-between;align-items:end;gap:22px;margin:18px 0 28px;display:flex}.hero-row h1{letter-spacing:-.08em;margin:0 0 11px;font-size:clamp(38px,4vw,62px);font-weight:900;line-height:.95}.hero-row p{color:var(--muted);max-width:720px;margin:0;line-height:1.4}.hero-stamp{text-align:right;color:var(--muted);font-size:12px;font-weight:900}.panel{background:#fff;border:2px solid #000;border-radius:16px;padding:22px;box-shadow:7px 7px #000}.panel.flat{box-shadow:none}.panel h2{letter-spacing:-.045em;margin:0 0 18px;font-size:24px;line-height:1.05}.panel h3{letter-spacing:-.03em;margin:0 0 12px;font-size:18px}.panel p{line-height:1.45}.section-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;display:grid}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-12{grid-column:span 12}.metric{flex-direction:column;justify-content:space-between;min-height:154px;display:flex}.metric small{letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:900}.metric b{letter-spacing:-.08em;font-size:48px;line-height:1}.metric p{color:var(--muted);margin:0;font-size:13px}.metric.lime{background:var(--lime)}.priority-card{color:#fff;background:#111}.priority-card h2{color:var(--lime)}.priority-card p{color:#ddd}.step-bar{grid-template-columns:repeat(6,1fr);gap:8px;margin:18px 0 26px;display:grid}.step-pill{text-transform:uppercase;letter-spacing:.06em;background:#fff;border:2px solid #000;border-radius:9px;align-items:center;gap:9px;min-height:68px;padding:11px 10px;font-size:11px;font-weight:900;display:flex}.step-pill b{font-size:23px}.step-pill.active{background:var(--lime)}.toolbar{justify-content:space-between;align-items:center;gap:12px;margin:22px 0 15px;display:flex}.toolbar h2{letter-spacing:-.045em;margin:0;font-size:24px}.toolbar-actions{flex-wrap:wrap;gap:9px;display:flex}.btn{color:#000;background:#fff;border:2px solid #000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:11px 15px;font-size:13px;font-weight:900;line-height:1.1;display:inline-flex}.btn:hover{box-shadow:none;transform:translate(2px,2px)}.btn.primary{background:var(--lime);box-shadow:4px 4px #000}.btn.dark{color:#fff;background:#111;box-shadow:4px 4px #777}.btn.subtle{background:#f7f7f7;border-color:#d5d5d5}.btn.danger{background:#ffe3de}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.btn svg{width:16px;height:16px}.btn.small{border-radius:7px;min-height:32px;padding:7px 10px;font-size:11px}.field{flex-direction:column;gap:7px;min-width:0;display:flex}.field label{letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:900}.field input,.field textarea,.field select{color:#111;background:#fff;border:2px solid #1d1d1d;border-radius:9px;outline:none;width:100%;min-height:43px;padding:10px 12px}.field textarea{resize:vertical;min-height:90px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#5f9400;box-shadow:0 0 0 3px #b9ff6677}.field small{color:#666}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-grid .full{grid-column:1/-1}.form-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.stack{gap:18px;display:grid}.list{gap:10px;display:grid}.list-row{background:#fff;border:1.5px solid #111;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;padding:13px 15px;display:flex}.list-row strong{font-size:15px;display:block}.list-row small{color:#626262;margin-top:3px;display:block}.list-row .actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.badge{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:#f2f2f2;border:1.5px solid #111;border-radius:100px;align-items:center;gap:5px;padding:6px 8px;font-size:10px;font-weight:900;display:inline-flex}.badge.lime{background:var(--lime)}.badge.orange{background:#ffe0ad}.badge.red{background:#ffd4d4}.badge.dark{color:#fff;background:#222}.empty{text-align:center;color:#555;background:#fafafa;border:2px dashed #aaa;border-radius:12px;padding:32px}.empty strong{color:#111;margin-bottom:5px;font-size:18px;display:block}.notice{background:#fff3c9;border:2px solid #000;border-radius:9px;margin:15px 0;padding:12px 15px;font-size:13px;line-height:1.4}.notice.error{background:#ffe1dd}.notice.success{background:#e1f9c6}.notice.info{background:#e9f0ff}.muted{color:var(--muted)}.tiny{font-size:12px}.muted-link{text-underline-offset:3px;text-decoration:underline}.detail-grid{grid-template-columns:320px minmax(0,1fr);gap:20px;display:grid}.client-list{align-content:start;gap:8px;display:grid}.client-button{text-align:left;background:#fff;border:2px solid #111;border-radius:10px;padding:13px;font-weight:800}.client-button.selected{background:var(--lime);box-shadow:4px 4px #111}.client-button small{margin-top:4px;font-weight:500;display:block}.tabs{border-bottom:2px solid #000;flex-wrap:wrap;gap:7px;margin-bottom:18px;padding-bottom:9px;display:flex}.tab{text-transform:uppercase;background:#fff;border:1.5px solid #000;border-radius:100px;padding:8px 11px;font-size:11px;font-weight:900}.tab.active{color:#fff;background:#111}.source-list{gap:8px;display:grid}.source-row{border:1px solid #ccc;border-radius:8px;justify-content:space-between;align-items:center;gap:9px;padding:8px 10px;font-size:12px;display:flex}.swatch{vertical-align:middle;border:1px solid #000;border-radius:5px;width:22px;height:22px;margin-right:7px;display:inline-block}.color-chip{background:#fff;border:1.5px solid #000;border-radius:100px;align-items:center;margin:3px;padding:5px 9px;font-size:12px;font-weight:750;display:inline-flex}.color-chip .swatch{border-radius:50%;width:15px;height:15px;margin-right:5px}.card-caption{letter-spacing:.13em;text-transform:uppercase;margin:18px 0 8px;font-size:11px;font-weight:900}.split-line{background:#111;height:2px;margin:18px 0}.process-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.process-card{background:#fff;border:2px solid #111;border-radius:11px;padding:14px}.process-card b{font-size:28px;line-height:1}.process-card h3{margin:7px 0;font-size:15px}.process-card p{color:#555;margin:0;font-size:12px}.studio-layout{grid-template-columns:minmax(270px,340px) minmax(350px,1fr) minmax(280px,330px);align-items:start;gap:20px;display:grid}.studio-layout .panel{min-width:0}.studio-preview{background:#e4e4e4;border:2px solid #111;border-radius:14px;flex-direction:column;align-items:center;gap:14px;padding:19px;display:flex;overflow:hidden}.creative-viewport{aspect-ratio:4/5;background:#fff;border:2px solid #000;width:100%;max-width:360px;position:relative;overflow:hidden;box-shadow:8px 8px #111}.creative-viewport.story{aspect-ratio:9/16;max-width:270px}.creative-viewport.square{aspect-ratio:1}.creative-scaled{width:1080px;height:1350px;transform:scale(var(--scale));transform-origin:0 0;position:absolute;top:0;left:0}.creative-viewport.story .creative-scaled{height:1920px}.creative-scaled.square{height:1080px}.export-surface{pointer-events:none;z-index:-1;width:1080px;position:fixed;top:0;left:-10000px}.version-card{background:#fff;border:1.5px solid #111;border-radius:10px;margin-top:10px;padding:12px}.version-card strong{font-size:13px}.version-card p{color:#555;margin:5px 0;font-size:12px}.approval-actions{gap:6px;margin-top:8px;display:flex}.creative-canvas{color:#111;width:1080px;height:1350px;font-family:var(--design-font),Arial,sans-serif;background:#f4f4f4;position:relative;overflow:hidden}.creative-canvas.story{height:1920px}.creative-canvas.square{height:1080px}.creative-canvas .cc-top{z-index:5;justify-content:space-between;align-items:center;gap:20px;display:flex;position:absolute;top:65px;left:68px;right:68px}.creative-canvas .cc-brand{letter-spacing:-.04em;white-space:nowrap;text-overflow:ellipsis;max-width:78%;font-size:35px;font-weight:900;overflow:hidden}.creative-canvas .cc-kicker{text-transform:uppercase;letter-spacing:.13em;font-size:24px;font-weight:900}.creative-canvas .cc-logo{object-fit:contain;max-width:205px;max-height:130px}.creative-canvas .cc-body{z-index:4;position:absolute;top:235px;left:68px;right:68px}.creative-canvas .cc-headline{letter-spacing:-.07em;overflow-wrap:anywhere;margin:0 0 30px;font-size:101px;font-weight:900;line-height:.93}.creative-canvas .cc-copy{overflow-wrap:anywhere;max-width:800px;font-size:34px;line-height:1.22}.creative-canvas .cc-cta{z-index:5;border:4px solid;border-radius:100px;padding:21px 30px;font-size:30px;font-weight:900;display:inline-block;position:absolute;bottom:97px;left:68px}.creative-canvas .cc-footer{z-index:5;font-size:22px;font-weight:800;position:absolute;bottom:112px;right:68px}.creative-canvas .cc-shape-one{opacity:.13;border:60px solid;border-radius:50%;width:500px;height:500px;position:absolute;bottom:205px;right:-155px}.creative-canvas .cc-shape-two{opacity:.14;background:currentColor;width:380px;height:60px;position:absolute;top:150px;right:-60px;transform:rotate(-24deg)}.creative-canvas .cc-photo{object-fit:cover;width:57%;height:67%;position:absolute;bottom:0;right:0}.creative-canvas.photo .cc-photo{opacity:.72;width:100%;height:100%}.creative-canvas.photo:after{content:"";background:linear-gradient(90deg,var(--design-bg) 2%,transparent 100%);z-index:1;position:absolute;inset:0}.creative-canvas.photo .cc-body,.creative-canvas.photo .cc-cta,.creative-canvas.photo .cc-top,.creative-canvas.photo .cc-footer{z-index:3}.creative-canvas.split .cc-photo{object-fit:cover;border-left:8px solid;width:49%;height:72%}.creative-canvas.split .cc-body{right:52%}.creative-canvas.split .cc-headline{font-size:80px}.creative-canvas.split .cc-copy{font-size:30px}.creative-canvas.story .cc-headline{font-size:128px}.creative-canvas.story .cc-body{top:360px}.creative-canvas.story .cc-copy{font-size:43px}.creative-canvas.story .cc-cta{bottom:160px}.auth-page{background:var(--canvas);grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.auth-art{color:#fff;background:#111;flex-direction:column;justify-content:space-between;padding:clamp(30px,5vw,70px);display:flex;position:relative;overflow:hidden}.auth-art:before{content:"";border:110px solid var(--lime);opacity:.9;border-radius:50%;width:650px;height:650px;position:absolute;top:4%;right:-280px}.auth-art>*{z-index:1;position:relative}.auth-art h1{letter-spacing:-.09em;max-width:650px;margin:0;font-size:clamp(54px,7vw,110px);line-height:.86}.auth-art p{color:#ddd;max-width:480px;font-size:19px}.auth-form-wrap{place-items:center;padding:30px;display:grid}.auth-card{width:min(100%,480px)}.auth-card h2{letter-spacing:-.07em;margin:12px 0;font-size:42px;line-height:1}.auth-card p{color:#555;line-height:1.4}.auth-card .field{margin:20px 0}@media (max-width:1200px){.studio-layout{grid-template-columns:310px minmax(350px,1fr)}.studio-layout .approval-panel{grid-column:1/-1}.step-bar{grid-template-columns:repeat(3,1fr)}.section-grid .span-4{grid-column:span 6}.detail-grid{grid-template-columns:260px minmax(0,1fr)}}@media (max-width:850px){.app-shell{display:block}.sidebar{gap:9px;height:auto;padding:13px;position:relative}.brand-lockup,.sidebar-tag,.sidebar-bottom{display:none}.nav-list{display:flex;overflow:auto}.nav-button{white-space:nowrap;width:auto;padding:10px;font-size:12px}.nav-button svg{width:16px;height:16px}.topbar{padding:17px 18px}.content{padding:22px 18px 70px}.studio-layout{grid-template-columns:1fr}.studio-layout .approval-panel{grid-column:auto}.detail-grid{grid-template-columns:1fr}.client-list{display:flex;overflow:auto}.client-button{min-width:160px}.hero-stamp{display:none}.section-grid .span-4,.section-grid .span-5,.section-grid .span-6,.section-grid .span-7,.section-grid .span-8{grid-column:span 12}.auth-page{grid-template-columns:1fr}.auth-art{min-height:360px}.auth-art h1{font-size:56px}.process-board{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.step-bar{grid-template-columns:repeat(2,1fr)}.process-board,.form-grid{grid-template-columns:1fr}.hero-row h1{font-size:40px}.topbar-date{display:none}.creative-viewport{max-width:300px}.creative-viewport.story{max-width:230px}}.brand-logo-preview{object-fit:contain;object-position:left center;background:#f6f6f6;border:2px dashed #888;border-radius:10px;width:min(100%,220px);max-height:125px;margin-top:7px;padding:10px;display:block}.evidence-card{border-left:5px solid var(--lime);background:#f5f7f2;border-radius:0 8px 8px 0;margin:10px 0;padding:11px 13px}.evidence-card strong{font-size:14px;display:block}.evidence-card small{overflow-wrap:anywhere;color:#525252;margin-top:5px;display:block}.action-callout{background:var(--lime);border:2px solid #111;border-radius:13px;padding:22px;box-shadow:5px 5px #111}.action-callout h2,.action-callout h3{letter-spacing:-.055em;margin:12px 0;font-size:clamp(24px,3vw,36px)}.action-callout p{max-width:650px}.action-callout strong,.action-callout small{margin-top:10px;display:block}.action-callout small{font-size:12px}.pillar-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.pillar-card{background:#fff;border:2px solid #111;border-radius:20px;flex-direction:column;min-height:205px;padding:19px;display:flex;box-shadow:5px 5px #111}.pillar-card span{letter-spacing:.1em;font-size:11px;font-weight:900}.pillar-card h3{margin:auto 0 7px;font-size:21px;line-height:1.08}.pillar-card p{margin:0;font-size:12px;line-height:1.35}.pillar-card.selected{background:var(--lime)}.pillar-card.pillar-2{color:#fff;background:#111}.pillar-card.pillar-2.selected{outline:5px solid var(--lime)}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.plan-card{background:#fff;border:2px solid #111;border-radius:13px;padding:18px}.plan-card h3{margin:19px 0 7px;font-size:21px}.plan-card p{font-size:13px;line-height:1.4}.plan-card strong{border-top:1px solid #111;padding-top:10px;font-size:13px;display:block}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.actions select,.version-card select{background:#fff;border:1.5px solid #111;border-radius:7px;padding:7px}@media (max-width:1100px){.pillar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.plan-grid,.pillar-grid{grid-template-columns:1fr}}