.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--ink);background:var(--surface);flex-direction:column;display:flex}.brand-block{gap:var(--space-sm);border-bottom:1px solid var(--ink);align-items:center;padding:20px 18px;display:flex}.brand-mark{border:1px solid var(--ink);border-radius:var(--radius-xs);place-items:center;width:38px;height:38px;font-size:13px;font-weight:800;display:grid}.brand-title{font-weight:800;line-height:1}.brand-subtitle{color:var(--secondary);letter-spacing:0;margin-top:4px;font-size:10px}.nav-list{padding:var(--space-md) var(--space-sm);gap:2px;display:grid}.nav-link{gap:var(--space-sm);min-height:38px;padding:0 var(--space-sm);color:var(--ink);border-left:2px solid #0000;align-items:center;font-size:14px;display:flex;position:relative}.nav-link:hover,.nav-link[aria-current=page]{border-left-color:var(--signal);background:var(--canvas)}.nav-link[aria-current=page]{font-weight:800}.nav-link[aria-current=page]:after{border:1px solid var(--ink);background:var(--signal);content:"";width:6px;height:6px;position:absolute;right:10px}.button-reset{cursor:pointer;text-align:left;background:0 0;border:0;width:100%}.sidebar-footer{border-top:1px solid var(--ink);gap:2px;margin-top:auto;padding:12px 10px 18px;display:grid}.main-panel{min-width:0}.topbar{height:56px;padding:0 var(--space-lg);border-bottom:1px solid var(--ink);background:var(--surface);justify-content:space-between;align-items:center;display:flex}.search-box{border:1px solid var(--ink);background:var(--canvas);align-items:center;gap:8px;width:min(420px,100%);height:34px;padding:0 10px;display:flex}.search-box input{background:0 0;border:0;outline:0;width:100%}.topbar-copy{color:var(--secondary);margin:0;font-size:14px}.account-link{border:1px solid var(--ink);border-radius:var(--radius-xs);background:var(--canvas);min-height:32px;color:var(--ink);align-items:center;gap:8px;padding:0 10px;font-size:13px;font-weight:800;display:inline-flex}.account-link:hover{background:var(--ink);color:var(--surface)}.content-area{padding:var(--space-xl)}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-lg);padding:var(--space-lg);border:1px solid var(--ink);border-radius:var(--radius-xs);background:var(--surface);display:flex}.page-header-compact{align-items:center;padding:16px 18px}.page-header-compact .page-title{font-size:26px;line-height:32px}.page-header-compact p:last-child{max-width:760px;margin:4px 0 0}.dashboard-hero{justify-content:space-between;align-items:flex-start;gap:var(--space-lg);padding:var(--space-lg);border:1px solid var(--ink);border-radius:var(--radius-xs);background:var(--surface);display:flex}.page-title{letter-spacing:0;margin:0;font-size:32px;font-weight:800;line-height:40px}.page-kicker{color:var(--secondary);margin:0 0 8px;font-size:12px}.status-badge{border:1px solid var(--ink);background:var(--system-confidence);color:var(--surface);padding:7px 10px;font-size:12px;line-height:1}.panel-grid{gap:var(--space-md);margin-top:var(--space-lg);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.panel{border:1px solid var(--ink);background:var(--surface);border-radius:var(--radius-xs);min-height:148px;padding:18px;position:relative}.panel h2{margin:0 0 10px;font-size:18px;font-weight:800;line-height:1.25}.panel p{color:var(--secondary);margin:0;line-height:1.5}.auth-page{min-height:100vh;padding:var(--space-lg);place-items:center;display:grid}.auth-form,.work-form,.output-panel{border:1px solid var(--ink);background:var(--surface);border-radius:var(--radius-xs);gap:14px;padding:20px;display:grid}.auth-form{width:min(440px,100%)}.auth-form h1{margin:0}.work-form{margin-top:var(--space-lg)}.work-grid{gap:var(--space-md);margin-top:var(--space-lg);grid-template-columns:minmax(320px,460px) minmax(0,1fr);align-items:start;display:grid}.generator-page{gap:14px;display:grid}.generator-workbench{grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr);gap:14px;min-height:clamp(460px,100vh - 238px,760px);margin-top:0}.generator-form,.generator-output{overscroll-behavior:contain;min-height:clamp(460px,100vh - 238px,760px);max-height:clamp(460px,100vh - 238px,760px);margin-top:0;overflow:auto}.generator-form{position:sticky;top:14px}.creative-grid{margin-top:var(--space-lg);grid-template-columns:minmax(340px,440px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.creative-form{position:sticky;top:20px}.form-pair{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}label{gap:var(--space-xs);font-weight:700;line-height:1.3;display:grid}.field-group{border:1px solid var(--ink);background:var(--canvas);gap:12px;margin:0;padding:14px;display:grid}.field-group-compact{padding:0;display:block;overflow:hidden}.field-group-compact summary,.strategy-card summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:0 12px;font-weight:800;list-style:none;display:flex}.field-group-compact summary::-webkit-details-marker{display:none}.strategy-card summary::-webkit-details-marker{display:none}.field-group-compact summary:after,.strategy-card summary:after{content:"+";font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:16px;line-height:1}.field-group-compact[open] summary:after,.strategy-card[open] summary:after{content:"-"}.field-group-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 12px 12px;display:grid}.field-control-wide{grid-column:1/-1}.field-count{color:var(--secondary);font-size:11px;font-weight:700}.field-group legend{padding:0 6px;font-weight:800}.field-hint,.field-meta{color:var(--secondary);font-weight:500;line-height:1.4}.field-meta{font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:11px}input,textarea,select{border:1px solid var(--ink);border-radius:var(--radius-xs);background:var(--canvas);min-height:38px;color:var(--ink);padding:8px 10px}textarea{resize:vertical;min-height:96px}.generator-form textarea{min-height:74px}.generator-submit-row{border-top:1px solid var(--ink);background:var(--surface);grid-template-columns:minmax(170px,.8fr) minmax(0,1fr);align-items:center;gap:10px;margin:0 -20px -20px;padding:10px 20px 12px;display:grid;position:sticky;bottom:-20px}.generator-submit-row p{color:var(--secondary);margin:0;font-size:12px;line-height:1.4}button{border:1px solid var(--ink);border-radius:var(--radius-xs);background:var(--ink);min-height:38px;color:var(--surface);cursor:pointer;font-weight:800}button:hover:not(:disabled){background:var(--signal);color:var(--surface)}.primary-link,.secondary-link,.quick-actions a{border:1px solid var(--ink);border-radius:var(--radius-xs);justify-content:center;align-items:center;min-height:38px;padding:8px 10px;font-weight:800;display:inline-flex}.primary-link{background:var(--ink);color:var(--surface)}.primary-link:hover{background:var(--signal)}.secondary-link,.quick-actions a{background:var(--surface);color:var(--ink)}.secondary-link:hover,.quick-actions a:hover{background:var(--ink);color:var(--surface)}.dashboard-grid{gap:var(--space-md);margin-top:var(--space-lg);grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);display:grid}.dashboard-card{border:1px solid var(--ink);border-radius:var(--radius-xs);background:var(--surface);align-content:start;gap:14px;min-height:188px;padding:18px;display:grid}.dashboard-card-large{min-height:240px}.section-heading{gap:4px;display:grid}.section-heading h2{margin:0;font-size:18px;line-height:1.25}.checklist{border:1px solid var(--ink);display:grid}.checklist-row,.library-preview-row{border-bottom:1px solid var(--ink);background:var(--canvas);gap:4px;padding:12px;display:grid}.checklist-row{grid-template-columns:16px minmax(0,1fr)}.checklist-row:last-child,.library-preview-row:last-child{border-bottom:0}.checklist-row small,.library-preview-row span{color:var(--secondary);margin-top:4px;font-size:12px;line-height:1.4;display:block}.state-dot{border:1px solid var(--ink);background:var(--surface);width:10px;height:10px;margin-top:4px}.state-dot-ready{background:var(--system-confidence)}.quick-actions{gap:8px;display:grid}.library-preview-list{border:1px solid var(--ink);display:grid}.data-list{gap:12px;display:grid}.output-heading-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.output-heading-row .page-kicker{margin:0}.output-fields-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.output-field{border:1px solid var(--ink);background:var(--canvas);border-radius:var(--radius-xs);gap:8px;padding:10px;display:grid}.output-field textarea{min-height:92px}.strategy-card{border:1px solid var(--ink);background:var(--surface);border-radius:var(--radius-xs);display:grid}.strategy-card-body{gap:8px;padding:0 12px 12px;display:grid}.strategy-card p{color:var(--ink);margin:0}.output-label{color:var(--secondary);margin-bottom:0;font-size:12px}.creative-output{gap:18px}.creative-hint{color:var(--secondary);margin:0;line-height:1.5}.creative-job-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.creative-variants{gap:16px;display:grid}.creative-card{border:1px solid var(--ink);border-radius:var(--radius-xs);background:var(--canvas);grid-template-columns:minmax(220px,340px) minmax(0,1fr);gap:14px;padding:14px;display:grid}.creative-preview{border:1px solid var(--ink);background:linear-gradient(90deg, #0e0e100a 1px, transparent 1px), linear-gradient(0deg, #0e0e100a 1px, transparent 1px), var(--surface);background-size:18px 18px;place-items:center;min-height:220px;display:grid;overflow:hidden}.library-logo{object-fit:cover;border:1px solid var(--ink);border-radius:var(--radius-xs);background:var(--canvas);width:56px;height:56px}.creative-image{object-fit:cover;width:100%;height:100%}.creative-copy{gap:10px;display:grid}.action-row{flex-wrap:wrap;gap:8px;display:flex}.action-row button,.output-field button{background:var(--surface);min-height:32px;color:var(--ink);padding:0 10px;font-size:13px}.action-row button:hover:not(:disabled),.output-field button:hover:not(:disabled){background:var(--ink);color:var(--surface)}@media (max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--ink)}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-footer{border-top:1px solid var(--ink);margin-top:0}.content-area{padding:20px 16px}.page-header,.dashboard-hero,.panel-grid,.dashboard-grid,.work-grid,.creative-grid,.creative-card,.form-pair{grid-template-columns:1fr}.creative-form{position:static}.generator-workbench{min-height:auto}.generator-form,.generator-output{min-height:auto;max-height:none;position:static}.output-fields-grid,.generator-submit-row,.field-group-body{grid-template-columns:1fr}}
:root{--canvas:#f5f4f0;--surface:#fff;--ink:#0e0e10;--signal:#ff4d2e;--secondary:#6b6b70;--system-confidence:#1a4d3e;--border:#0e0e10;--radius-xs:2px;--radius-sm:4px;--space-xs:6px;--space-sm:10px;--space-md:16px;--space-lg:24px;--space-xl:32px;--motion-state:.15s ease-out}*{box-sizing:border-box}html,body{background:var(--canvas);min-height:100%;color:var(--ink);margin:0;font-family:Public Sans,Helvetica Neue,sans-serif}html{scrollbar-gutter:stable}button,input,textarea,select{font:inherit}button,input,textarea,select,a{transition:background-color var(--motion-state), border-color var(--motion-state), color var(--motion-state), opacity var(--motion-state)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--signal);outline-offset:2px}button:disabled,input:disabled,textarea:disabled,select:disabled{cursor:not-allowed;opacity:.56}a{color:inherit;text-decoration:none}.mono{font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace}