@font-face{font-family:Studio Display;src:url('/assets/fonts/PlayfairDisplay-Bold.ttf');font-weight:700;font-display:swap}
@font-face{font-family:Studio Serif;src:url('/assets/fonts/EBGaramond-Medium.ttf');font-weight:500;font-display:swap}
:root{color-scheme:light;accent-color:#171717;--ink:#171717;--body:#3D3D3D;--muted:#595959;--paper:#FAFAFA;--surface:#FFFFFF;--surface-subtle:#F5F5F5;--surface-hover:#EBEBEB;--line:#D8D8D8;--border:#858585;--control-border:#858585;--focus:#000000;--button-hover:#333333;--sans:system-ui,Arial,sans-serif;--serif:'Studio Serif',Georgia,serif;--display:'Studio Display',Georgia,serif;--scale:1}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:calc(16px * var(--scale))/1.55 var(--sans);-webkit-font-smoothing:antialiased;min-width:320px}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:1;color:var(--muted)}button{border:0;background:none}a{color:inherit;text-underline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.12}h1,h2{text-wrap:balance}svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.5;fill:none;flex:none}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--focus);outline-offset:4px}::selection{background:#DDDDDD;color:var(--ink)}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}.skip-link{position:fixed;top:-80px;left:24px;background:var(--ink);color:white;padding:12px;z-index:200}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.muted{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:.13em;text-transform:uppercase}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;flex:none}.icon-button:hover{background:var(--surface-subtle)}.button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 20px;border:1px solid var(--ink);border-radius:999px;font-size:14px;text-decoration:none;background:var(--ink);color:var(--surface);transition:background .15s}.button:hover{background:var(--button-hover)}.button.secondary{background:var(--surface);color:var(--ink);border-color:var(--control-border)}.button.secondary:hover{background:var(--surface-subtle)}.button.teal{background:var(--ink);border-color:var(--ink)}.button:disabled{background:#E5E5E5;border-color:var(--control-border);color:var(--muted)}.text-button{display:inline-flex;align-items:center;gap:7px;min-height:40px;font-size:14px;text-decoration:underline;text-underline-offset:4px}.pill{display:inline-flex;align-items:center;gap:7px;border-radius:20px;padding:5px 11px;font-size:12px;background:var(--surface-subtle);white-space:nowrap}.pill.success{background:var(--surface-subtle);color:var(--ink)}.pill svg{width:14px;height:14px}.surface{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:24px;box-shadow:0 7px 0 -1px var(--ink)}
.sidebar{position:fixed;left:28px;top:50%;transform:translateY(-50%);width:286px;max-height:calc(100dvh - 72px);z-index:30;padding:22px;background:var(--surface);border:1px solid var(--border);border-radius:26px;box-shadow:0 7px 0 -1px var(--ink);display:flex;flex-direction:column;transition:width .22s;overflow:visible}.brand-row{display:flex;align-items:center;gap:11px;margin-bottom:26px;white-space:nowrap}.brand-row .brand-icon{width:34px;height:34px}.brand-name{font-size:20px;letter-spacing:-.6px;flex:1}.brand-name span{color:var(--ink)}.sidebar .collapse-button{width:30px;height:34px;border-radius:9px}.collapse-button svg{width:17px;height:17px}.primary-nav{display:grid;gap:9px}.nav-item{display:flex;align-items:center;gap:12px;min-height:48px;width:100%;text-align:left;border-radius:30px;padding:11px 14px;font-size:14px}.nav-item:hover{background:var(--surface-subtle)}.nav-item.active{background:var(--surface-hover);box-shadow:inset 0 0 0 1px var(--control-border)}.nav-item>span{flex:1}.nav-item svg:last-child:not(:first-child){width:15px;height:15px;color:var(--muted)}.nav-item svg{width:18px;height:18px}.history-block{margin-top:24px;border-top:1px solid var(--line);padding-top:14px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 10px 8px;font-size:12px;color:var(--muted)}.section-heading .icon-button{width:30px;height:30px}.section-heading svg{width:17px;height:17px}.history-list{max-height:180px;overflow:auto;padding:0 4px}.history-item{width:100%;padding:9px 10px;text-align:left;font-size:13px;color:var(--ink);border-radius:10px;display:flex;gap:8px;align-items:center}.history-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.history-item svg{width:13px;height:13px;color:var(--ink)}.history-item:hover,.history-item.current{background:var(--surface-subtle)}.history-empty{padding:0 10px 5px;font-size:12px;line-height:1.5;color:var(--muted);max-width:190px}.sidebar-footer{border-top:1px solid var(--line);margin-top:20px;padding-top:13px}.settings-toggle{width:100%;display:flex;align-items:center;gap:13px;padding:10px 13px;font-size:14px;text-align:left}.settings-toggle span{flex:1}.settings-toggle svg{width:18px;height:18px}.settings-toggle .chevron{width:14px;height:14px}.profile{display:flex;align-items:center;gap:10px;padding:13px 10px 0;margin-top:12px;border-top:1px solid var(--line);width:100%;text-align:left;font-size:13px}.avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:var(--surface-subtle);border:1px solid var(--line);font-size:10px;letter-spacing:.05em;flex:none}.profile small{display:block;color:var(--muted);font-size:11px}.profile .profile-copy{flex:1}.profile svg{width:14px;height:14px}.nav-collapsed .sidebar{width:80px;padding:20px 14px;border-radius:42px}.nav-collapsed .brand-row{display:flex;flex-direction:column;gap:14px;margin-bottom:15px}.nav-collapsed .brand-name,.nav-collapsed .nav-item span,.nav-collapsed .nav-item>.nav-arrow,.nav-collapsed .history-block,.nav-collapsed .settings-toggle span,.nav-collapsed .settings-toggle .chevron,.nav-collapsed .profile-copy,.nav-collapsed .profile>svg{display:none}.nav-collapsed .sidebar .collapse-button{background:var(--surface-subtle);width:38px;height:38px}.nav-collapsed .primary-nav{border-top:1px solid var(--line);padding-top:13px;gap:6px}.nav-collapsed .nav-item{width:48px;height:48px;padding:14px;justify-content:center}.nav-collapsed .sidebar-footer{margin-top:15px;padding-top:13px}.nav-collapsed .settings-toggle{padding:13px;justify-content:center}.nav-collapsed .profile{justify-content:center;padding-inline:0}.workspace{margin-left:355px;min-height:100dvh;padding:29px 48px 40px;transition:margin-left .22s}.nav-collapsed .workspace{margin-left:143px}.workspace-top{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px;color:var(--muted);min-height:32px}.workspace-top .top-left{display:flex;align-items:center;gap:10px}.workspace-top .top-left svg{width:14px;height:14px}.workspace-top .top-right{display:flex;align-items:center;gap:12px}.local-dot{width:5px;height:5px;border-radius:50%;background:var(--ink);display:inline-block;margin-right:7px}.top-new-chat{display:inline-flex;align-items:center;gap:7px;min-height:32px;font-size:12px;color:var(--body)}.top-new-chat svg{width:14px;height:14px}.welcome{max-width:900px;margin:clamp(100px,17vh,175px) auto 45px}.welcome .eyebrow{color:var(--muted);margin-bottom:23px}.welcome h1{font-family:var(--display);font-weight:700;font-size:clamp(42px,4.65vw,68px);line-height:1.15;letter-spacing:-.035em;max-width:950px;white-space:nowrap}.welcome h1 em{font-style:normal;color:var(--ink)}.welcome-subtitle{margin-top:18px;font-size:18px;color:var(--body);line-height:1.6}.welcome .composer{margin-top:43px}.composer-shell{position:relative}.composer{display:flex;align-items:flex-end;gap:12px;padding:11px 14px 11px 17px;min-height:80px;background:var(--surface);border:1px solid var(--border);border-radius:24px;box-shadow:0 7px 0 -1px var(--ink)}.composer textarea{resize:none;overflow-y:auto;background:none;border:0;flex:1;min-width:0;height:52px;max-height:180px;padding:11px 0 9px;font-size:calc(20px * var(--scale));line-height:30px}.composer textarea::placeholder{color:var(--muted);opacity:1}.composer:focus-within{outline:2px solid var(--focus);outline-offset:4px}.composer textarea:focus-visible{outline:none}.composer .attach-button{border:1px solid var(--border);width:40px;height:40px;margin-block:5px}.composer .voice-button{margin-block:5px;width:36px}.composer .voice-button svg{width:20px;height:20px}.composer .send-button{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;border:1px solid var(--ink);background:var(--ink);color:var(--surface);flex:none}.composer .send-button:hover{background:var(--button-hover)}.composer .send-button:disabled{background:#E5E5E5;border-color:var(--control-border);color:var(--muted);opacity:1}.composer .send-button svg{width:21px;height:21px}.composer-hint{display:flex;justify-content:space-between;margin:17px 8px 0;font-size:11px;line-height:1.5;color:var(--muted)}.composer-hint kbd{font:inherit}.attachment-menu{position:absolute;left:8px;bottom:calc(100% + 10px);background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:8px;width:245px;box-shadow:0 8px 30px #00000010;z-index:20}.attachment-menu button{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border-radius:10px;font-size:14px;text-align:left}.attachment-menu button:hover{background:var(--surface-subtle)}.starters{margin:43px 10px 0}.starters>p{font-size:13px;color:var(--muted);margin-bottom:14px}.starter{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:64px;padding:17px 0;text-align:left;font-size:17px;border-bottom:1px solid var(--line)}.starter:hover{color:var(--ink)}.starter svg{width:16px;height:16px;color:var(--muted)}.welcome-footnote{display:flex;align-items:center;gap:7px;margin-top:23px;font-size:11px;color:var(--muted)}.welcome-footnote svg{width:13px;height:13px}.attachment-chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 4px}.attachment-chip{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:12px;padding:7px 8px;background:white;font-size:12px;max-width:100%}.attachment-chip img{width:33px;height:33px;object-fit:cover;border-radius:6px}.attachment-chip>svg{width:28px;height:28px;padding:5px;background:var(--surface-subtle);border-radius:6px}.attachment-chip .file-copy{min-width:0;max-width:170px}.file-copy>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-copy small{font-size:10px;color:var(--muted)}.attachment-chip .icon-button{width:25px;height:25px}.attachment-chip .icon-button svg{width:13px;height:13px}.attachment-role{display:flex;align-items:center;gap:5px;font-size:10px;margin-left:2px;padding:5px 7px;background:var(--surface-subtle);border-radius:7px;color:var(--ink)}.attachment-role svg{width:10px;height:10px}
.flow{max-width:1040px;margin:46px auto 0}.flow-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:34px}.flow-title{font-size:14px;color:var(--body)}.stepper{display:flex;gap:22px;align-items:center}.step{display:flex;gap:7px;align-items:center;font-size:11px;color:var(--muted);white-space:nowrap}.step b{display:grid;place-items:center;min-width:22px;height:22px;border:1px solid var(--line);border-radius:50%;font-size:10px;font-weight:400}.step.current{color:var(--ink)}.step.current b{background:var(--ink);border-color:var(--ink);color:var(--surface)}.step.done{color:var(--ink)}.step.done b{background:var(--surface-subtle);border-color:var(--line)}.step b svg{width:12px;height:12px}.transcript{display:flex;flex-direction:column;gap:22px;margin-bottom:36px}.message{max-width:84%;font-size:calc(16px * var(--scale));line-height:1.65}.message.user{align-self:flex-end;background:var(--surface-subtle);border:1px solid var(--line);padding:16px 22px;border-radius:22px 22px 5px 22px}.message.assistant{align-self:flex-start;display:flex;gap:12px;align-items:flex-start;max-width:94%}.assistant-mark{width:30px;height:30px;border-radius:50%;background:var(--surface);flex:none;padding:6px;margin-top:10px;border:1px solid var(--line)}.assistant-mark img{width:18px;height:18px}.message-body{padding:16px 20px;background:var(--surface);border:1px solid var(--line);border-radius:20px 20px 20px 5px;white-space:pre-wrap;overflow-wrap:anywhere}.message.user>p{white-space:pre-wrap;overflow-wrap:anywhere}.message-label{font-size:10px;color:var(--muted);margin-bottom:5px;display:flex;align-items:center;gap:8px}.message-label button{font-size:10px;text-decoration:underline;padding:0}.flow-card{padding:29px 30px;margin-bottom:32px}.flow-card h2{font-size:36px;line-height:1.18;letter-spacing:-.018em}.flow-card .card-description{margin-top:10px;font-size:15px;line-height:1.65;color:var(--body);max-width:690px}.card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.card-eyebrow{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:11px;margin-bottom:13px}.card-eyebrow svg{width:15px;height:15px}.brand-card .composer{box-shadow:none;margin-top:24px;border-radius:20px}.brand-card .brand-help{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0 0}.soft-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--control-border);border-radius:20px;padding:7px 13px;font-size:12px;background:var(--surface)}.soft-chip:hover{background:var(--surface-subtle)}.soft-chip svg{width:13px;height:13px}.reference-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.reference-tools p{font-size:12px;color:var(--muted)}.ref-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:24px}.ref-card{position:relative;border:1px solid var(--control-border);border-radius:17px;overflow:hidden;background:var(--surface);transition:box-shadow .15s,border-color .15s}.ref-card.selected{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.ref-image-button{width:100%;display:block;padding:0;background:var(--surface-subtle);position:relative}.ref-image-button img{width:100%;height:166px;object-fit:cover;object-position:top}.ref-image-button .inspect-label{position:absolute;bottom:8px;left:9px;display:flex;align-items:center;gap:5px;font-size:10px;color:var(--ink);background:#FFFFFFf0;border:1px solid var(--line);border-radius:20px;padding:4px 8px;opacity:0;transition:opacity .15s}.ref-image-button:hover .inspect-label,.ref-image-button:focus-visible .inspect-label{opacity:1}.inspect-label svg{width:12px;height:12px}.ref-checkbox{position:absolute;top:10px;right:10px;background:var(--surface);border:1px solid var(--control-border);width:27px;height:27px;border-radius:50%;display:grid;place-items:center;box-shadow:0 2px 6px #00000014;z-index:1}.ref-checkbox svg{width:16px;height:16px;visibility:hidden}.selected .ref-checkbox{background:var(--ink);color:var(--surface);border-color:var(--ink)}.selected .ref-checkbox svg{visibility:visible}.ref-body{padding:13px 13px 11px}.ref-meta{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.02em;color:var(--muted);margin-bottom:7px}.ref-title{font-size:13px;line-height:1.4;min-height:36px;font-family:var(--sans);font-weight:400}.ref-reason{margin-top:8px;font-size:10px;color:var(--body);line-height:1.5;min-height:30px}.ref-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:9px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.ref-footer .text-button{font-size:10px;min-height:25px}.ref-footer svg{width:11px;height:11px}.card-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px}.card-actions small{color:var(--muted);font-size:11px}.reference-mode{display:flex;gap:7px;flex-wrap:wrap;margin-top:22px}.reference-mode button{padding:8px 13px;border-radius:20px;border:1px solid var(--control-border);font-size:11px}.reference-mode button.active{background:var(--ink);border-color:var(--ink);color:var(--surface);box-shadow:0 0 0 1px var(--ink)}.own-ref{margin-top:18px;padding:15px;border:1px dashed var(--line);border-radius:14px;background:var(--paper)}.own-ref>p{font-size:12px;margin-bottom:10px}.own-images{display:flex;gap:12px;flex-wrap:wrap}.own-image{position:relative}.own-image img{height:92px;width:128px;object-fit:cover;border-radius:9px;border:1px solid var(--line)}.own-image small{font-size:10px;display:block;max-width:128px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:5px}.own-image .icon-button{position:absolute;right:4px;top:4px;width:22px;height:22px;background:var(--surface)}.own-image .icon-button svg{width:12px;height:12px}.match-note{padding:12px 14px;background:var(--paper);border-radius:12px;font-size:11px;color:var(--body);margin-top:19px;line-height:1.6}.empty-results{text-align:center;padding:30px;color:var(--muted);font-size:14px}.loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:60px 20px;color:var(--body);font-size:14px}.spinner{width:17px;height:17px;border:2px solid var(--line);border-top-color:var(--ink);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.handoff-card{padding:30px}.handoff-card h2{font-size:42px}.ready-icon{width:42px;height:42px;background:var(--surface-subtle);border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--ink);margin-bottom:20px}.ready-icon svg{width:21px;height:21px}.brief-preview{border-top:1px solid var(--line);margin-top:25px;padding-top:19px}.brief-heading{display:flex;align-items:center;justify-content:space-between;font-size:13px}.brief-heading .text-button{font-size:11px}.brief-preview .brief-text{font-size:14px;line-height:1.7;color:var(--body);max-width:780px;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:9px}.brief-preview details>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:13px;min-height:40px}.brief-preview details>summary svg{width:14px;height:14px}.brief-preview details[open]>summary svg{transform:rotate(180deg)}.brief-preview details .brief-text{padding-bottom:16px}.agent-link{margin-top:21px;padding:17px;background:var(--paper);border:1px solid var(--line);border-radius:15px}.agent-link-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-bottom:8px}.agent-link-row{display:flex;align-items:center;gap:10px}.agent-link-row input{flex:1;min-width:0;border:0;background:none;font-size:12px;text-overflow:ellipsis;color:var(--body);outline-offset:2px}.agent-link-row .icon-button{width:30px;height:30px;background:var(--surface);border:1px solid var(--control-border)}.agent-link-row svg{width:14px;height:14px}.local-link-note{font-size:10px;line-height:1.6;color:var(--muted);margin-top:9px}.handoff-refs{display:flex;align-items:center;gap:8px;margin-top:19px;font-size:11px;color:var(--muted)}.handoff-refs img{width:48px;height:35px;object-fit:cover;border:1px solid var(--line);border-radius:5px}.handoff-refs>span{margin-left:7px}.handoff-bottom{margin-top:28px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.handoff-page{max-width:1000px;margin:65px auto 0}.handoff-page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:34px}.handoff-page-header h1{font-size:56px;letter-spacing:-.025em}.handoff-page-header .eyebrow{color:var(--ink);margin-bottom:13px}.handoff-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px}.handoff-grid .handoff-card{box-shadow:none}.handoff-info{padding:23px;border:1px solid var(--line);background:#FFFFFFa8;border-radius:20px;align-self:start}.handoff-info h3{font-size:25px;margin-bottom:17px}.handoff-info .info-item{padding:13px 0;border-top:1px solid var(--line);font-size:12px}.info-item span{display:block;color:var(--muted);font-size:10px;margin-bottom:4px}.info-item .text-button{font-size:12px}.handoff-info>.button{width:100%;margin-top:17px}.handoff-empty{margin-top:55px;max-width:650px;padding:45px;text-align:center}.handoff-empty h2{font-size:35px;margin-bottom:14px}.handoff-empty p{color:var(--muted);font-size:14px;margin-bottom:25px}.plain-error{padding:16px;background:var(--surface-subtle);color:var(--ink);border:1px solid var(--line);border-radius:12px;font-size:13px;margin:18px 0}
.modal-backdrop{position:fixed;inset:0;background:#00000038;z-index:80;display:flex;align-items:center;justify-content:center;padding:30px;backdrop-filter:blur(4px)}.modal{width:600px;max-width:100%;max-height:calc(100dvh - 60px);overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:25px;box-shadow:0 20px 70px #00000020;padding:28px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.modal-head h2{font-size:32px}.modal-head .icon-button{border:1px solid var(--control-border)}.modal .muted{font-size:13px;line-height:1.7}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.modal-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:23px}.modal-tabs button{font-size:12px;padding:9px 13px;border-radius:20px}.modal-tabs .active{background:var(--surface-hover);box-shadow:inset 0 0 0 1px var(--control-border)}.settings-panel h3{font-size:26px;margin-bottom:13px}.size-options{display:flex;gap:10px;margin:22px 0}.size-options button{flex:1;min-height:75px;border:1px solid var(--control-border);border-radius:13px}.size-options button.active{border-color:var(--ink);background:var(--surface-subtle);box-shadow:0 0 0 1px var(--ink)}.size-options span{display:block;font-family:var(--serif);margin-bottom:4px}.size-options small{font-size:10px}.settings-action{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 0;border-top:1px solid var(--line);font-size:13px}.settings-action small{display:block;margin-top:4px;font-size:11px;color:var(--muted)}.settings-action .text-button{font-size:12px;flex:none}.form-field{display:block;margin-top:21px;font-size:12px}.form-field input{display:block;width:100%;border:1px solid var(--control-border);border-radius:11px;padding:12px;margin-top:8px;font-size:15px}.inspect-modal{width:1050px;padding:20px}.inspect-modal .modal-head{padding:6px 8px 0;margin-bottom:15px}.inspect-modal .modal-head h2{font-family:var(--sans);font-size:16px;line-height:1.5}.inspect-image{background:var(--surface-subtle);border-radius:15px;max-height:65vh;overflow:auto;display:flex;justify-content:center;align-items:flex-start;min-height:180px}.inspect-image img{max-height:none;width:auto;max-width:100%;object-fit:contain}.inspect-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 8px 2px;font-size:12px}.inspect-footer a{display:inline-flex;align-items:center;gap:6px}.inspect-footer svg{width:13px;height:13px}.library-modal{width:1050px}.library-search{position:relative}.library-search svg{position:absolute;left:14px;top:14px;width:18px;height:18px;color:var(--muted)}.library-search input{width:100%;padding:12px 45px;border:1px solid var(--control-border);border-radius:14px;font-size:14px}.library-modal .ref-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.voice-modal{text-align:center;width:470px}.voice-modal .modal-head{text-align:left}.voice-orb{width:85px;height:85px;margin:30px auto 20px;background:var(--surface-subtle);border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--ink);position:relative}.voice-orb.recording:after{content:'';position:absolute;inset:-9px;border-radius:50%;border:1px solid var(--line);animation:pulse 1.8s ease-out infinite}.voice-orb svg{width:29px;height:29px}.recording-indicator{display:flex;gap:6px;align-items:center;justify-content:center;color:var(--body);font-size:12px}.recording-indicator i{width:6px;height:6px;border-radius:50%;background:var(--ink)}.voice-modal .transcript-preview{border:1px solid var(--line);border-radius:12px;padding:14px;text-align:left;font-size:14px;max-height:170px;overflow:auto;margin:18px 0}.voice-modal audio{filter:grayscale(1);width:100%;height:40px;margin-top:20px}.voice-modal .modal-actions{justify-content:center}.voice-message{font-size:13px;color:var(--body);margin:14px 0}.voice-subnote{font-size:10px;color:var(--muted);margin:19px auto 0;max-width:330px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:var(--surface);border-radius:14px;padding:12px 20px;font-size:13px;z-index:120;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;max-width:calc(100vw - 35px);text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}@keyframes pulse{0%{transform:scale(.95);opacity:1}100%{transform:scale(1.3);opacity:0}}
@media(min-width:1600px){.sidebar{width:310px;left:32px}.workspace{margin-left:390px;padding-inline:70px}.welcome{max-width:920px}.welcome h1{font-size:68px}}
@media(max-width:1200px){.sidebar{width:250px;left:20px;padding:19px}.workspace{margin-left:285px;padding-inline:28px}.welcome h1{font-size:50px;white-space:normal}.welcome{margin-top:120px}.flow-header{align-items:flex-start}.stepper{gap:12px}.step{font-size:10px}.ref-grid{gap:12px}.ref-image-button img{height:145px}.flow-card{padding:24px}.nav-collapsed .sidebar{left:20px}.nav-collapsed .workspace{margin-left:120px}.handoff-grid{grid-template-columns:1fr}.handoff-info{display:none}}
@media(max-width:900px){.sidebar{width:220px;padding:16px;left:16px}.brand-name{font-size:18px}.workspace{margin-left:250px;padding:22px}.nav-item{padding-inline:10px;font-size:13px}.welcome{margin-top:100px}.welcome h1{font-size:45px}.welcome-subtitle{font-size:15px}.composer{gap:8px;padding:10px;min-height:72px;border-radius:21px}.composer textarea{font-size:17px}.composer .send-button{width:48px;height:48px}.composer .attach-button{width:35px;height:35px;margin-block:7px}.composer .voice-button{width:29px}.stepper .step span{display:none}.ref-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-grid .ref-card:last-child:nth-child(3){grid-column:1 / -1;max-width:calc(50% - 6px)}.flow-card h2{font-size:32px}.message{max-width:94%}.library-modal .ref-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.handoff-page-header h1{font-size:45px}.handoff-page-header{align-items:flex-start}.nav-collapsed .sidebar{left:16px}.nav-collapsed .workspace{margin-left:116px}}
@media(max-width:640px){.sidebar,.nav-collapsed .sidebar{left:14px;right:14px;top:14px;transform:none;width:auto;max-height:none;border-radius:19px;padding:10px 12px;display:flex;flex-direction:row;align-items:center;gap:13px;box-shadow:0 4px 0 -1px var(--ink)}.brand-row,.nav-collapsed .brand-row{margin:0;display:flex;flex-direction:row;gap:8px}.brand-row .brand-icon{width:29px;height:29px}.brand-name,.nav-collapsed .brand-name{display:none}.sidebar .collapse-button,.nav-collapsed .sidebar .collapse-button{display:none}.primary-nav,.nav-collapsed .primary-nav{border:0;padding:0;display:flex;gap:4px;flex:1;justify-content:center}.nav-item,.nav-collapsed .nav-item{width:auto;min-height:38px;height:38px;padding:9px 11px;font-size:11px;gap:7px}.nav-item span,.nav-collapsed .nav-item span{display:block}.nav-item>.nav-arrow{display:none!important}.nav-item svg{width:16px;height:16px}.history-block{display:none}.sidebar-footer,.nav-collapsed .sidebar-footer{padding:0;margin:0;border:0}.settings-toggle,.nav-collapsed .settings-toggle{padding:8px;width:33px;height:35px}.settings-toggle span,.settings-toggle .chevron,.profile{display:none}.workspace,.nav-collapsed .workspace{margin:0;padding:95px 22px 35px}.workspace-top{font-size:10px;min-height:25px}.workspace-top .top-right>span{display:none}.workspace-top .top-left{gap:6px}.workspace-top .top-left svg{width:12px;height:12px}.top-new-chat{font-size:11px}.welcome{margin-top:65px;margin-bottom:25px}.welcome .eyebrow{font-size:9px;margin-bottom:19px}.welcome h1{font-size:46px;line-height:1.08;letter-spacing:-.04em;max-width:350px}.welcome h1 em{display:block}.welcome-subtitle{font-size:14px;max-width:300px;margin-top:18px}.welcome .composer{margin-top:31px}.composer{gap:7px;border-radius:20px;padding:9px 8px;min-height:68px}.composer textarea{font-size:15px;line-height:24px;height:46px;padding-block:12px 8px}.composer .attach-button{width:31px;height:31px;margin-block:7px}.composer .attach-button svg{width:17px;height:17px}.composer .voice-button{width:24px;margin-block:3px}.composer .voice-button svg{width:17px;height:17px}.composer .send-button{width:43px;height:43px;margin-bottom:2px}.composer-hint{font-size:9px;margin:15px 3px 0}.composer-hint>span:last-child{display:none}.starters{margin:35px 4px 0}.starters>p{font-size:11px}.starter{font-size:14px;min-height:60px}.welcome-footnote{font-size:9px;margin-top:20px}.flow{margin-top:29px}.flow-header{margin-bottom:25px;gap:12px;align-items:center}.flow-title{font-size:12px}.stepper{gap:9px}.stepper .step span{display:none}.step b{width:21px;height:21px;min-width:21px}.transcript{gap:18px;margin-bottom:27px}.message{font-size:14px;max-width:94%}.message.user{padding:13px 16px}.message.assistant{gap:7px;max-width:100%}.assistant-mark{width:25px;height:25px;padding:5px}.assistant-mark img{width:14px;height:14px}.message-body{padding:13px 14px}.flow-card{padding:21px 18px;border-radius:21px;margin-bottom:28px}.flow-card h2{font-size:31px;line-height:1.14}.flow-card .card-description{font-size:13px}.card-top{gap:12px}.card-top>.pill{font-size:9px;padding:5px 8px}.brand-card .composer{margin-top:21px}.brand-card .brand-help{gap:7px}.soft-chip{font-size:10px;padding:7px 10px}.ref-grid{grid-template-columns:1fr;gap:15px;margin-top:21px}.ref-grid .ref-card:last-child:nth-child(3){grid-column:auto;max-width:none}.ref-card{border-radius:15px}.ref-image-button img{height:190px;object-fit:cover}.ref-title{min-height:0;font-size:14px}.ref-reason{min-height:0;font-size:11px}.ref-body{padding:14px}.ref-image-button .inspect-label{opacity:1}.reference-tools{align-items:flex-start;gap:9px}.reference-tools p{font-size:10px;max-width:145px}.reference-tools .text-button{font-size:11px;min-height:25px}.card-actions{align-items:flex-start;flex-direction:column-reverse;gap:12px}.card-actions .button{width:100%}.card-actions small{font-size:10px}.reference-mode button{font-size:10px;padding:8px 10px}.card-eyebrow{font-size:10px}.handoff-card h2{font-size:37px}.handoff-bottom{gap:10px}.handoff-bottom .button{width:100%}.agent-link{padding:13px}.agent-link-row input{font-size:10px}.local-link-note{font-size:9px}.brief-preview .brief-text{font-size:13px}.handoff-refs img{width:40px;height:30px}.handoff-refs>span{font-size:10px}.handoff-page{margin-top:42px}.handoff-page-header{flex-direction:column;margin-bottom:24px;gap:15px}.handoff-page-header h1{font-size:45px}.handoff-page-header .button{font-size:12px;min-height:40px}.handoff-grid .handoff-card{padding:22px 18px}.handoff-empty{padding:30px 22px;margin-top:30px}.handoff-empty h2{font-size:29px}.modal-backdrop{padding:14px}.modal{padding:21px;max-height:calc(100dvh - 28px);border-radius:22px}.modal-head h2{font-size:29px}.modal-tabs{gap:2px}.modal-tabs button{font-size:11px;padding:8px 10px}.library-modal .ref-grid{grid-template-columns:1fr}.library-modal .ref-image-button img{height:180px}.inspect-modal{padding:14px}.inspect-footer{font-size:10px;align-items:flex-start}.inspect-footer .button{font-size:11px;padding:9px 12px;min-height:38px}.settings-action{font-size:12px}.settings-action small{font-size:10px}.settings-action .text-button{font-size:11px}.attachment-chip .file-copy{max-width:100px}.attachment-role{font-size:9px}.handoff-page-header .eyebrow{font-size:10px}}
.mobile-history{display:none}.missing-preview{height:166px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:11px}.missing-preview svg{width:24px;height:24px;opacity:.65}.own-document{height:92px;width:128px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:var(--surface-subtle)}.prompt-disclosure{width:100%;min-width:0}.brief-heading:has(.prompt-disclosure){align-items:flex-start;gap:14px}.brief-heading:has(.prompt-disclosure)>.text-button{flex:none}.prompt-disclosure .brief-text{max-height:440px;overflow:auto}.flow-card .card-description{font-size:calc(15px * var(--scale))}.brief-preview .brief-text{font-size:calc(14px * var(--scale))}.modal .muted{font-size:calc(13px * var(--scale))}
@media(max-width:640px){.mobile-history{display:inline-flex;width:28px;height:28px}.mobile-history svg{width:16px;height:16px}.flow-card .card-description{font-size:calc(13px * var(--scale))}.brief-preview .brief-text{font-size:calc(13px * var(--scale))}.missing-preview{height:190px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Guided authoring follows the Hummingbird bottom card and progress rail. */
.workspace>.mobile-history{position:absolute;right:21px;top:89px}
.authoring .workspace{padding-top:38px;padding-right:150px;padding-bottom:40px}
.authoring-flow{display:flex;flex-direction:column;min-height:calc(100dvh - 78px);margin-top:0;max-width:1000px}
.flow-conversation{padding:14px 0 34px;display:flex;flex-direction:column}
.flow-conversation .transcript{margin-bottom:0}
.flow-conversation .reference-message{margin-top:22px;align-self:flex-end}
.authoring-dock{position:relative;margin-top:auto}
.authoring-card{padding:30px}
.authoring-card h2{font-size:36px;line-height:1.18;letter-spacing:-.018em;max-width:760px}
.authoring-card .card-description{font-size:calc(14px * var(--scale));line-height:1.65;color:var(--body);margin-top:11px}
.authoring-card>.composer-shell{margin-top:30px}
.authoring-card .composer{box-shadow:none;border-color:var(--control-border);border-radius:20px}
.authoring-card .composer textarea{font-size:calc(18px * var(--scale))}
.progress-rail{position:absolute;left:calc(100% + 24px);top:50%;transform:translateY(-50%);width:114px;display:flex;flex-direction:column;gap:10px}
.progress-step{display:flex;align-items:center;gap:11px;text-align:left;min-height:22px;padding:0;opacity:1!important}
.progress-dot{display:block;position:relative;flex:none;width:16px;height:16px;border:1px solid var(--control-border);border-radius:50%;background:var(--surface);transition:height .15s}
.progress-step.done .progress-dot{background:var(--ink);border-color:var(--ink)}
.progress-step.done .progress-dot:after{content:'';position:absolute;left:4px;top:1px;width:5px;height:8px;border:solid var(--surface);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
.progress-step.current{min-height:36px}
.progress-step.current .progress-dot{height:32px;border-radius:12px;background:var(--ink);border-color:var(--ink)}
.progress-label{display:none;font-size:9px;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);max-width:77px}
.progress-step.current .progress-label{display:block}
.progress-step:hover:not(:disabled) .progress-dot{box-shadow:0 0 0 4px var(--line)}
.reference-carousel{display:flex;overflow-x:auto;overflow-y:hidden;gap:17px;margin-top:25px;padding:2px 2px 14px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--control-border) var(--surface-subtle);overscroll-behavior-inline:contain}
.reference-carousel>.ref-card{flex:0 0 calc((100% - 38px)/3);min-width:235px;scroll-snap-align:start}
.reference-carousel .ref-image-button img,.reference-carousel .missing-preview{height:172px}
.reference-tools{margin-top:10px;padding-top:0;border-top:0}
.carousel-controls{display:flex;gap:8px}
.carousel-controls .icon-button{width:33px;height:33px;border:1px solid var(--control-border)}
.carousel-controls .icon-button svg{width:15px;height:15px}
.carousel-controls [data-action="carousel-prev"] svg{transform:rotate(180deg)}
.reference-card .card-actions{border-top:1px solid var(--line);padding-top:18px;margin-top:15px}
.reference-card .reference-mode{margin-top:17px}
.reference-card .match-note{margin-top:10px}
.completed-flow{max-width:850px;margin-top:100px}
.handoff-page{max-width:900px;margin-top:90px}
.handoff-page-header{margin-bottom:30px}
.handoff-page .handoff-card{padding:38px}
.handoff-card h2{font-size:42px}
.handoff-card .card-description{max-width:730px;margin-top:15px}
.handoff-detail-row{display:grid;grid-template-columns:1fr 1.25fr .7fr;gap:0;margin-top:27px;border-block:1px solid var(--line)}
.handoff-detail{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:58px;font-size:12px;padding:8px 15px;text-align:left}
.handoff-detail:first-child{padding-left:0}
.handoff-detail:last-child{padding-right:0}
.handoff-detail+.handoff-detail{border-left:1px solid var(--line)}
.handoff-detail svg{width:13px;height:13px;color:var(--muted)}
.handoff-detail:hover{color:var(--ink)}
.agent-link.compact{display:flex;align-items:center;gap:9px;margin-top:21px;padding:8px 11px;border-radius:10px;background:var(--paper)}
.agent-link.compact>span{font-size:11px;white-space:nowrap}
.agent-link.compact>svg{width:12px;height:12px;color:var(--muted)}
.agent-link.compact input{flex:1;min-width:0;font-size:11px;border:0;background:none;color:var(--body);text-overflow:ellipsis}
.agent-link.compact .icon-button{width:44px;height:44px;flex:none}
.agent-link.compact .icon-button svg{width:13px;height:13px}
.handoff-card .local-link-note{margin-top:8px;max-width:700px;font-size:10px}
.handoff-card .handoff-bottom{margin-top:26px;gap:22px}
.handoff-detail-text{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.8 var(--sans);color:var(--body);margin:0}
.library-modal .modal-actions{position:sticky;bottom:-28px;background:var(--surface);padding:14px 0 0;margin-top:15px}
@media(min-width:1600px){.authoring .workspace{padding-right:180px}}
@media(max-width:1100px){.authoring .workspace{padding-right:120px}.authoring-card{padding:24px}.progress-rail{left:calc(100% + 18px);width:90px}.progress-label{font-size:8px;max-width:60px}.reference-carousel>.ref-card{flex-basis:calc((100% - 21px)/2);min-width:230px}.authoring-card h2{font-size:33px}}
@media(max-width:800px){.authoring .workspace{padding-right:30px;padding-bottom:55px}.progress-rail{position:static;transform:none;width:auto;flex-direction:row;justify-content:center;margin-top:24px;gap:14px}.progress-step{min-width:20px;min-height:18px;gap:7px}.progress-step.current{min-height:18px}.progress-step.current .progress-dot{width:32px;height:16px}.progress-label{font-size:8px;max-width:80px}.authoring-flow{min-height:calc(100dvh - 116px)}.handoff-page{margin-top:65px}}
@media(max-width:640px){.welcome{margin-top:55px}.welcome .composer{margin-top:31px}.starters{margin-top:38px}.authoring .workspace{padding:105px 20px 30px}.authoring-flow{min-height:calc(100dvh - 135px)}.flow-conversation{padding-top:10px;padding-bottom:26px}.authoring-card{padding:22px 17px;border-radius:21px}.authoring-card h2{font-size:30px}.authoring-card>.composer-shell{margin-top:25px}.authoring-card .composer{padding:8px;gap:6px}.authoring-card .composer textarea{font-size:calc(15px * var(--scale))}.reference-carousel{gap:13px;margin-top:21px;padding-bottom:12px}.reference-carousel>.ref-card{flex:0 0 88%;min-width:210px}.reference-carousel .ref-image-button img,.reference-carousel .missing-preview{height:175px}.reference-card .card-actions{align-items:stretch;gap:8px;margin-top:14px;padding-top:15px}.reference-card .card-actions>.text-button{justify-content:center;font-size:12px}.reference-card .reference-tools .text-button{font-size:11px}.reference-card .reference-mode{gap:5px}.reference-card .reference-mode button{font-size:10px;padding:7px 9px}.reference-card .ref-title{font-size:13px;min-height:36px}.reference-card .ref-reason{min-height:30px}.progress-rail{margin-top:22px}.handoff-page{margin-top:50px}.handoff-page .handoff-card,.handoff-card{padding:25px 20px}.handoff-page-header{flex-direction:row;align-items:center;gap:12px}.handoff-page-header h1{font-size:38px}.handoff-page-header>.text-button{font-size:10px;gap:5px;max-width:90px;line-height:1.4}.handoff-page-header>.text-button svg{width:14px;height:14px}.handoff-card h2{font-size:36px}.handoff-detail-row{grid-template-columns:1fr 1.25fr .8fr;margin-top:23px}.handoff-detail{font-size:10px;padding:9px 10px;min-height:58px;gap:5px;line-height:1.4}.handoff-detail svg{width:11px;height:11px}.agent-link.compact{padding:7px 8px;gap:6px}.agent-link.compact>span{font-size:9px}.agent-link.compact input{font-size:9px}.agent-link.compact>svg{display:none}.handoff-card .local-link-note{font-size:9px}.handoff-card .handoff-bottom{gap:12px;justify-content:center}.handoff-card .handoff-bottom .text-button{font-size:12px}.completed-flow{margin-top:60px}}
.conversation-summary{border-block:1px solid var(--line)}
.conversation-summary details+details{border-top:1px solid var(--line)}
.conversation-summary summary{list-style:none;display:flex;align-items:center;gap:18px;min-height:45px;cursor:pointer;font-size:12px}
.conversation-summary summary::-webkit-details-marker{display:none}
.conversation-summary .summary-label{width:90px;flex:none;color:var(--muted);font-size:10px}
.conversation-summary .summary-excerpt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}
.conversation-summary summary svg{width:13px;height:13px;color:var(--muted)}
.conversation-summary details[open] summary svg{transform:rotate(180deg)}
.summary-content{padding:6px 0 17px 108px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;color:var(--body)}
.summary-content .text-button{font-size:11px;min-height:28px;margin-top:8px}
@media(max-width:640px){.conversation-summary summary{gap:10px}.conversation-summary .summary-label{width:68px;font-size:9px}.conversation-summary .summary-excerpt{font-size:11px}.summary-content{padding-left:0}}
/* Keep the composer at the bottom while longer authoring content scrolls above it. */
.authoring-flow{height:calc(100dvh - 78px);min-height:0}
.flow-conversation{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin}
.authoring-dock{flex:none}
.authoring-card{display:flex;flex-direction:column;max-height:calc(100dvh - 220px)}
.authoring-card>.reference-card,.authoring-card>.brand-card{min-height:0;overflow-y:auto;scrollbar-width:thin;overscroll-behavior-y:contain}
.authoring-card>.composer-shell{flex:none}
@media(max-width:800px){.authoring-flow{height:calc(100dvh - 93px);min-height:0}.authoring-card{max-height:calc(100dvh - 260px)}}
@media(max-width:640px){.authoring-flow{height:calc(100dvh - 135px)}.authoring-card{max-height:calc(100dvh - 300px)}}

/* Project Handoff is an editorial page within the Studio Time workspace. */
.handoff-expanded .workspace{padding:58px 64px 54px}
.expanded-handoff{max-width:1192px;margin:0 auto}
.handoff-masthead{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr);align-items:start;gap:36px}
.handoff-masthead h1{font-family:var(--display);font-weight:700;font-size:64px;line-height:1.04;letter-spacing:-.035em}
.handoff-personal-note{border-left:2px solid var(--ink);padding:5px 0 5px 18px;font-size:14px;line-height:1.7;color:var(--body);max-width:400px;overflow-wrap:anywhere}
.handoff-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:54px;align-items:center;min-height:360px;margin:65px 0 45px}
.handoff-story-copy>p{font-family:var(--serif);font-size:34px;line-height:1.55;letter-spacing:-.018em;color:var(--ink);overflow-wrap:anywhere}
.handoff-story-copy>.text-button{margin-top:24px;font-size:12px;color:var(--muted)}
.handoff-cover{height:340px;position:relative;margin:0 12px 0 4px}
.handoff-cover-image{position:absolute;margin:0;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:17px;box-shadow:0 10px 30px #0000000D;overflow:hidden;width:69%;height:257px}
.handoff-cover-image img{width:100%;height:211px;object-fit:cover;object-position:top;border-radius:9px;border:1px solid var(--line)}
.handoff-cover-image figcaption{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--muted);padding:8px 3px 0;line-height:1}
.cover-image-1{left:0;top:20px;transform:rotate(-7deg);z-index:1}
.cover-image-2{right:0;top:57px;transform:rotate(6deg);z-index:2}
.cover-image-3{left:14%;top:133px;transform:rotate(-1deg);z-index:3;width:65%;height:221px}
.cover-image-3 img{height:175px}
.handoff-cover:has(>.handoff-cover-image:only-child) .cover-image-1{left:14%;top:27px;width:78%;height:285px;transform:rotate(-4deg)}
.handoff-cover:has(>.handoff-cover-image:only-child) .cover-image-1 img{height:238px}
.handoff-cover-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;border:1px solid var(--line);border-radius:28px;background:#FFFFFF70;color:var(--muted)}
.handoff-cover-empty>svg{width:64px;height:64px;color:var(--muted);stroke-width:1}
.handoff-cover-empty>p{font-family:var(--serif);font-size:29px;color:var(--ink)}
.handoff-cover-empty>span{font-size:11px}
.handoff-story-actions{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding:26px 0 31px}
.handoff-story-actions>p{font-size:14px;color:var(--body);max-width:340px;line-height:1.7}
.handoff-story-actions>div{display:flex;align-items:center;justify-content:flex-end;gap:24px}
.handoff-story-actions .button{background:var(--ink);border-color:var(--ink)}
.handoff-story-actions .button:hover{background:var(--button-hover)}
.handoff-story-actions .text-button{font-size:12px;gap:7px;white-space:nowrap}
.handoff-story-actions .text-button svg{width:15px;height:15px}
.handoff-chapters{display:grid;grid-template-columns:1fr 1.25fr 1fr;margin:3px 0 34px;border-block:1px solid var(--line)}
.handoff-chapters>button{display:flex;align-items:center;gap:12px;text-align:left;min-height:58px;padding:12px 20px;font-size:12px}
.handoff-chapters>button:first-child{padding-left:0}
.handoff-chapters>button:last-child{padding-right:0}
.handoff-chapters>button+button{border-left:1px solid var(--line)}
.handoff-chapters>button>span{font-size:10px;color:var(--muted)}
.handoff-chapters>button>svg{width:14px;height:14px;margin-left:auto;color:var(--muted)}
.handoff-chapters>button:hover{color:var(--ink)}
.handoff-sheet{border:1px solid var(--border);border-radius:24px;background:var(--surface);padding:34px 36px 36px;margin-top:30px;scroll-margin-top:30px;min-width:0}
.handoff-section-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:23px}
.handoff-section-heading h2{font-size:34px;line-height:1.16;letter-spacing:-.02em}
.handoff-section-heading h2 em{font-style:normal;color:var(--ink)}
.handoff-section-heading .text-button{font-size:11px;min-height:32px;gap:6px;flex:none}
.handoff-section-heading .text-button svg{width:14px;height:14px}
.handoff-body-copy{font-size:calc(16px * var(--scale));line-height:1.85;color:var(--body);white-space:pre-wrap;overflow-wrap:anywhere}
.handoff-extra-context{margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}
.handoff-extra-context h3{font-size:25px;margin-bottom:10px}
.complete-brief-disclosure{border-top:1px solid var(--line);margin-top:26px;padding-top:10px}
.complete-brief-disclosure>button{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;width:100%;font-size:12px;text-align:left}
.complete-brief-disclosure>button>svg{width:14px;height:14px;color:var(--muted)}
.complete-brief-disclosure>button[aria-expanded="true"]>svg{transform:rotate(180deg)}
.complete-brief-disclosure section{margin-top:15px;padding:22px;background:var(--paper);border-radius:15px}
.handoff-brand-content{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:38px;align-items:center}
.handoff-brand-content:has(>.handoff-body-copy:only-child){grid-template-columns:1fr}
.handoff-palette{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:19px;padding:28px 20px;background:var(--surface-subtle);border-radius:20px;min-height:135px}
.handoff-color{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:44px}
.handoff-color i{display:block;width:47px;height:47px;border:1px solid #00000022;border-radius:50%}
.handoff-color span{font-size:10px;color:var(--muted)}
.handoff-reference-count{font-size:12px;color:var(--muted)}
.handoff-reference-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.handoff-reference-gallery:has(>.handoff-visual-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.handoff-reference-gallery:has(>.handoff-visual-card:only-child){grid-template-columns:1fr}
.handoff-visual-card{min-width:0;border:1px solid var(--line);border-radius:17px;background:var(--surface);overflow:hidden}
.handoff-visual-image{display:block;position:relative;width:100%;padding:0;background:var(--surface-subtle);text-align:left}
.handoff-visual-image>img{width:100%;height:235px;object-fit:contain;object-position:top}
.handoff-visual-image>.missing-preview{height:235px}
.visual-enlarge{position:absolute;bottom:11px;left:12px;display:flex;align-items:center;gap:6px;padding:5px 9px;background:#FFFFFFf2;border:1px solid var(--line);border-radius:20px;font-size:10px;opacity:0;transition:opacity .15s}
.visual-enlarge>svg{width:12px;height:12px}
.handoff-visual-image:hover .visual-enlarge,.handoff-visual-image:focus-visible .visual-enlarge{opacity:1}
.handoff-visual-caption{padding:20px}
.handoff-visual-index{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:9px;margin-bottom:13px}
.handoff-visual-caption h3{font-family:var(--serif);font-weight:500;font-size:24px;line-height:1.2;letter-spacing:-.01em;overflow-wrap:anywhere}
.handoff-visual-caption>p{font-size:11px;color:var(--muted);line-height:1.65;margin-top:11px}
.handoff-visual-caption>.text-button{font-size:10px;min-height:28px;margin-top:8px}
.handoff-visual-caption>.text-button svg{width:12px;height:12px}
.reference-scope{margin-top:14px;border-top:1px solid var(--line);padding-top:9px;font-size:11px;color:var(--muted)}
.reference-scope summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;list-style:none;min-height:28px}
.reference-scope summary svg{width:12px;height:12px}
.reference-scope p{font-size:11px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:8px}
.handoff-reference-gallery:has(>.handoff-visual-card:only-child)>.handoff-visual-card{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
.handoff-reference-gallery:has(>.handoff-visual-card:only-child) .handoff-visual-image>img{height:320px}
.handoff-visual-card.visual-expanded{grid-column:1 / -1;display:block!important}
.handoff-visual-card.visual-expanded .handoff-visual-image>img{height:auto!important;max-height:none;object-fit:contain}
.handoff-page-footer{margin-top:31px;padding:0 4px}
.handoff-page-footer .agent-link{max-width:740px;background:#FFFFFFb8}
.handoff-page-footer .local-link-note{font-size:10px;max-width:730px;line-height:1.75}
.handoff-page-footer>.text-button{font-size:11px;margin-top:16px}
.completed-flow{max-width:1000px;margin-top:35px}
.completed-conversation{margin-bottom:35px}
.handoff-inline-panel{padding:24px 0 5px}
.handoff-inline-panel>.handoff-detail-text{max-height:540px;overflow:auto;padding:20px;background:var(--paper);border-radius:12px}
.handoff-detail[aria-expanded="true"]{color:var(--ink)}
.handoff-detail[aria-expanded="true"]>svg{transform:rotate(180deg)}
.compact-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
.compact-gallery .handoff-visual-image>img{height:190px}
@media(max-width:1200px){.handoff-expanded .workspace{padding:48px 35px}.handoff-masthead h1{font-size:54px}.handoff-masthead{grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr);gap:28px}.handoff-story{gap:32px;margin-top:45px}.handoff-story-copy>p{font-size:31px}.handoff-cover{height:310px}.handoff-cover-image{height:235px}.handoff-cover-image img{height:189px}.cover-image-3{height:200px}.cover-image-3 img{height:154px}.handoff-story-actions>div{gap:18px}.handoff-reference-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.handoff-masthead{grid-template-columns:1fr;gap:25px}.handoff-personal-note{justify-self:end;width:60%;font-size:12px}.handoff-masthead h1{font-size:50px}.handoff-story{grid-template-columns:1fr 1fr;gap:24px;min-height:300px}.handoff-story-copy>p{font-size:28px}.handoff-cover{height:285px}.handoff-cover-image{width:76%;height:210px}.handoff-cover-image img{height:164px}.cover-image-3{width:72%;top:120px;height:180px}.cover-image-3 img{height:134px}.handoff-story-actions{align-items:flex-start;flex-direction:column;gap:18px}.handoff-story-actions>p{max-width:none}.handoff-story-actions>div{width:100%;justify-content:flex-start}.handoff-sheet{padding:29px 26px}.handoff-brand-content{grid-template-columns:1fr;gap:24px}.handoff-palette{justify-content:flex-start;min-height:115px}.handoff-section-heading h2{font-size:31px}.handoff-chapters>button{font-size:11px;padding-inline:12px;gap:8px}.handoff-chapters>button>span{display:none}}
@media(max-width:640px){.handoff-expanded .workspace{padding:121px 22px 35px}.handoff-masthead{gap:22px}.handoff-masthead h1{font-size:46px;line-height:1.05}.handoff-personal-note{justify-self:start;width:100%;max-width:none;font-size:12px;padding-left:15px}.handoff-story{grid-template-columns:1fr;gap:20px;margin:37px 0 24px;min-height:0}.handoff-story-copy>p{font-size:29px;line-height:1.5}.handoff-story-copy>.text-button{margin-top:16px;font-size:11px}.handoff-cover{height:280px;max-width:390px;margin:0 12px 5px}.handoff-cover-image{width:72%;height:218px}.handoff-cover-image img{height:172px}.cover-image-1{top:12px}.cover-image-2{top:45px}.cover-image-3{top:103px;height:190px;width:66%}.cover-image-3 img{height:144px}.handoff-cover:has(>.handoff-cover-image:only-child) .cover-image-1{height:245px;top:16px}.handoff-cover:has(>.handoff-cover-image:only-child) .cover-image-1 img{height:198px}.handoff-story-actions{gap:18px;padding:22px 0 24px}.handoff-story-actions>p{font-size:12px;max-width:290px}.handoff-story-actions>div{flex-wrap:wrap;gap:12px 20px}.handoff-story-actions .button{width:100%;min-height:46px;font-size:13px}.handoff-story-actions .text-button{font-size:11px}.handoff-chapters{margin-bottom:25px;grid-template-columns:1fr 1.35fr .9fr}.handoff-chapters>button{font-size:10px;line-height:1.4;gap:6px;min-height:59px;padding:10px}.handoff-chapters>button>svg{width:10px;height:10px;flex:none}.handoff-sheet{padding:25px 20px;margin-top:23px;border-radius:21px;scroll-margin-top:95px}.handoff-section-heading{gap:12px;margin-bottom:20px}.handoff-section-heading h2{font-size:29px}.handoff-section-heading .text-button{font-size:10px}.handoff-body-copy{font-size:calc(14px * var(--scale));line-height:1.85}.complete-brief-disclosure{margin-top:21px}.complete-brief-disclosure>button{font-size:11px;min-height:46px;gap:10px}.complete-brief-disclosure section{padding:15px}.complete-brief-disclosure .handoff-detail-text{font-size:12px}.handoff-palette{padding:24px 17px;gap:20px;justify-content:flex-start}.handoff-color i{width:43px;height:43px}.handoff-reference-gallery,.handoff-reference-gallery:has(>.handoff-visual-card:nth-child(2):last-child),.compact-gallery{grid-template-columns:1fr}.handoff-reference-gallery:has(>.handoff-visual-card:only-child)>.handoff-visual-card{display:block}.handoff-reference-gallery:has(>.handoff-visual-card:only-child) .handoff-visual-image>img{height:240px}.handoff-visual-image>img{height:230px}.handoff-visual-caption{padding:19px}.handoff-visual-caption h3{font-size:24px}.visual-enlarge{opacity:1;font-size:9px}.handoff-reference-count{font-size:10px;white-space:nowrap}.handoff-page-footer{padding:0;margin-top:23px}.handoff-page-footer .local-link-note{font-size:9px}.completed-flow{margin-top:28px}.completed-conversation{margin-bottom:27px}.handoff-inline-panel{padding-top:20px}.handoff-inline-panel>.handoff-detail-text{padding:15px;font-size:12px}}

/* Full conversations keep the interface neutral and the design references in color. */
.welcome-minimal{margin:clamp(150px,29vh,290px) auto 40px}
.welcome-minimal .composer{margin-top:0}
.composer{align-items:center}
.composer textarea{padding-block:8px;line-height:30px;min-height:46px}
.composer .attach-button,.composer .voice-button,.composer .send-button{margin-block:0}
[data-tooltip]{position:relative}
[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 15px);left:-8px;white-space:nowrap;padding:9px 12px;border-radius:9px;background:var(--ink);color:var(--surface);font-size:12px;line-height:1.5;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(4px);transition:opacity .15s,transform .15s;z-index:45}
[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{opacity:1;visibility:visible;transform:translateY(0)}
.composer .voice-button[data-tooltip]:after,.composer .send-button[data-tooltip]:after{left:auto;right:0}
.authoring-flow{height:calc(100dvh - 78px);max-width:1040px;margin-top:0}
.flow-conversation{padding:14px 8px 28px 0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable}
.flow-conversation .transcript{gap:30px;margin-bottom:30px}
.chat-row{display:flex;align-items:flex-start;gap:12px;min-width:0;font-size:calc(16px * var(--scale));line-height:1.65}
.chat-row.user{align-self:flex-end;max-width:82%}
.chat-row.assistant{align-self:flex-start;width:100%}
.chat-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--control-border);background:var(--surface);overflow:hidden;flex:none}
.chat-avatar>svg{width:19px;height:19px}
.chat-avatar>img,.avatar>img{width:100%;height:100%;object-fit:cover}
.avatar{overflow:hidden}
.avatar>svg{width:18px;height:18px}
.assistant-avatar{padding:6px;border-color:var(--line)}
.assistant-avatar>img{width:18px;height:18px;object-fit:contain}
.chat-profile{padding:0;flex:none;border-radius:50%}
.chat-profile:hover .chat-avatar{box-shadow:0 0 0 3px var(--line)}
.assistant-content{min-width:0;max-width:calc(100% - 44px)}
.chat-bubble{padding:17px 22px;overflow-wrap:anywhere}
.chat-bubble p{white-space:pre-wrap}
.user-bubble{background:var(--surface-subtle);border:1px solid var(--line);border-radius:18px 18px 5px 18px;min-width:0}
.assistant-bubble{background:var(--surface);border:1px solid var(--line);border-radius:18px 18px 18px 5px;max-width:760px}
.chat-bubble .message-label{display:flex;justify-content:space-between;gap:24px;margin-bottom:7px}
.message-label .text-button{min-height:18px;font-size:10px;text-decoration:none;color:var(--muted)}
.message-label .text-button:hover{text-decoration:underline}
.message-label .text-button svg{width:11px;height:11px}
.reference-response,.handoff-response{margin-top:0;margin-bottom:12px}
.reference-response .assistant-content,.handoff-response .assistant-content{flex:1}
.reference-card{padding:29px 28px 25px;background:var(--surface);border:1px solid var(--border);border-radius:24px}
.reference-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}
.reference-heading h2{font-size:34px;line-height:1.15;letter-spacing:-.025em;max-width:560px;text-wrap:balance}
.reference-heading>.text-button{flex:none;font-size:12px}
.reference-card>.card-description{margin-top:14px;font-size:14px;color:var(--body)}
.reference-tools{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:18px}
.reference-tools>.button{font-size:12px;min-height:43px;padding:10px 17px}
.authoring-dock{padding:16px 0 6px;background:var(--paper)}
.authoring-composer{min-width:0}
.authoring-composer .composer{box-shadow:0 5px 0 -1px var(--ink)}
.editing-notice{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 8px 10px;font-size:12px;color:var(--muted)}
.editing-notice .text-button{font-size:12px;min-height:25px}
.progress-step{position:relative;cursor:pointer}
.progress-step[aria-disabled="true"]{cursor:default}
.progress-tooltip{position:absolute;right:calc(100% + 17px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px;width:235px;padding:14px 16px;background:var(--ink);color:var(--surface);border-radius:12px;box-shadow:0 7px 25px #00000018;font-size:12px;line-height:1.55;opacity:0;visibility:hidden;pointer-events:none;z-index:45;text-transform:none;letter-spacing:0}
.progress-tooltip strong{font-weight:400;font-size:13px}
.progress-tooltip small{font-size:10px;opacity:.75}
.progress-step:hover .progress-tooltip,.progress-step:focus-visible .progress-tooltip{opacity:1;visibility:visible}
.thinking-bubble{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted);min-height:56px}
.thinking-dots{display:flex;gap:4px;align-items:center}
.thinking-dots i{width:5px;height:5px;background:var(--ink);border-radius:50%;animation:thinking-dot 1.2s ease-in-out infinite}
.thinking-dots i:nth-child(2){animation-delay:.15s}.thinking-dots i:nth-child(3){animation-delay:.3s}
@keyframes thinking-dot{0%,70%,100%{opacity:.3;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}
.handoff-card.flow-card{margin-bottom:7px}
.handoff-card .handoff-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.handoff-bottom>.button{margin-left:auto}
.handoff-personal-note{display:flex;align-items:center;gap:12px;min-width:0}
.handoff-personal-note>p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.65}
.handoff-personal-note>.icon-button{width:29px;height:29px}
.handoff-personal-note svg{width:17px;height:17px}
.complete-project-brief{font-size:calc(14px * var(--scale));line-height:1.85;color:var(--body);overflow-wrap:anywhere}
.complete-project-brief h3{font-size:30px;margin:28px 0 18px;color:var(--ink)}
.complete-project-brief h4{font-size:25px;margin:26px 0 12px;color:var(--ink)}
.complete-project-brief h5{font:16px/1.5 var(--sans);margin:22px 0 10px;color:var(--ink)}
.complete-project-brief>:first-child{margin-top:0}
.complete-project-brief p{margin:12px 0}
.complete-project-brief ul,.complete-project-brief ol{padding-left:24px;margin:12px 0 20px}
.complete-project-brief li{padding-left:3px;margin:8px 0}
.complete-project-brief code{font:12px/1.6 var(--sans);background:var(--surface-subtle);padding:3px 6px;border-radius:4px}
.reference-scope{border-top:1px solid var(--line);padding-top:12px;margin-top:15px}
.reference-scope h4{font:11px/1.5 var(--sans);margin:0 0 7px;color:var(--muted)}
.reference-scope>p{font-size:11px;line-height:1.7;overflow-wrap:anywhere}
.initial-prompt-text{font-size:15px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}
.account-photo{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:22px}
.account-photo .chat-avatar{width:46px;height:46px}
.account-photo .text-button{font-size:12px}
@media(max-width:1100px){.reference-heading{align-items:flex-start;gap:18px}.reference-heading h2{font-size:31px}.reference-heading>.text-button{font-size:11px}.reference-card{padding:24px 21px}}
@media(max-width:800px){.authoring .workspace{padding-bottom:20px}.authoring-flow{height:calc(100dvh - 58px)}.authoring-dock{padding-bottom:0}.progress-rail{margin-top:17px;margin-bottom:4px}.progress-step.current .progress-dot{border-radius:12px}.progress-tooltip{right:auto;left:50%;top:auto;bottom:calc(100% + 15px);transform:translateX(-50%)}.progress-step:first-child .progress-tooltip{left:-24px;transform:none}.progress-step:last-child .progress-tooltip{left:auto;right:-24px;transform:none}.chat-row.user{max-width:90%}}
@media(max-width:640px){.welcome-minimal{margin:clamp(125px,24vh,220px) auto 35px}.welcome-minimal .composer{margin-top:0}.composer textarea{padding-block:11px;line-height:24px;font-size:calc(15px * var(--scale))}.authoring .workspace{padding:100px 16px 20px}.authoring-flow{height:calc(100dvh - 120px)}.flow-conversation{padding:10px 0 20px;scrollbar-gutter:auto}.flow-conversation .transcript{gap:24px;margin-bottom:24px}.chat-row{gap:9px;font-size:calc(14px * var(--scale))}.chat-row.user{max-width:96%}.chat-avatar{width:29px;height:29px}.assistant-avatar{padding:6px}.assistant-avatar>img{width:15px;height:15px}.assistant-content{max-width:calc(100% - 38px)}.chat-bubble{padding:14px 16px}.reference-response{gap:7px}.reference-response>.assistant-avatar,.handoff-response>.assistant-avatar{display:none}.reference-response .assistant-content,.handoff-response .assistant-content{max-width:100%}.reference-card{padding:22px 16px 19px;border-radius:21px}.reference-heading{gap:12px}.reference-heading h2{font-size:27px;max-width:70%;text-wrap:initial}.reference-heading>.text-button{font-size:10px;max-width:74px;line-height:1.5;min-height:0;text-align:left;gap:5px}.reference-heading>.text-button svg{width:12px;height:12px}.reference-card>.card-description{font-size:12px;line-height:1.7}.reference-tools>.button{font-size:11px;padding-inline:13px}.reference-tools .carousel-controls{gap:5px}.carousel-controls .icon-button{width:30px;height:30px}.handoff-card .handoff-bottom{justify-content:space-between;gap:18px}.handoff-bottom>.button{width:auto;font-size:11px;padding-inline:14px;min-height:43px}.handoff-card .handoff-bottom>.text-button{font-size:11px}.handoff-personal-note>p{font-size:12px}.handoff-personal-note{padding-left:12px}.complete-project-brief{font-size:calc(12px * var(--scale))}.complete-project-brief h3{font-size:25px}.complete-project-brief h4{font-size:22px}.progress-tooltip{width:220px}.handoff-card.flow-card{padding:24px 19px}.authoring-composer .composer{gap:6px}.composer .voice-button{width:23px}.composer .send-button{margin-bottom:0}}
@media(prefers-reduced-motion:reduce){.thinking-dots i{animation:none}}

/* A compact visual handoff, with a complete brief available in a dialog. */
.nav-item.active{background:var(--ink);color:var(--surface);box-shadow:none}
.nav-item.active>.nav-arrow{color:var(--surface)}
.history-item{border:1px solid transparent;min-height:39px;transition:background .15s,color .15s}
.history-item.current{background:var(--ink);color:var(--surface);border-color:var(--ink)}
.history-item.current:hover{background:var(--button-hover)}
.history-item:not(.current):hover{background:var(--surface-hover);border-color:var(--line)}
.project-preview-tooltip{position:fixed;z-index:75;padding:14px;border:1px solid var(--border);border-radius:17px;background:var(--surface);box-shadow:0 12px 38px #0000001a;pointer-events:none;line-height:1.6}
.project-preview-tooltip>strong{display:block;margin-top:10px;font-family:var(--serif);font-size:21px;font-weight:500;color:var(--ink)}
.project-preview-tooltip>p{margin-top:6px;font-size:12px;color:var(--body)}
.project-preview-tooltip>small{display:block;margin-top:10px;font-size:10px;color:var(--muted)}
.project-preview-images{display:flex;gap:7px;overflow:hidden;border-radius:9px;height:115px}
.project-preview-images>img{flex:1;width:0;min-width:0;height:115px;object-fit:cover;object-position:top;border:1px solid var(--line);border-radius:9px}
.ref-card.selected{border-color:var(--ink);box-shadow:0 0 0 2px var(--ink)}
.ref-card.selected .ref-body{background:var(--surface-subtle)}
.ref-card.selected .ref-checkbox{width:31px;height:31px;top:8px;right:8px;box-shadow:0 0 0 3px var(--surface)}
.ref-selected-label{position:absolute;top:11px;left:11px;padding:5px 10px;border:1px solid white;border-radius:18px;background:var(--ink);color:white;font-size:10px;line-height:1.5;z-index:2;display:none;pointer-events:none}
.ref-card.selected .ref-selected-label{display:block}
.reference-mode button.active{background:var(--ink);color:var(--surface);border-color:var(--ink)}
.handoff-story-copy>p{font-size:clamp(26px,2.35vw,34px);line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-height:4.35em;text-wrap:pretty}
.handoff-story{min-height:310px;margin:45px 0 32px;gap:38px}
.handoff-story-copy>.text-button{margin-top:20px}
.handoff-brief-summary{padding:29px 32px 31px}
.handoff-brief-summary .handoff-section-heading{margin-bottom:23px}
.brief-summary-layout{display:grid;grid-template-columns:148px minmax(0,1fr);gap:30px;align-items:center}
.brief-summary-visual{min-height:190px;display:grid;place-items:center;border-radius:18px;background:var(--surface-subtle);border:1px solid var(--line);padding:17px;overflow:hidden}
.brief-device{width:105px;height:108px;padding:14px 11px 11px;background:var(--surface);border:1px solid var(--border);border-radius:9px;box-shadow:0 8px 0 -4px #00000016;display:flex;flex-direction:column;gap:8px;transform:rotate(-5deg)}
.brief-device-phone{width:75px;height:153px;padding:15px 9px 10px;border-radius:14px;transform:rotate(-7deg)}
.brief-device>span{display:block;width:22px;height:4px;background:var(--ink);border-radius:9px}
.brief-device>i{display:block;width:100%;height:6px;border-radius:4px;background:var(--line)}
.brief-device>i:last-child{width:62%}
.brief-device>div{display:flex;gap:5px;margin:4px 0}
.brief-device b{display:block;background:var(--surface-hover);border:1px solid var(--line);border-radius:5px;flex:1;height:35px}
.brief-device-phone b{height:53px}
.brief-visual-dark .brief-device{background:#171717;border-color:#171717;color:white;box-shadow:0 10px 20px #00000026}
.brief-visual-dark .brief-device>span{background:white}
.brief-visual-dark .brief-device>i{background:#595959}
.brief-visual-dark .brief-device b{background:#333333;border-color:#595959}
.brief-summary-content{min-width:0}
.brief-summary-content h3{font-size:28px;letter-spacing:-.018em;line-height:1.2}
.brief-summary-content>p{margin-top:10px;max-width:620px;font-size:14px;line-height:1.7;color:var(--body)}
.brief-summary-content>.brief-audience{font-size:12px;margin-top:7px;color:var(--muted)}
.brief-facts{display:flex;flex-wrap:wrap;gap:9px;margin-top:19px}
.brief-facts>span{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:11px;line-height:1.5}
.brief-facts svg{width:14px;height:14px}
.brief-summary-content>.text-button{margin-top:17px;font-size:12px;min-height:28px}
.brief-summary-content>.text-button svg{width:13px;height:13px}
.brand-theme-thumbnail{display:flex;align-items:center;flex-direction:column;gap:9px;padding-right:17px;margin-right:1px;border-right:1px solid var(--line);font-size:10px;color:var(--muted)}
.theme-miniature{width:86px;height:78px;padding:10px;border:1px solid var(--border);border-radius:10px;background:white;display:flex;flex-direction:column;gap:6px}
.theme-mini-heading{display:block;width:21px;height:4px;background:var(--ink);border-radius:4px}
.theme-mini-line{display:block;width:100%;height:3px;background:var(--line);border-radius:3px}
.theme-mini-line.short{width:60%}
.theme-mini-panels{display:flex;gap:5px}
.theme-mini-panels>i{display:block;height:24px;flex:1;border:1px solid var(--line);background:var(--surface-subtle);border-radius:4px}
.theme-dark .theme-miniature{background:#171717;border-color:#171717}
.theme-dark .theme-mini-heading{background:white}
.theme-dark .theme-mini-line{background:#777777}
.theme-dark .theme-mini-panels>i{background:#333333;border-color:#595959}
.complete-brief-modal{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:900px;max-height:calc(100dvh - 70px);padding:30px 34px;overflow:hidden}
.complete-brief-modal .complete-project-brief{min-height:0;overflow:auto;overscroll-behavior:contain;padding:8px 10px 8px 0;scrollbar-gutter:stable}
.complete-brief-modal .modal-head{min-width:0;margin-bottom:15px}.complete-brief-modal .modal-head h2{min-width:0}
.complete-brief-modal .modal-actions{position:static;min-width:0;align-items:center;background:var(--surface);padding:18px 0 0;border:0;margin-top:15px}
.complete-brief-modal .modal-actions .text-button{text-decoration:none;padding:8px 3px}.complete-brief-modal .modal-actions .text-button:hover{text-decoration:underline}
@media(max-width:1100px){.brief-summary-layout{grid-template-columns:120px minmax(0,1fr);gap:23px}.brief-summary-visual{min-height:181px}.brief-summary-content h3{font-size:26px}.handoff-brief-summary{padding:27px 26px}.handoff-story{gap:28px}}
@media(max-width:640px){.handoff-story{margin-top:30px;gap:21px;min-height:0}.handoff-story-copy>p{font-size:27px;line-height:1.4;max-height:4.2em}.handoff-story-copy>.text-button{font-size:11px}.handoff-brief-summary{padding:23px 19px}.brief-summary-layout{grid-template-columns:76px minmax(0,1fr);gap:17px;align-items:start}.brief-summary-visual{min-height:113px;padding:10px;border-radius:12px}.brief-device{width:60px;height:65px;padding:8px 6px;gap:4px;border-radius:6px}.brief-device-phone{width:45px;height:90px;padding:9px 6px;border-radius:9px}.brief-device>span{width:17px;height:3px}.brief-device>i{height:4px}.brief-device b{height:21px;border-radius:3px}.brief-device>div{gap:3px;margin:2px 0}.brief-device-phone b{height:30px}.brief-summary-content h3{font-size:23px}.brief-summary-content>p{font-size:12px;line-height:1.65;margin-top:8px}.brief-summary-content>.brief-audience{font-size:10px}.brief-facts{gap:6px;margin-top:14px}.brief-facts>span{font-size:9px;padding:5px 7px;gap:5px}.brief-facts svg{width:11px;height:11px}.brief-summary-content>.text-button{font-size:10px;margin-top:15px}.brand-theme-thumbnail{padding-right:16px}.theme-miniature{width:75px;height:70px;padding:8px}.complete-brief-modal{padding:22px 20px;max-height:calc(100dvh - 28px)}.complete-brief-modal .modal-head{gap:12px}.complete-brief-modal .modal-head h2{font-size:26px}.complete-brief-modal .modal-actions{padding-top:14px;gap:15px}.complete-brief-modal .modal-actions .text-button{font-size:12px}.complete-brief-modal .complete-project-brief{padding-right:8px}.complete-brief-modal .modal-actions .button{font-size:12px}.project-preview-tooltip{max-width:calc(100vw - 32px)}}
.nav-item.active svg.nav-arrow{color:var(--surface)}
.welcome-title-restored{margin:clamp(92px,17vh,175px) auto 40px}
.profile .avatar{width:44px;height:44px;overflow:hidden}
.profile .avatar>img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.profile .avatar>svg{width:21px;height:21px}
.profile .profile-copy{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.welcome-title-restored h1{white-space:normal;margin:0 0 34px;max-width:900px;font-size:clamp(40px,4.65vw,68px);line-height:1.12}
@media(max-width:640px){.welcome-title-restored{margin:clamp(75px,12vh,120px) auto 35px}.welcome-title-restored h1{font-size:clamp(37px,9vw,48px);margin-bottom:28px;max-width:13ch;line-height:1.15;letter-spacing:-.035em}}

/* Direct access to the dedicated agent handoff from both project views. */
.agent-link-open{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;min-height:44px;padding:0 12px;border:1px solid var(--control-border);border-radius:8px;background:var(--surface);color:var(--ink);font-size:11px;white-space:nowrap;text-decoration:none}
.agent-link-open svg{width:14px;height:14px;flex:none}
.agent-link-open:hover{background:var(--surface-subtle)}
@media(max-width:640px){.agent-link.compact{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:7px}.agent-link.compact>span,.agent-link.compact input{grid-column:1 / -1}.agent-link.compact input{width:100%;min-height:28px;font-size:11px}.agent-link-open{grid-column:1}.agent-link.compact .icon-button{grid-column:2}}