:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--text-12:12px;--text-14:14px;--text-16:16px;--text-20:20px;--text-24:24px;--text-32:32px;--text-48:48px;--weight-regular:400;--weight-semibold:600;--leading-body:1.5;--leading-heading:1.25;--font:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--color-surface:#fff;--color-canvas:#f3f5f8;--color-subtle:#e8ebef;--color-text:#112d4e;--color-text-muted:#4b5563;--color-border:#d5dae1;--color-border-strong:#6b7280;--color-primary:#3f72af;--color-primary-hover:#345f93;--color-primary-active:#2b4f7a;--color-primary-tint:#e6eef7;--color-on-primary:#fff;--color-topbar:#112d4e;--color-on-topbar:#fff;--color-on-topbar-muted:#b7c4d6;--color-danger:#a3475b;--color-danger-tint:#f6e8eb;--color-success:#4f7a5e;--color-success-tint:#e7f0ea;--color-warning:#8a6a2b;--color-warning-tint:#f5eedd;--color-focus:#3f72af;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-1:0 1px 2px #112d4e0f, 0 1px 1px #112d4e0a;--shadow-2:0 4px 8px #112d4e0f, 0 2px 4px #112d4e0a;--shadow-3:0 16px 32px #112d4e1a, 0 6px 12px #112d4e0f, 0 1px 2px #112d4e0a;--control-h:44px;--topbar-h:56px;--phone-w:390px;--panel-w:320px;--chat-w:400px}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-canvas);color:var(--color-text);font-family:var(--font);font-size:var(--text-14);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,p{margin:0}h1{font-size:var(--text-24);line-height:var(--leading-heading);font-weight:var(--weight-semibold);letter-spacing:-.02em}h2{font-size:var(--text-16);line-height:var(--leading-heading);font-weight:var(--weight-semibold)}h3{font-size:var(--text-12);line-height:var(--leading-heading);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}b,strong{font-weight:var(--weight-semibold)}.muted{color:var(--color-text-muted)}.small{font-size:var(--text-12)}.mono{font-family:var(--font-mono)}.stack-1{gap:var(--space-1);flex-direction:column;display:flex}.stack-2{gap:var(--space-2);flex-direction:column;display:flex}.stack-3{gap:var(--space-3);flex-direction:column;display:flex}.stack-4{gap:var(--space-4);flex-direction:column;display:flex}.stack-6{gap:var(--space-6);flex-direction:column;display:flex}.stack-8{gap:var(--space-8);flex-direction:column;display:flex}.row-1{align-items:center;gap:var(--space-1);display:flex}.row-2{align-items:center;gap:var(--space-2);display:flex}.row-3{align-items:center;gap:var(--space-3);display:flex}.row-4{align-items:center;gap:var(--space-4);display:flex}.spread{justify-content:space-between}.grow{flex:1;min-width:0}.wrap{flex-wrap:wrap}.topbar{height:var(--topbar-h);background:var(--color-topbar);color:var(--color-on-topbar);align-items:center;gap:var(--space-6);padding:0 var(--space-6);display:flex}@media (width<=1180px){.topbar{gap:var(--space-3)}}.brand-mark{font-size:var(--text-16);font-weight:var(--weight-semibold);color:var(--color-on-topbar);text-decoration:none}.nav{gap:var(--space-1);display:flex}.nav a{color:var(--color-on-topbar-muted);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-weight:var(--weight-semibold);text-decoration:none}.nav a:hover{color:var(--color-on-topbar)}.nav a[aria-current=page]{color:var(--color-on-topbar);background:#ffffff1a}.nav a:focus-visible{outline:2px solid var(--color-on-topbar);outline-offset:2px}.page{max-width:1120px;padding:var(--space-12) var(--space-6) var(--space-16);margin:0 auto}.page-narrow{max-width:720px}.page-head{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8);display:flex}.btn{--btn-bg:var(--color-surface);--btn-fg:var(--color-text);--btn-border:var(--color-border);justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-h);padding:0 var(--space-4) 0 var(--space-4);border:1px solid var(--btn-border);border-radius:var(--radius-md);background:var(--btn-bg);color:var(--btn-fg);font:inherit;font-weight:var(--weight-semibold);cursor:pointer;white-space:nowrap;text-decoration:none;transition:background .12s,border-color .12s,box-shadow .12s;display:inline-flex}.btn.has-icon{padding-left:var(--space-3)}.btn:hover{--btn-bg:var(--color-canvas)}.btn:active{--btn-bg:var(--color-subtle)}.btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn[aria-busy=true]{cursor:progress}.btn-primary{--btn-bg:var(--color-primary);--btn-fg:var(--color-on-primary);--btn-border:var(--color-primary);box-shadow:var(--shadow-1)}.btn-primary:hover{--btn-bg:var(--color-primary-hover);--btn-border:var(--color-primary-hover)}.btn-primary:active{--btn-bg:var(--color-primary-active);--btn-border:var(--color-primary-active)}.btn-ghost{--btn-border:transparent;--btn-bg:transparent}.btn-ghost:hover{--btn-bg:var(--color-subtle)}.btn-danger{--btn-fg:var(--color-danger);--btn-border:transparent;--btn-bg:transparent}.btn-danger:hover{--btn-bg:var(--color-danger-tint)}.btn-sm{min-height:32px;padding:0 var(--space-3);font-size:var(--text-12)}.btn-icon{width:var(--control-h);padding:0}.btn-icon.btn-sm{width:32px;padding:0}.topbar .btn-ghost{--btn-fg:var(--color-on-topbar)}.topbar .btn-ghost:hover{--btn-bg:#ffffff1a}.topbar .btn-ghost:active{--btn-bg:#ffffff29}.topbar .btn:focus-visible{outline-color:var(--color-on-topbar)}.topbar .btn-icon{flex:none}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.field{gap:var(--space-1);flex-direction:column;display:flex}.field>span{font-size:var(--text-12);font-weight:var(--weight-semibold);color:var(--color-text-muted)}.field-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);font-size:var(--text-12);font-weight:var(--weight-semibold);color:var(--color-text-muted);display:flex}.field-count{font-weight:var(--weight-regular);font-variant-numeric:tabular-nums}.field-count.is-over{color:var(--color-warning);font-weight:var(--weight-semibold)}.input,.textarea,.select{width:100%;min-height:var(--control-h);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit}.textarea{resize:vertical;min-height:96px;line-height:var(--leading-body)}.input:hover,.textarea:hover,.select:hover{border-color:var(--color-text)}.input:focus-visible,.textarea:focus-visible,.select:focus-visible{outline:2px solid var(--color-focus);outline-offset:-1px;border-color:var(--color-focus)}.input:disabled,.textarea:disabled,.select:disabled{background:var(--color-canvas);color:var(--color-text-muted);cursor:not-allowed}.input[aria-invalid=true]{border-color:var(--color-danger)}.hint-error{font-size:var(--text-12);color:var(--color-danger)}.color-input{align-items:center;gap:var(--space-2);display:flex}.color-input input[type=color]{width:var(--control-h);height:var(--control-h);padding:var(--space-1);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer}.color-input input[type=color]:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.segmented{padding:var(--space-1);gap:var(--space-1);background:var(--color-subtle);border-radius:var(--radius-md);display:inline-flex}.segmented button{min-height:36px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-muted);font:inherit;font-weight:var(--weight-semibold);cursor:pointer;background:0 0;border:0}.segmented button:hover:not(:disabled){color:var(--color-text)}.segmented button[aria-pressed=true]{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-1)}.segmented button:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.segmented button:active:not(:disabled){background:var(--color-surface)}.segmented button:disabled{opacity:.5;cursor:not-allowed}.topbar .segmented{background:#ffffff1a}.topbar .segmented button{min-height:var(--control-h);color:var(--color-on-topbar-muted)}.topbar .segmented button:hover{color:var(--color-on-topbar)}.topbar .segmented button:active{background:#ffffff29}.topbar .segmented button:focus-visible{outline-color:var(--color-on-topbar)}.topbar .segmented button[aria-pressed=true]{background:var(--color-surface);color:var(--color-text)}.chip{min-height:32px;padding:0 var(--space-3);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--text-12);font-weight:var(--weight-semibold);cursor:pointer;border-radius:999px;align-items:center;display:inline-flex}.chip:hover{border-color:var(--color-border-strong)}.chip:active{background:var(--color-subtle)}.chip:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.chip:disabled{opacity:.5;cursor:not-allowed}.chip[aria-pressed=true]{background:var(--color-primary-tint);border-color:var(--color-primary);color:var(--color-primary-active)}.chip-alert{border-color:var(--color-danger);color:var(--color-danger)}.chip-alert:hover{background:var(--color-danger-tint);border-color:var(--color-danger)}.chip-removable{gap:var(--space-1);padding-right:var(--space-1);cursor:default}.chip-x{width:24px;height:24px;color:var(--color-text-muted);font:inherit;font-size:var(--text-14);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex;position:relative}.chip-x:after{content:"";position:absolute;inset:-10px -10px -10px 0}.chip-x:hover{background:var(--color-subtle);color:var(--color-text)}.chip-x:active{background:var(--color-border)}.chip-x:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.chip-action{min-height:var(--control-h);padding:0 var(--space-3)}.chip-action[aria-busy=true]{cursor:progress}.chip-select{appearance:none;field-sizing:content;padding-right:var(--space-8)}.chip-select,.chip-select:active{background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - var(--space-4)) calc(50% + 1px), calc(100% - var(--space-3)) calc(50% + 1px);background-size:var(--space-1) var(--space-1);background-repeat:no-repeat}.quick-status{align-items:center;gap:var(--space-2);min-height:var(--control-h);display:flex}.pin-row{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.pin-chip{align-items:center;gap:var(--space-2);max-width:100%;min-height:32px;padding:0 var(--space-3);background:var(--color-primary-tint);color:var(--color-primary-active);font-size:var(--text-12);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;display:inline-flex;overflow:hidden}.pin-dot{width:var(--space-2);height:var(--space-2);background:var(--color-primary);border-radius:50%;flex:none}.earlier-pic{width:var(--control-h);height:var(--control-h);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-canvas);cursor:pointer;padding:0;overflow:hidden}.earlier-pic img{object-fit:cover;width:100%;height:100%;display:block}.earlier-pic:hover{border-color:var(--color-border-strong)}.earlier-pic:active{border-color:var(--color-primary)}.earlier-pic:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.earlier-pic:disabled{opacity:.5;cursor:not-allowed}.critic-chip{min-height:var(--control-h)}.critic-run{align-items:center;gap:var(--space-2);min-height:var(--control-h);color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}.critic-run:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.critic-run:disabled{opacity:.5;cursor:not-allowed}.critic-run[aria-busy=true]{cursor:progress;opacity:1}.tag{padding:0 var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-12);font-weight:var(--weight-semibold);align-items:center;line-height:20px;display:inline-flex}.tag-ok{background:var(--color-success-tint);color:var(--color-success)}.tag-warn{background:var(--color-warning-tint);color:var(--color-warning)}.tag-error{background:var(--color-danger-tint);color:var(--color-danger)}.count{min-width:20px;height:20px;padding:0 var(--space-1);background:var(--color-warning-tint);color:var(--color-warning);font-size:var(--text-12);font-weight:var(--weight-semibold);border-radius:999px;justify-content:center;align-items:center;line-height:1;display:inline-flex}.count-error{background:var(--color-danger-tint);color:var(--color-danger)}.tag-info{background:var(--color-primary-tint);color:var(--color-primary-active)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.notice{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-danger-tint);color:var(--color-danger);display:flex}.notice-info{background:var(--color-primary-tint);color:var(--color-primary-active)}.empty{align-items:center;gap:var(--space-4);padding:var(--space-16) var(--space-6);text-align:center;background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.skeleton{background:linear-gradient(90deg, var(--color-subtle) 0%, var(--color-canvas) 50%, var(--color-subtle) 100%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.2s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton,.spinner{animation:none}}.grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.email-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;transition:box-shadow .15s,border-color .15s;display:flex;overflow:hidden}.email-card:hover{box-shadow:var(--shadow-2);border-color:var(--color-border-strong)}.email-card:focus-within{outline:2px solid var(--color-focus);outline-offset:2px}.thumb{background:var(--color-canvas);border-bottom:1px solid var(--color-border);height:240px;position:relative;overflow:hidden}.thumb iframe{transform-origin:0 0;pointer-events:none;border:0;width:640px;height:960px;transform:scale(.4)}.thumb-link{position:absolute;inset:0}.thumb-link:focus-visible{outline:none}.email-card-body{justify-content:space-between;align-items:flex-start;gap:var(--space-2);padding:var(--space-4);display:flex}.email-card-body .title{font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.email-card-body .sub{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.toast-wrap{left:50%;bottom:var(--space-6);gap:var(--space-2);z-index:50;flex-direction:column;display:flex;position:fixed;transform:translate(-50%)}.toast{align-items:center;gap:var(--space-4);min-height:var(--control-h);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);background:var(--color-topbar);color:var(--color-on-topbar);border-radius:var(--radius-md);box-shadow:var(--shadow-3);display:flex}.toast .btn-ghost{--btn-fg:var(--color-on-topbar);min-height:var(--control-h)}.toast .btn-ghost:hover{--btn-bg:#ffffff1f}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.dialog::backdrop{background:#112d4e59}.dialog{width:min(560px, calc(100vw - var(--space-8)));max-height:calc(100vh - var(--space-16));border-radius:var(--radius-lg);box-shadow:var(--shadow-3);color:var(--color-text);border:0;padding:0}.dialog-wide{width:min(1040px, calc(100vw - var(--space-8)))}.style-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(176px,1fr));display:grid}.style-card{gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;flex-direction:column;transition:border-color .12s,box-shadow .12s;display:flex}.style-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-2)}.style-card:active{background:var(--color-canvas)}.style-card:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.style-thumb{border-radius:var(--radius-sm);background:var(--color-canvas);height:220px;display:block;position:relative;overflow:hidden}.style-thumb iframe{transform-origin:0 0;pointer-events:none;border:0;width:640px;height:800px;transform:scale(.27)}.style-name{padding:0 var(--space-1) var(--space-1);font-weight:var(--weight-semibold)}.dialog-head{padding:var(--space-6) var(--space-6) var(--space-4);justify-content:space-between;align-items:center;display:flex}.dialog-body{padding:0 var(--space-6) var(--space-6)}.list{border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex}.list>*+*{border-top:1px solid var(--color-border)}.list-row{align-items:center;gap:var(--space-3);min-height:56px;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);display:flex}.saved-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(224px,1fr));margin:0;padding:0;list-style:none;display:grid}.saved-card{gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;transition:border-color .12s,box-shadow .12s;display:flex}.saved-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-2)}.saved-thumb{border-radius:var(--radius-sm);background:var(--color-canvas);height:160px;color:var(--color-text-muted);font:inherit;border:0;padding:0;display:grid;overflow:hidden}.saved-thumb>*{grid-area:1/1;min-width:0}.saved-thumb>img{object-fit:cover;object-position:top;width:100%;height:160px;display:block}.saved-thumb>.skeleton{border-radius:0;height:160px}.saved-thumb>.spinner{color:var(--color-primary);place-self:center}button.saved-thumb{cursor:pointer;transition:box-shadow .12s}button.saved-thumb:hover{box-shadow:var(--shadow-2)}button.saved-thumb:active{background:var(--color-subtle)}button.saved-thumb:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}button.saved-thumb:disabled{opacity:.5;cursor:not-allowed}button.saved-thumb[aria-busy=true]{opacity:1;cursor:progress}button.saved-thumb[aria-busy=true]>img{opacity:.5}.saved-thumb-empty{padding:var(--space-4);font-size:var(--text-12);text-align:center;justify-content:center;align-items:center;display:flex}.saved-name{justify-content:center;align-items:flex-start;gap:var(--space-1);min-width:0;min-height:var(--control-h);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--color-text);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;display:flex}.saved-name:hover{background:var(--color-canvas)}.saved-name:active{background:var(--color-subtle)}.saved-name:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.saved-name:disabled{opacity:.5;cursor:not-allowed}.saved-name-text{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.saved-name-text:first-child{font-weight:var(--weight-semibold)}.saved-actions{justify-content:flex-end}@media (width<=1100px){.topbar{padding:0 var(--space-4);gap:var(--space-2)}.topbar .segmented button{padding:0 var(--space-2)}.topbar .saving{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.editor{grid-template-rows:var(--topbar-h) 1fr;grid-template-columns:minmax(0,1fr);height:100vh;display:grid}.editor-main{grid-template-columns:var(--chat-w) 1fr;min-height:0;display:grid}.editor-main.with-panel{grid-template-columns:var(--chat-w) 1fr var(--panel-w)}.panel{background:var(--color-surface);min-height:0;overflow-y:auto}.panel.is-busy{opacity:.5}.topbar-title{font-weight:var(--weight-semibold)}.topbar .btn-ghost.is-on{--btn-bg:#ffffff29}.chat-panel{background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;min-height:0;display:flex}.chat-scroll{gap:var(--space-4);min-height:0;padding:var(--space-8) var(--space-6) var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-compose{gap:var(--space-3);padding:var(--space-4) var(--space-6) var(--space-6);border-top:1px solid var(--color-border);flex-direction:column;display:flex}.compose-box{gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;display:flex}.compose-box:focus-within{border-color:var(--color-focus);box-shadow:0 0 0 1px var(--color-focus)}.compose-box.dragging{border-style:dashed;border-color:var(--color-primary);background:var(--color-primary-tint)}.compose-box .textarea{border-radius:var(--radius-sm);min-height:72px;padding:var(--space-2);border:0}.compose-box .textarea:focus-visible{outline:none}.ref-chip{align-items:center;gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.ref-thumb{object-fit:cover;object-position:top;border-radius:var(--radius-sm);background:var(--color-subtle);width:48px;height:48px;display:block}.stage-empty{align-items:center}.stage-gallery{align-items:flex-start;overflow-y:auto}.blueprints{gap:var(--space-4);flex-direction:column;width:100%;max-width:960px;display:flex}.brief-card{gap:var(--space-6);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.brief-q{font-weight:var(--weight-semibold)}.plan-card{gap:var(--space-4)}.plan-row{gap:var(--space-1);flex-direction:column;display:flex}.plan-row>p{margin:0}.plan-link{overflow-wrap:anywhere}.plan-swatches{gap:var(--space-2);flex-wrap:wrap;display:flex}.plan-swatch{width:var(--space-8);height:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.plan-fonts{align-items:baseline;gap:var(--space-4);flex-wrap:wrap;display:flex}.plan-font-display{font-size:var(--text-24);line-height:var(--leading-heading)}.plan-story{gap:var(--space-3);padding-left:var(--space-6);flex-direction:column;margin:0;display:flex}.plan-chips{gap:var(--space-3);flex-direction:column;display:flex}.plan-chip{gap:var(--space-2);width:100%;min-height:var(--control-h);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--text-12);text-align:left;cursor:pointer;flex-direction:column;display:flex}.plan-chip:hover:not(:disabled){border-color:var(--color-border-strong)}.plan-chip:active:not(:disabled){background:var(--color-subtle)}.plan-chip:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.plan-chip[aria-checked=true]{border-color:var(--color-primary);background:var(--color-primary-tint);box-shadow:inset 0 0 0 1px var(--color-primary)}.plan-chip:disabled{cursor:default}.plan-chip:disabled:not([aria-checked=true]){opacity:.5}.plan-chip-meta{align-items:center;column-gap:var(--space-3);row-gap:var(--space-1);grid-template-columns:minmax(0,1fr) auto;display:grid}.plan-chip-name{font-size:var(--text-14);font-weight:var(--weight-semibold);line-height:var(--leading-heading);overflow-wrap:anywhere;grid-area:1/1}.plan-chip-font{font-size:var(--text-16);line-height:var(--leading-heading);text-overflow:ellipsis;white-space:nowrap;grid-area:2/1;overflow:hidden}.plan-chip-tags{justify-content:flex-end;justify-self:end;gap:var(--space-1);flex-wrap:wrap;grid-area:1/2;display:flex}.plan-chip-swatches{justify-self:end;gap:var(--space-1);grid-area:2/2;display:flex}.plan-chip-swatch{width:var(--space-4);height:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.concepts{gap:var(--space-2);flex-direction:column;display:flex}.concept-board{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.concept-cell{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.concept-tile{aspect-ratio:1/2;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-canvas);width:100%;color:var(--color-text-muted);font:inherit;font-size:var(--text-12);cursor:pointer;justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.concept-tile:hover:not(:disabled){border-color:var(--color-border-strong)}.concept-tile:active:not(:disabled){background:var(--color-subtle)}.concept-tile:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.concept-tile[aria-pressed=true]{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.concept-tile:disabled{cursor:default}.concept-tile:disabled:not([aria-pressed=true]){opacity:.5}.concept-tile>img{object-fit:cover;width:100%;height:100%;display:block}.concept-fill{border-radius:0;width:100%;height:100%;display:block}.concept-note{padding:var(--space-2);text-align:center}.concept-name{font-size:var(--text-12);font-weight:var(--weight-semibold);line-height:var(--leading-heading);overflow-wrap:anywhere}.concept-cell.is-muted .concept-name{color:var(--color-text-muted);font-weight:var(--weight-regular)}.concept-foot{min-height:var(--control-h);justify-content:space-between;align-items:center;display:flex}.concept-full{border-radius:var(--radius-md);width:100%;max-width:800px;height:auto;margin:0 auto;display:block}.directions-bar{gap:var(--space-3);flex-direction:column;display:flex}.directions-bar .segmented button{min-height:var(--control-h)}.directions-alts{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.directions-alt{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.directions-alt>.btn{width:100%;padding-block:var(--space-2);white-space:normal;overflow-wrap:anywhere;flex-grow:1}.directions-alt>.btn>svg{flex:none}.bubble-lines{white-space:pre-line}.canvas-pick .segmented button{min-height:var(--control-h)}.stage-placeholder{width:100%;max-width:600px}.image-drop{gap:var(--space-2);padding:var(--space-3);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);flex-direction:column;display:flex}.image-drop.over{border-color:var(--color-primary);background:var(--color-primary-tint)}.library{gap:var(--space-2);grid-template-columns:repeat(4,1fr);max-height:176px;display:grid;overflow-y:auto}.library-item{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--color-canvas);cursor:pointer;border:2px solid #0000;padding:0;overflow:hidden}.library-item img{object-fit:cover;width:100%;height:100%;display:block}.library-item:hover{border-color:var(--color-border-strong)}.library-item[aria-pressed=true]{border-color:var(--color-primary)}.library-item:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.swatch{width:var(--control-h);height:var(--control-h);padding:var(--space-1);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;flex:none}.swatch:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.swatch:disabled{opacity:.5;cursor:not-allowed}.range{width:100%;accent-color:var(--color-primary);min-height:var(--control-h)}.range:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.image-drop img{object-fit:contain;border-radius:var(--radius-sm);background:var(--color-canvas);max-width:100%;max-height:160px;display:block}.panel{border-left:1px solid var(--color-border);flex-direction:column;display:flex}.panel-tabs{gap:var(--space-1);padding:var(--space-3) var(--space-4) 0;border-bottom:1px solid var(--color-border);display:flex}.panel-tabs button{min-height:var(--control-h);padding:0 var(--space-3);color:var(--color-text-muted);font:inherit;font-weight:var(--weight-semibold);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000}.panel-tabs button:hover{color:var(--color-text)}.panel-tabs button[aria-selected=true]{color:var(--color-text);border-bottom-color:var(--color-primary)}.panel-tabs button:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.panel-body{padding:var(--space-6) var(--space-4);gap:var(--space-8);flex-direction:column;display:flex}.panel-section{gap:var(--space-3);flex-direction:column;display:flex}.stage{min-height:0;padding:var(--space-6);justify-content:center;display:flex;overflow:hidden}.stage-frame{--phone-page:600px;--phone-scale:.65;border-radius:var(--radius-lg);background:var(--color-surface);width:100%;max-width:680px;height:100%;box-shadow:var(--shadow-2);transition:max-width .2s;overflow:hidden}.stage-frame>iframe{border:0;width:100%;height:100%;display:block}.stage.mobile .stage-frame{max-width:var(--phone-w)}.stage-scroll{height:100%;overflow:auto}.stage-scroll:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.stage-sizer{height:var(--frame-h);min-width:var(--phone-page);position:relative}.pick-layer{touch-action:pan-x pan-y pinch-zoom;position:absolute;inset:0}.pick-layer.is-busy{pointer-events:none}.pick-layer.is-busy .pick-pin{opacity:.5}.pick-hover,.pick-pin,.pick-changed,.pick-key{box-sizing:border-box;pointer-events:none;border-radius:var(--radius-sm);position:absolute}.pick-hover{border:1px solid var(--color-primary)}.pick-pin{border:2px solid var(--color-primary)}.pick-pin.is-area{border-style:dashed}.pick-changed{border:2px solid var(--color-danger);background:color-mix(in srgb, var(--color-danger) 12%, transparent)}.pick-key{outline:2px solid var(--color-focus);outline-offset:2px}.pick-tag{margin-bottom:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-12);font-weight:var(--weight-semibold);line-height:var(--leading-body);letter-spacing:.01em;white-space:nowrap;box-shadow:var(--shadow-1);position:absolute;bottom:100%;left:-2px}.pick-pin.tag-below .pick-tag{margin:var(--space-1) 0 0;top:100%;bottom:auto}.pick-beat{clip-path:inset(50%);border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.stage-sizer>iframe{width:100%;min-width:var(--phone-page);height:var(--frame-h);border:0;display:block}.stage.mobile .stage-sizer{height:calc(var(--frame-h) * var(--phone-scale));min-width:0;overflow:hidden}.stage.mobile .stage-sizer>iframe{width:var(--phone-page);min-width:0;transform:scale(var(--phone-scale));transform-origin:0 0}.stage-skeleton{gap:var(--space-4);flex-direction:column;width:100%;max-width:600px;display:flex}.stage-preview{gap:var(--space-3);flex-direction:column;width:100%;max-width:680px;display:flex}.stage-preview>.stage-frame{flex:1;height:auto;min-height:0}.stage-preview>.stage-frame.is-focused{outline:2px solid var(--color-focus);outline-offset:2px}.stage-preview>.stage-skeleton{max-width:none}.preview-status{min-height:var(--space-6);align-items:center;display:flex}.preview-status>.notice{flex:1}.stage.is-inbox{align-items:flex-start;overflow-y:auto}.inbox{gap:var(--space-8);flex-direction:column;width:100%;max-width:680px;display:flex}.inbox-group{gap:var(--space-2);flex-direction:column;display:flex}.inbox-phone,.inbox-desktop{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1)}.inbox-phone{align-items:flex-start;gap:var(--space-3);max-width:var(--phone-w);padding:var(--space-4);display:flex}.inbox-avatar{width:var(--control-h);height:var(--control-h);background:var(--color-subtle);font-size:var(--text-16);font-weight:var(--weight-semibold);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.inbox-lines{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.inbox-head{align-items:baseline;gap:var(--space-2);display:flex}.inbox-head .inbox-from{flex:1}.inbox-desktop{align-items:center;gap:var(--space-4);min-height:var(--control-h);padding:0 var(--space-4);display:flex}.inbox-desktop .inbox-from{flex:0 0 25%}.inbox-desktop .inbox-line{flex:1}.inbox-from,.inbox-subject{font-weight:var(--weight-semibold)}.inbox-snippet{color:var(--color-text-muted);font-weight:var(--weight-regular)}.inbox-time{font-size:var(--text-12);color:var(--color-text-muted);flex:none}.inbox-from,.inbox-subject,.inbox-snippet,.inbox-line{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.add-grid{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.add-grid .btn{font-size:var(--text-12);justify-content:flex-start}.layers{gap:var(--space-3);flex-direction:column;display:flex}.layer-section{gap:var(--space-1);flex-direction:column;display:flex}.layer{align-items:center;gap:var(--space-2);width:100%;min-height:36px;padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.layer:hover{background:var(--color-canvas)}.layer:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.layer[aria-current=true]{background:var(--color-primary-tint);color:var(--color-primary-active);font-weight:var(--weight-semibold)}.layer.section-layer{color:var(--color-text-muted);font-size:var(--text-12);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em}.layer.block-layer{padding-left:var(--space-4)}.layer .label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat{gap:var(--space-3);flex-direction:column;display:flex}.bubble{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-canvas)}.bubble.me{background:var(--color-primary-tint);color:var(--color-primary-active);align-self:flex-end;max-width:90%}.bubble.err{background:var(--color-danger-tint);color:var(--color-danger)}.subject-option{gap:var(--space-1);width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;flex-direction:column;display:flex}.subject-option:hover{border-color:var(--color-primary)}.subject-option:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.saving{font-size:var(--text-12);color:var(--color-on-topbar-muted)}.name-input{min-width:0;max-width:320px;min-height:36px;padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--color-on-topbar);font:inherit;font-weight:var(--weight-semibold);background:0 0;border:1px solid #0000}.name-input:hover{border-color:#ffffff3d}.name-input:focus-visible{border-color:var(--color-on-topbar);background:#ffffff14;outline:none}.prompt-box{gap:var(--space-4);flex-direction:column;display:flex}.prompt-box .textarea{min-height:160px;font-size:var(--text-16)}.brand-layout{gap:var(--space-8);grid-template-columns:240px 1fr;align-items:start;display:grid}.brand-list{gap:var(--space-1);flex-direction:column;display:flex}.swatches{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.logo-preview{object-fit:contain;max-width:160px;max-height:48px}.product-row{align-items:center;gap:var(--space-3);display:flex}.product-row img{object-fit:cover;border-radius:var(--radius-sm);background:var(--color-subtle);width:40px;height:40px}.photo-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(112px,1fr));display:grid}.photo-item{aspect-ratio:1;border-radius:var(--radius-md);background:var(--color-subtle);position:relative;overflow:hidden}.photo-item img{object-fit:cover;width:100%;height:100%;display:block}.photo-item .btn{top:var(--space-1);right:var(--space-1);--btn-bg:var(--color-surface);box-shadow:var(--shadow-1);position:absolute}.form-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.brand-page{--brand-logo:64px;--brand-swatch-h:64px;--brand-thumb:40px;--brand-col-min:220px}.brand-list .layer{min-height:var(--control-h);padding:0 var(--space-3)}.brand-spinner-sm{width:var(--space-3);height:var(--space-3);flex:none}.brand-editor{gap:var(--space-8);flex-direction:column;min-width:0;display:flex}.brand-body{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.brand-body>.segmented{align-self:flex-start}.brand-body>.segmented button{min-height:var(--control-h);min-width:var(--control-h)}.brand-panel{gap:var(--space-8);flex-direction:column;min-width:0;display:flex}.brand-wrap{overflow-wrap:anywhere}.brand-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.brand-head-logo{width:var(--brand-logo);height:var(--brand-logo);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex:none;justify-content:center;align-items:center;display:flex}.brand-head-img{object-fit:contain;max-width:100%;max-height:100%}.brand-head-logo .brand-thumb-empty{border-radius:var(--radius-sm);background:var(--color-subtle);width:100%;height:100%}.brand-title{font-size:var(--text-20);line-height:var(--leading-heading)}.brand-site{border-radius:var(--radius-sm);color:var(--color-text-muted);overflow-wrap:anywhere;align-self:flex-start;text-decoration:none}.brand-site:hover{color:var(--color-text);text-decoration:underline}.brand-site:active{color:var(--color-primary-active)}.brand-site:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.brand-stats{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.brand-stat{align-items:baseline;gap:var(--space-1);padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-12);border-radius:999px;display:inline-flex}.brand-stat strong{color:var(--color-text);font-weight:var(--weight-semibold)}.brand-notes{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.brand-note{align-items:baseline;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-canvas);color:var(--color-text-muted);font-size:var(--text-12);overflow-wrap:anywhere;display:flex}.brand-note:before{content:"•";color:var(--color-warning);font-weight:var(--weight-semibold)}.brand-progress{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-12);display:flex}.brand-progress.notice{gap:var(--space-3);color:var(--color-primary-active);font-size:var(--text-14)}.brand-elapsed{font-variant-numeric:tabular-nums}.brand-empty{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.brand-thumb{width:var(--brand-thumb);height:var(--brand-thumb);object-fit:cover;border-radius:var(--radius-sm);background:var(--color-subtle);flex:none;display:block}.brand-broken{width:100%;height:100%;color:var(--color-text-muted);text-align:center;justify-content:center;align-items:center;display:flex}.brand-label{align-items:center;gap:var(--space-2);display:flex}.brand-label .tag{line-height:inherit}.brand-fields{grid-template-columns:repeat(auto-fit, minmax(var(--brand-col-min), 1fr));gap:var(--space-4);display:grid}.brand-sources{align-items:baseline;gap:var(--space-1) var(--space-3);font-size:var(--text-12);flex-wrap:wrap;display:flex}.brand-source{border-radius:var(--radius-sm);color:var(--color-primary-active);overflow-wrap:anywhere}.brand-source:hover{color:var(--color-text)}.brand-source:active{color:var(--color-primary)}.brand-source:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.brand-kit{grid-template-columns:repeat(auto-fit, minmax(var(--brand-col-min), 1fr));gap:var(--space-4);display:grid}.brand-kit-item{gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.brand-kit-item .notice{flex-wrap:wrap}.brand-kit-head{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:var(--control-h);padding-left:var(--space-2);display:flex}.brand-kit-label{color:var(--color-text-muted);font-size:var(--text-12);font-weight:var(--weight-semibold)}.brand-kit-swatches{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.brand-kit-swatches .skeleton{border-radius:var(--radius-sm)}.brand-swatch{height:var(--brand-swatch-h);padding:var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-12);justify-content:center;align-items:center;display:flex;overflow:hidden}.brand-swatch img{object-fit:contain;max-width:100%;max-height:100%}.brand-swatch-light{background:var(--color-surface);border:1px solid var(--color-border)}.brand-swatch-dark{background:var(--color-topbar)}.brand-swatch-dark .brand-broken{color:var(--color-on-topbar-muted)}.brand-kit-empty{min-height:var(--brand-swatch-h);padding:var(--space-3);border:1px dashed var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--text-12);text-align:center;justify-content:center;align-items:center;display:flex}.brand-tags{align-items:center;gap:var(--space-1) var(--space-2);flex-wrap:wrap;display:flex}.brand-tag-muted{background:var(--color-subtle);color:var(--color-text-muted)}.brand-price{font-variant-numeric:tabular-nums;flex-direction:column;flex:none;align-items:flex-end;display:flex}.brand-was{color:var(--color-text-muted);font-size:var(--text-12)}.brand-review.list-row{padding-top:var(--space-3);padding-bottom:var(--space-3);align-items:flex-start}.brand-stars{color:var(--color-warning);letter-spacing:.1em}.brand-dna{min-height:calc(var(--space-16) * 4);font-size:var(--text-14)}.liked-grid{grid-template-columns:repeat(auto-fill, minmax(var(--brand-col-min), 1fr));gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.liked-item{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.liked-thumb{aspect-ratio:3/4;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-subtle);position:relative;overflow:hidden}.liked-thumb img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.liked-thumb .btn{top:var(--space-1);right:var(--space-1);--btn-bg:var(--color-surface);box-shadow:var(--shadow-1);position:absolute}.liked-loading{justify-content:center;align-items:center;display:flex}.brand-prefs{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.brand-pref{max-width:100%;padding-top:var(--space-1);padding-bottom:var(--space-1);line-height:var(--leading-body)}.brand-pref[aria-busy=true]{opacity:.6}.brand-savebar{bottom:var(--space-4);z-index:5;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);flex-wrap:wrap;display:flex;position:sticky}.brand-savebar .notice{flex:1}.brand-status{color:var(--color-text-muted)}.brand-status.is-dirty{color:var(--color-text);font-weight:var(--weight-semibold)}@media (width<=960px){.topbar{height:auto;min-height:var(--topbar-h);gap:var(--space-2);padding:var(--space-2) var(--space-4);flex-wrap:wrap}.topbar>.grow{flex-basis:100%}.editor{flex-direction:column;height:auto;min-height:100vh;display:flex}.editor-main{flex-direction:column;display:flex}.stage{height:70vh;padding:var(--space-4);order:1}.panel{border-left:0;border-top:1px solid var(--color-border);order:2}.chat-panel{border-right:0;border-bottom:1px solid var(--color-border);order:0}.chat-scroll{max-height:50vh}.page{padding:var(--space-8) var(--space-4) var(--space-12)}.page-head{flex-wrap:wrap}.brand-layout{grid-template-columns:1fr}.photo-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(112px,1fr));display:grid}.photo-item{aspect-ratio:1;border-radius:var(--radius-md);background:var(--color-subtle);position:relative;overflow:hidden}.photo-item img{object-fit:cover;width:100%;height:100%;display:block}.photo-item .btn{top:var(--space-1);right:var(--space-1);--btn-bg:var(--color-surface);box-shadow:var(--shadow-1);position:absolute}.form-grid{grid-template-columns:1fr}}.stack-12{gap:var(--space-12);flex-direction:column;display:flex}.ref-link{padding:0 var(--space-2);font-size:var(--text-14);font-weight:var(--weight-semibold);overflow-wrap:anywhere}.match-row{gap:var(--space-2);flex-direction:column;display:flex}.kept-list{padding-left:var(--space-6);gap:var(--space-1);font-size:var(--text-14);color:var(--color-text-muted);flex-direction:column;margin:0;display:flex}.replica-skeleton{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);width:100%;max-width:600px;height:100%;overflow-y:auto}.replica-page{width:100%;position:relative}.replica-band{border-radius:0;width:100%;position:absolute;left:0}.replica-block{border-radius:var(--radius-sm);opacity:.7;position:absolute}.compare{gap:var(--space-4);flex-direction:column;display:flex}.compare-cols{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.compare-scroll{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-canvas);height:min(64vh,720px);overflow-y:auto}.compare-single{width:100%;max-width:480px}.compare-page{position:relative}.compare-page img{width:100%;height:auto;display:block}.compare-over{position:absolute;top:0;left:0}.compare-outline{border:2px solid var(--color-danger);border-radius:var(--radius-sm);pointer-events:none;width:100%;position:absolute;left:0}.compare-opacity{font-size:var(--text-14)}@media (width<=720px){.compare-cols{grid-template-columns:1fr}}.brand-page{--brand-tile:136px;--brand-strip:104px;--brand-glyph:48px;--brand-glyph-img:24px;--brand-dot:20px;--brand-check:20px}.brand-card-head{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.brand-status-line{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-12);overflow-wrap:anywhere;flex-wrap:wrap;display:flex}.brand-filters{gap:var(--space-2);flex-wrap:wrap;display:flex}.brand-filters .chip{min-height:var(--control-h);padding:0 var(--space-4)}.brand-tiles{grid-template-columns:repeat(auto-fill, minmax(var(--brand-tile), 1fr));gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.brand-tile{gap:var(--space-1);width:100%;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:inherit;font:inherit;text-align:left;cursor:pointer;flex-direction:column;display:flex}.brand-tile:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-1)}.brand-tile:active{background:var(--color-canvas);box-shadow:none}.brand-tile:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.brand-tile:disabled{opacity:.5;cursor:not-allowed}.brand-tile[aria-busy=true]{cursor:progress}.brand-tile.is-hidden .brand-pic{opacity:.6}.brand-tile-name{text-overflow:ellipsis;white-space:nowrap;font-weight:var(--weight-semibold);overflow:hidden}.brand-pic{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--color-subtle);display:block;position:relative;overflow:hidden}.brand-pic img{object-fit:cover;width:100%;height:100%;display:block}.brand-pic .brand-broken{font-size:var(--text-12)}.brand-detail{gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.brand-detail .brand-pic{aspect-ratio:auto}.brand-detail .brand-pic img{object-fit:contain;height:auto;max-height:60vh}.brand-facts{gap:var(--space-1) var(--space-3);font-size:var(--text-12);grid-template-columns:auto minmax(0,1fr);margin:0;display:grid}.brand-facts dt{color:var(--color-text-muted)}.brand-facts dd{overflow-wrap:anywhere;margin:0}.brand-actions{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.brand-groups{gap:var(--space-2);flex-direction:column;display:flex}.brand-group{border:1px solid var(--color-border);border-radius:var(--radius-md)}.brand-group>summary{min-height:var(--control-h);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-weight:var(--weight-semibold);cursor:pointer}.brand-group>summary:hover{background:var(--color-canvas)}.brand-group>summary:active{background:var(--color-subtle)}.brand-group>summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.brand-group[open]>summary{border-bottom:1px solid var(--color-border);border-radius:var(--radius-md) var(--radius-md) 0 0}.brand-group-list{padding:var(--space-2) 0;flex-direction:column;margin:0;list-style:none;display:flex}.brand-link{min-height:var(--control-h);padding:var(--space-1) var(--space-4);color:var(--color-text);overflow-wrap:anywhere;flex-direction:column;justify-content:center;gap:0;text-decoration:none;display:flex}.brand-link:hover{background:var(--color-canvas)}.brand-link:hover .brand-link-title{text-decoration:underline}.brand-link:active{background:var(--color-subtle)}.brand-link:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.brand-link-url{color:var(--color-text-muted);font-size:var(--text-12)}.brand-slots{grid-template-columns:repeat(auto-fill, minmax(var(--brand-col-min), 1fr));gap:var(--space-6) var(--space-4);border:0;min-width:0;margin:0;padding:0;display:grid}.brand-slot{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.brand-slot-meta{align-items:center;gap:var(--space-1) var(--space-2);flex-wrap:wrap;display:flex}.brand-evidence{color:var(--color-text-muted);font-size:var(--text-12);overflow-wrap:anywhere}.brand-sub{color:var(--color-text-muted);font-size:var(--text-12);font-weight:var(--weight-semibold)}.brand-palette{gap:var(--space-3);flex-direction:column;display:flex}.brand-swatches{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.brand-swatch-btn{width:var(--control-h);height:var(--control-h);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--swatch);cursor:pointer;padding:0}.brand-swatch-btn:hover{box-shadow:var(--shadow-2)}.brand-swatch-btn:active{box-shadow:none}.brand-swatch-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.brand-swatch-btn[aria-pressed=true]{outline:2px solid var(--color-text);outline-offset:2px}.brand-swatch-btn:disabled{opacity:.5;cursor:not-allowed}.brand-use{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.brand-use .select{width:auto}.brand-dot{width:var(--brand-dot);height:var(--brand-dot);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--swatch);flex:none;display:inline-block}.brand-proposal{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-primary-tint);flex-direction:column;display:flex}.brand-changes{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.brand-change{grid-template-columns:var(--brand-tile) minmax(0, 1fr);align-items:center;gap:var(--space-3);display:grid}.brand-change-val{align-items:center;gap:var(--space-2);overflow-wrap:anywhere;flex-wrap:wrap;display:flex}.brand-fonts{border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.brand-fonts>*+*{border-top:1px solid var(--color-border)}.brand-font{gap:var(--space-3);min-width:0;padding:var(--space-4);flex-direction:column;display:flex}.brand-font-name{font-weight:var(--weight-semibold);overflow-wrap:anywhere}.brand-preview{font-family:var(--preview-font,inherit);font-size:var(--text-24);line-height:var(--leading-heading);overflow-wrap:anywhere}.brand-chain{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-12);overflow-wrap:anywhere}.brand-font-tools{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.brand-font-tools .select{width:auto;min-width:var(--brand-col-min);flex:1}.brand-confirm{align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-canvas);flex-wrap:wrap;display:flex}.brand-check{align-items:center;gap:var(--space-2);min-height:var(--control-h);cursor:pointer;display:inline-flex}.brand-check input{width:var(--brand-check);height:var(--brand-check);accent-color:var(--color-primary);cursor:pointer;margin:0}.brand-check input:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.brand-check input:disabled{cursor:not-allowed}.brand-row-open{align-items:center;gap:var(--space-3);min-width:0;min-height:var(--control-h);border-radius:var(--radius-sm);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;padding:0;display:flex}.brand-row-open:hover .brand-wrap{text-decoration:underline}.brand-row-open:active{color:var(--color-primary-active)}.brand-row-open:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.brand-row-open:disabled{cursor:default}.brand-row-open:disabled:hover .brand-wrap{text-decoration:none}.brand-row-more{gap:var(--space-4);padding:var(--space-2) var(--space-4) var(--space-6);flex-direction:column;display:flex}.brand-strip{gap:var(--space-3);padding:0 0 var(--space-2);margin:0;list-style:none;display:flex;overflow-x:auto}.brand-strip>li{width:var(--brand-strip);flex:none}.brand-strip-item{gap:var(--space-1);border-radius:var(--radius-sm);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;padding:0;display:flex}.brand-strip-item:hover .brand-pic{box-shadow:var(--shadow-2)}.brand-strip-item:active .brand-pic{box-shadow:none}.brand-strip-item:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.brand-caption{-webkit-line-clamp:2;color:var(--color-text-muted);font-size:var(--text-12);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.brand-add{gap:var(--space-3);flex-wrap:wrap;display:flex}.brand-add .input{width:auto;min-width:var(--brand-col-min);flex:1}.brand-picked{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.brand-icons{grid-template-columns:repeat(auto-fill, minmax(var(--brand-col-min), 1fr));gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.brand-icon{gap:var(--space-3);min-width:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.brand-icon.is-hidden .brand-glyph{opacity:.5}.brand-icon-head{align-items:center;gap:var(--space-3);min-width:0;display:flex}.brand-glyph{width:var(--brand-glyph);height:var(--brand-glyph);border-radius:var(--radius-md);background:var(--color-canvas);color:var(--color-text);flex:none;justify-content:center;align-items:center;display:flex}.brand-glyph img{width:var(--brand-glyph-img);height:var(--brand-glyph-img)}.brand-icon-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}@media (width<=720px){.brand-detail{grid-template-columns:1fr}.brand-change{gap:var(--space-1);grid-template-columns:1fr}}.style-ref-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(176px,1fr));display:grid}.style-ref{gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;display:flex}.style-ref-thumb{border-radius:var(--radius-sm);background:var(--color-canvas);height:240px;overflow:hidden}.style-ref-thumb img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.style-ref-body{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:32px;padding:0 var(--space-1) var(--space-1);display:flex}.style-ref-body .style-name{text-overflow:ellipsis;white-space:nowrap;padding:0;overflow:hidden}.drop-zone{align-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-6);text-align:center;border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-canvas);flex-direction:column;display:flex}.drop-zone[data-over=true]{border-color:var(--color-primary);background:var(--color-primary-tint)}.job-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.job{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:var(--control-h);padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.job-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.title-input{min-width:0;min-height:var(--control-h);padding:0 var(--space-2);border-radius:var(--radius-md);color:var(--color-text);font:inherit;font-size:var(--text-24);font-weight:var(--weight-semibold);line-height:var(--leading-heading);letter-spacing:-.02em;background:0 0;border:1px solid #0000}.title-input:hover{border-color:var(--color-border)}.title-input:active{border-color:var(--color-border-strong)}.title-input:focus-visible{outline:2px solid var(--color-focus);outline-offset:-1px;border-color:var(--color-focus);background:var(--color-surface)}.title-input:disabled{opacity:.5;cursor:not-allowed}.title-input:disabled:hover{border-color:#0000}.title-input.is-step{font-size:var(--text-16);letter-spacing:0;flex:1}.flow-link{border-radius:var(--radius-sm);color:var(--color-text);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap;text-decoration:none;overflow:hidden}.flow-link:hover{text-decoration:underline}.flow-link:active{color:var(--color-primary-active)}.flow-link:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.tag-muted{background:var(--color-subtle);color:var(--color-text-muted)}.flow-list{background:var(--color-surface)}.flow-list .list-row{position:relative}.flow-list .flow-link:after{content:"";position:absolute;inset:0}.flow-list .btn{position:relative}.flow-head{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.flow-head>.grow{flex-basis:320px}.flow-head .title-input{flex:1}.flow-saving{font-size:var(--text-12);color:var(--color-text-muted);flex:none}.flow-status{align-items:center;gap:var(--space-2);min-height:var(--control-h);display:flex}.flow-steps{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.flow-item{gap:var(--space-2);flex-direction:column;display:flex}.flow-wait{align-items:center;gap:var(--space-2);padding-left:var(--space-6);display:flex}.flow-wait .select{width:auto}.flow-step{gap:var(--space-2);padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);flex-direction:column;display:flex}.flow-step-head{align-items:center;gap:var(--space-3);display:flex}.flow-num{width:var(--space-8);height:var(--space-8);background:var(--color-primary-tint);color:var(--color-primary-active);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.flow-step-body{gap:var(--space-4);padding-top:var(--space-2);flex-direction:column;display:flex}.flow-step-foot{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-2);display:flex}.flow-step-foot.is-end{justify-content:flex-end}.flow-offer{overflow-wrap:anywhere}.flow-built{align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.flow-thumb{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-canvas);flex:none;width:120px;height:160px;overflow:hidden}.flow-thumb .style-thumb{border-radius:0;width:100%;height:100%}.flow-thumb .style-thumb iframe{width:600px;height:800px;transform:scale(.2)}.flow-built-text{gap:var(--space-1);flex-direction:column;flex:200px;min-width:0;display:flex}.flow-built-text>*{overflow-wrap:anywhere}.flow-kinds{gap:var(--space-2);flex-wrap:wrap;display:flex}.flow-actions{justify-content:flex-end;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.flow-actions>.flow-status{flex:auto}.push-row{align-items:center;gap:var(--space-2) var(--space-3);min-height:56px;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.push-row-name{overflow-wrap:anywhere;flex:1;min-width:160px}.push-row .hint-error{flex-basis:100%}@media (width<=640px){.flow-step{padding:var(--space-4)}.flow-wait{padding-left:var(--space-4)}}.look-row{gap:var(--space-2);flex-direction:column;display:flex}.look-head{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:var(--control-h);display:flex}.look-title{font-size:var(--text-16);font-weight:var(--weight-semibold);line-height:var(--leading-heading);margin:0}.look-chips{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.look-chip{align-items:center;gap:var(--space-1) var(--space-3);min-height:var(--control-h);padding:var(--space-2) var(--space-4) var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;text-align:start;cursor:pointer;grid-template-columns:1fr auto;display:grid}.look-chip:hover:not(:disabled){border-color:var(--color-border-strong)}.look-chip:active:not(:disabled){background:var(--color-subtle)}.look-chip:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.look-chip[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary-tint);box-shadow:inset 0 0 0 1px var(--color-primary)}.look-chip:disabled{cursor:default}.look-chip:disabled:not([aria-pressed=true]){opacity:.5}.look-chip-name{font-size:var(--text-14);font-weight:var(--weight-semibold);line-height:var(--leading-heading);overflow-wrap:anywhere}.look-chip-swatches{gap:var(--space-1);display:flex}.look-chip-swatch{width:var(--space-3);height:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.look-chip-fonts{font-size:var(--text-12);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;overflow:hidden}.style-tile{aspect-ratio:2;border-radius:var(--radius-sm);pointer-events:none;-webkit-user-select:none;user-select:none;grid-template:minmax(0,1fr)/minmax(0,1fr);width:100%;min-width:0;display:grid;position:relative;overflow:hidden}.style-tile:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--color-border);position:absolute;inset:0}.style-tile>.style-tile-skeleton{border-radius:0;display:block}@media (prefers-reduced-motion:reduce){.style-tile>.style-tile-skeleton{animation:none}}.style-tile-design{width:600px;height:300px;transform:scale(var(--tile-scale,1));transform-origin:0 0;background:var(--tile-ground);color:var(--tile-ink);font-family:var(--tile-body);text-align:start;font-synthesis:none;grid-template-columns:minmax(0,1fr) auto;font-size:16px;line-height:1.5;display:grid;position:absolute;top:0;left:0}.style-tile-texture{grid-area:1/1/2/-1;display:block}.texture-dots{background-image:radial-gradient(var(--tile-pattern) 2px, transparent 2.5px);background-size:16px 16px}.texture-lines{background-image:repeating-linear-gradient(135deg, var(--tile-pattern) 0 2px, transparent 2px 16px)}.texture-grid{background-image:repeating-linear-gradient(0deg, var(--tile-pattern) 0 1px, transparent 1px 24px), repeating-linear-gradient(90deg, var(--tile-pattern) 0 1px, transparent 1px 24px)}.texture-grain{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.2'/%3E%3C/svg%3E")}.texture-paper{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.04 0.5' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.14'/%3E%3C/svg%3E")}.style-tile-copy{flex-direction:column;grid-area:1/1;justify-content:center;align-items:flex-start;gap:24px;min-width:0;padding:32px;display:flex}.style-tile-text{flex-direction:column;gap:12px;max-width:100%;display:flex}.style-tile-head{flex-direction:column;gap:8px;display:flex}.style-tile-label{letter-spacing:.12em;text-transform:uppercase;font-size:14px;font-weight:600;line-height:1.2}.style-tile-headline,.style-tile-sub{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.style-tile-headline{font-family:var(--tile-display);font-size:32px;font-weight:var(--tile-weight);letter-spacing:-.02em;line-height:1.15}.is-upper .style-tile-headline{letter-spacing:.02em;text-transform:uppercase}.style-tile-cta{background:var(--tile-cta-bg);max-width:100%;height:44px;color:var(--tile-cta-ink);text-overflow:ellipsis;white-space:nowrap;padding:0 24px;font-size:16px;font-weight:600;line-height:44px;display:block;overflow:hidden}.shape-pill .style-tile-cta{border-radius:22px}.shape-rounded .style-tile-cta{border-radius:8px}.shape-square .style-tile-cta{border-radius:0}.style-tile-swatches{border-left:1px solid var(--tile-edge);flex-direction:column;grid-area:1/2;width:48px;display:flex}.style-tile-swatches>span{flex:1}.thumb-bar{align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}.thumb-row{align-items:center;gap:var(--space-1);display:flex}.thumb-saved{align-items:center;gap:var(--space-2);display:flex}.btn.thumb-btn{--btn-fg:var(--color-text-muted)}.btn.thumb-btn:hover{--btn-fg:var(--color-text)}.btn.thumb-btn[aria-pressed=true]{--btn-bg:var(--color-primary-tint);--btn-fg:var(--color-primary-active)}.btn.thumb-btn[aria-pressed=true]:hover{--btn-bg:var(--color-primary-tint)}.btn.thumb-btn[aria-pressed=true]:active{--btn-bg:var(--color-subtle)}.thumb-btn svg{transform:translateY(-1px)}.thumb-down svg{transform:translateY(1px)}.thumb-done{color:var(--color-text-muted);display:inline-flex}.thumb-error{white-space:normal}.learned-card{--learn-kind-w:52px;gap:var(--space-2);flex-direction:column;display:flex}.learned-head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.learned-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.learned-item{align-items:baseline;gap:var(--space-1) var(--space-2);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.learned-kind{min-width:var(--learn-kind-w);justify-content:center}.learned-text{line-height:var(--leading-body);overflow-wrap:anywhere}.learned-sub{grid-column:2;justify-self:start}.learned-undo{grid-area:1/3}.taste{--taste-label-w:128px;--taste-col-min:220px;--taste-shot-w:120px;--taste-kind-w:52px;gap:var(--space-8);flex-direction:column;min-width:0;display:flex}.taste-groups,.taste-facts{gap:var(--space-3);flex-direction:column;margin:0;display:flex}.taste-group,.taste-fact{grid-template-columns:var(--taste-label-w) minmax(0, 1fr);align-items:baseline;gap:var(--space-4);display:grid}.taste-groups dd,.taste-facts dd{margin:0}.taste-label{color:var(--color-text-muted);font-size:var(--text-12);font-weight:var(--weight-semibold)}.taste .segmented button{min-height:var(--control-h);min-width:var(--control-h)}.taste-fact-value{line-height:var(--leading-body);overflow-wrap:anywhere}.taste-chips{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.taste-chip{padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);background:var(--color-canvas);font-size:var(--text-12);font-weight:var(--weight-semibold);line-height:var(--leading-body);overflow-wrap:anywhere;border-radius:999px}.taste-sub{color:var(--color-text);font-size:var(--text-14);font-weight:var(--weight-semibold);line-height:var(--leading-heading);margin:0}.taste-bullets{border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.taste-bullets>*+*{border-top:1px solid var(--color-border)}.taste-bullet{gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);flex-direction:column;display:flex}.taste-bullet[aria-busy=true] .taste-text{color:var(--color-text-muted)}.taste-bullet-row{align-items:center;gap:var(--space-3);min-height:var(--control-h);display:flex}.taste-lead{align-items:baseline;gap:var(--space-2);flex:1;min-width:0;display:flex}.taste-lead>.tag{flex:none}.taste-kind{min-width:var(--taste-kind-w);justify-content:center}.taste-text{min-width:0;line-height:var(--leading-body);overflow-wrap:anywhere;flex:1}.taste-actions{align-items:center;gap:var(--space-2);flex:none;display:flex}.taste-edit{gap:var(--space-1);flex-direction:column;display:flex}.taste-input{flex:1;min-width:0}.taste-edit-foot{align-items:baseline;gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;display:grid}.taste-edit-foot .field-count{grid-column:2}.taste-learned{grid-template-columns:repeat(auto-fill, minmax(var(--taste-col-min), 1fr));gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.taste-card{gap:var(--space-2);min-width:0;padding:var(--space-2) var(--space-2) var(--space-4) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);flex-direction:column;display:flex}.taste-card[aria-busy=true]{opacity:.6}.taste-card-body{gap:var(--space-2);padding-right:var(--space-2);flex-direction:column;display:flex}.taste-card-head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.taste-card-title{line-height:var(--leading-heading);overflow-wrap:anywhere}.taste-card-line{line-height:var(--leading-body);overflow-wrap:anywhere}.taste-ref{align-items:flex-start;gap:var(--space-6);display:flex}.taste-ref-shot{width:var(--taste-shot-w);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-canvas);flex:none;height:auto}@media (width<=720px){.taste-group,.taste-fact{gap:var(--space-1);grid-template-columns:minmax(0,1fr)}.taste-ref{flex-direction:column}.taste-bullet-row{flex-wrap:wrap}.taste-lead{flex-basis:100%}}