@layer legacy{
@font-face{font-family:"DM Sans";src:url("./fonts/dm-sans.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("./fonts/instrument-serif.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--bench:#f4f5f7;--paper:#fff;--ink:#12324b;--muted:#52687d;--line:#d9e1e8;--accent:#205edb;--accent-soft:#eef3fd;--positive:#176f58;--danger:#b54757;--warning:#875d25;--font:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bench);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.42}button svg{width:18px;height:18px;flex-shrink:0}a{color:inherit;text-decoration:none}input,textarea,select{color:var(--ink);background:var(--iw-surface-2);border:1px solid var(--line);border-radius:7px;min-width:0;padding:10px 12px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab, var(--iw-accent-line) 8%, transparent)}input::placeholder,textarea::placeholder{color:var(--iw-text-3)}input:disabled,textarea:disabled,select:disabled{background:var(--iw-surface-3);color:var(--iw-text-3)}textarea{resize:vertical;line-height:1.5}button:focus-visible,a:focus-visible{outline:3px solid var(--iw-accent-line);outline-offset:3px}canvas:focus-visible{outline:2px solid var(--accent);outline-offset:7px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}.button,.tool-button,.icon-button,.text-button,.download-row{display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.3;transition:background .15s,border-color .15s}.button{min-height:39px;padding:9px 15px;border-radius:7px;font-weight:600;border:1px solid transparent;font-size:13px}.button.primary{background:var(--accent);color:#fff;box-shadow:0 2px 2px #3d4b9910}.button.primary:hover:not(:disabled){background:var(--iw-accent)}.button.secondary{background:var(--iw-surface-2);border-color:var(--line);color:var(--iw-text-2)}.button.secondary:hover:not(:disabled){background:var(--iw-surface-3);border-color:var(--iw-line-3)}.button.full{width:100%}.icon-button{width:34px;height:34px;padding:7px;border:0;border-radius:6px;background:transparent}.icon-button:hover:not(:disabled){background:var(--iw-surface-3)}.text-button{padding:4px 0;border:0;background:transparent;color:var(--muted);font-size:12px}.text-button:hover{color:var(--accent)}.danger{color:var(--danger)!important}.muted{color:var(--muted)}.brand-symbol{font-size:29px;font-weight:750;letter-spacing:-4px;width:38px;height:38px;line-height:35px;text-align:center;border:1px solid var(--iw-line-3);border-radius:10px;color:var(--accent);background:var(--iw-surface-2);padding-right:4px}.app-shell{display:grid;grid-template-columns:226px 1fr;min-height:100vh}.small-orbit{display:block;width:25px;height:25px;border:1px solid var(--iw-line-3);border-radius:50%;position:relative}.small-orbit:after{content:"";position:absolute;width:10px;height:10px;border:1px solid var(--iw-line-3);border-radius:50%;top:6px;left:6px}.main-content{min-width:0;padding:56px 56px 40px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:52px}.page-kicker{display:block;font-size:12px;color:var(--muted);margin-bottom:12px}.page-header h1{font:400 46px/1.05 "Instrument Serif",Georgia,serif;letter-spacing:-.9px;margin-bottom:13px}.page-header p{color:var(--muted);font-size:13px}.header-actions{display:flex;gap:9px;flex-shrink:0;margin-bottom:3px}.empty{text-align:center;background:var(--iw-surface-3);border:1px solid var(--iw-accent-line);border-radius:12px;min-height:430px;padding:35px 30px 31px}.empty h2{font:400 29px/1.2 "Instrument Serif",Georgia,serif;margin-bottom:11px;letter-spacing:-.25px}.empty p{font-size:12px;line-height:1.7;color:var(--muted);margin-bottom:21px}.empty-caption{font-size:10px;color:var(--iw-text-3);margin-top:16px}.empty.compact{min-height:230px;padding-top:60px}.preview-unavailable:after{content:"Prévia indisponível";font-size:11px;color:var(--iw-text-2);position:absolute}.editor-shell{grid-template-columns:72px 1fr;height:100vh;min-height:0;overflow:hidden}.editor-shell .main-content{padding:0;display:flex;flex-direction:column;min-height:0;overflow:hidden}.saved{color:var(--positive)}.dirty{color:var(--warning)}.save-error{color:var(--danger)}.tool-button{background:transparent;border:0;border-radius:5px;padding:7px 10px;gap:7px;font-size:12px;color:var(--iw-text-2)}.tool-button:hover:not(:disabled){background:var(--iw-surface-3)}.tool-button svg{width:17px;height:17px}.editor-workspace{--inspector-width:274px;display:grid;grid-template-columns:206px minmax(200px,1fr) var(--inspector-width);min-height:0;flex:1;position:relative}.slide-panel{background:var(--iw-surface-2);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;overflow:auto}.panel-tabs{display:flex;padding:0 15px;border-bottom:1px solid var(--line);min-height:49px;position:sticky;top:0;background:var(--iw-surface-2);z-index:1}.panel-tabs button{flex:1;border:0;border-bottom:2px solid transparent;background:transparent;font-size:12px;color:var(--iw-text-3);padding:14px 0 11px}.panel-tabs button[aria-selected=true]{color:var(--iw-accent-text);border-bottom-color:var(--accent);font-weight:600}#slides-list{padding:17px 15px 12px}.slide-item{margin-bottom:16px;position:relative;border-radius:7px}.slide-select{display:grid;grid-template-columns:19px 1fr;gap:7px;width:100%;border:0;padding:0;background:transparent;text-align:left;align-items:start}.slide-number{font-size:10px;color:var(--iw-text-3);padding-top:7px}.slide-thumbnail{background:var(--iw-surface-2);border:1px solid var(--iw-accent-line);border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:96px;width:100%;box-shadow:0 2px 2px #27395303}.slide-thumbnail canvas{width:100%;height:auto;display:block}.slide-title{grid-column:2;font-size:10px;font-weight:500;color:var(--iw-text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slide-item.selected .slide-thumbnail{border:2px solid var(--iw-accent-line)}.slide-item.selected .slide-title,.slide-item.selected .slide-number{color:var(--iw-accent-text)}.slide-controls{display:flex;justify-content:flex-end;gap:5px;margin-top:2px}.slide-controls .icon-button{width:25px;height:25px;padding:5px;color:var(--iw-text-3)}.slide-controls svg{width:13px;height:13px}.slide-panel-footer{padding:14px 14px 20px;margin-top:auto}.slide-panel-footer .button{font-size:11px;min-height:35px;padding:9px 6px}#layers-list{padding:13px 10px}.layer-row{width:100%;display:flex;align-items:center;gap:9px;font-size:11px;text-align:left;padding:10px 8px;border:0;border-radius:5px;background:transparent;margin-bottom:3px}.layer-row.selected{background:var(--iw-accent-soft);color:var(--iw-accent-text)}.layer-row>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.layer-row svg{width:14px;height:14px;flex-shrink:0}.panel-empty{font-size:11px;line-height:1.7;color:var(--iw-text-3);padding:13px 8px}.canvas-area{display:flex;flex-direction:column;min-height:0;background:var(--bench);overflow:hidden;position:relative}.ask-agent-button{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--iw-accent-line);background:var(--iw-surface-3);color:var(--iw-accent-text);padding:6px 10px;border-radius:6px;font-size:11px;font-weight:600}.ask-agent-button:hover{background:var(--iw-accent-soft)}.ask-agent-button svg{width:15px;height:15px}
@media(max-width:650px){.ask-agent-button{padding:5px 7px;font-size:9px;gap:4px}.ask-agent-button svg{width:12px;height:12px}}.canvas-caption{display:flex;align-items:center;justify-content:space-between;padding:17px 26px 10px;font-size:11px;color:var(--iw-text-3);gap:10px;min-height:44px}.canvas-caption>span:first-child{color:var(--iw-text-2);font-weight:500}#canvas-hint{font-size:10px}.artboard-viewport{display:flex;align-items:center;justify-content:center;overflow:auto;flex:1;min-height:0;padding:26px 36px}.artboard{flex-shrink:0;position:relative;background:var(--iw-surface-2);box-shadow:0 12px 35px #1c30491c,0 1px 3px #1c30491c}.artboard canvas{position:absolute;inset:0;display:block;width:100%;height:100%}#selection-canvas{touch-action:none;cursor:default}.has-warning{color:var(--warning)}.inspector{background:var(--iw-surface-2);border-left:1px solid var(--line);overflow:auto;min-height:0}.inspector-heading{display:flex;align-items:center;justify-content:space-between;min-height:49px;padding:15px 19px 13px;border-bottom:1px solid var(--line);gap:8px}.inspector-heading h2{font-size:12px;font-weight:650}.inspector-heading>span{font-size:10px;color:var(--iw-text-3)}.inspector-section{padding:18px 19px;border-bottom:1px solid var(--iw-line-1)}.inspector-section h3{font-size:11px;font-weight:650;color:var(--iw-text-3);margin:0 0 15px}.inspector-section.compact{padding-top:16px;padding-bottom:16px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:17px;font-size:12px;color:var(--iw-text-3)}.field>span{font-size:11px;font-weight:500}.field input,.field textarea,.field select{width:100%;font-size:12px}.field small{font-size:10px;color:var(--iw-text-3)}.field:last-child{margin-bottom:0}.field-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:12px}.field-grid .field{min-width:0}.inspector .field input,.inspector .field select{padding:8px 9px;min-height:33px;font-size:11px}.inspector textarea{padding:10px;font-size:12px}.color-control{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:6px;padding:5px 7px}.color-control input[type=color]{border:0;padding:0;min-height:0;width:24px;height:24px;box-shadow:none;background:transparent;cursor:pointer}.color-control span{font-size:11px;color:var(--iw-text-3)}.lock-control{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--iw-text-3);cursor:pointer}.lock-control input{width:12px;height:12px;accent-color:var(--accent)}.lock-control svg{width:13px;height:13px}.inspector-guidance{padding:34px 21px 29px;color:var(--iw-text-3)}.inspector-guidance>svg{width:27px;height:27px;color:var(--iw-text-3);margin-bottom:15px}.inspector-guidance h3{font-size:13px;font-weight:600;color:var(--iw-text-2);margin-bottom:8px}.inspector-guidance p{font-size:11px;line-height:1.8}.inspector-guidance .shortcut-note{margin-top:23px;font-size:10px;color:var(--iw-text-3);line-height:1.9}.layer-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.layer-actions .button{font-size:10px;padding:7px 6px;min-height:31px;gap:5px}.layer-actions svg{width:12px;height:12px}.inline-warning,.helper{font-size:11px;line-height:1.6;color:var(--iw-text-3)}.inline-warning{color:var(--warning)}.permission-pill{font-size:11px;padding:7px 9px;border-radius:5px;background:var(--iw-surface-3);color:var(--iw-text-3)}.conflict-banner{display:flex;align-items:center;gap:12px;background:var(--iw-surface-3);border-bottom:1px solid var(--iw-line-3);padding:12px 22px;flex-wrap:wrap}.conflict-banner p{font-size:12px;flex:1}.conflict-banner .button{font-size:11px;min-height:32px;padding:7px 10px}.mobile-tools{display:none}.modal-backdrop{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:25px;background:color-mix(in oklab, var(--iw-text-1) 24%, transparent);backdrop-filter:blur(4px)}.modal{width:480px;max-width:100%;max-height:calc(100dvh - 50px);overflow:auto;background:var(--iw-surface-2);border:1px solid var(--iw-accent-line);border-radius:13px;box-shadow:0 24px 100px #17283e2e;outline:none}.modal.wide{width:620px}.modal>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 24px 15px}.modal h2{font-size:18px;font-weight:600;letter-spacing:-.5px}.modal form{padding:0 24px 23px}.modal-description{font-size:12px;color:var(--muted);line-height:1.7;margin-bottom:23px}.modal footer{display:flex;gap:10px;justify-content:flex-end;margin-top:26px}.format-options{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:20px}.format-options label{border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:1fr auto;padding:16px;gap:7px;cursor:pointer}.format-options label:has(input:checked){border-color:var(--accent);background:var(--iw-surface-3)}.format-options input{grid-column:2;grid-row:1;width:14px;height:14px;accent-color:var(--accent)}.format-options strong,.format-options small{grid-column:1/-1;font-size:12px;font-weight:600}.format-options small{color:var(--iw-text-3);font-size:10px;font-weight:400}.format-mini{grid-column:1;grid-row:1;width:22px;height:28px;background:var(--iw-accent-soft);border:1px solid var(--iw-line-3);border-radius:2px;margin-bottom:7px}.format-mini.square{height:22px}.form-error{font-size:12px;color:var(--danger);margin-top:14px;line-height:1.7}.export-progress{text-align:center;padding:26px 10px}.export-progress h3{font-size:16px;margin:18px 0 8px}.export-progress p{font-size:12px;color:var(--muted)}.export-warning{margin:0 0 20px;padding:15px 16px;background:var(--iw-surface-3);border:1px solid var(--iw-line-3);border-radius:7px;color:var(--warning)}.export-warning h3{font-size:12px;font-weight:600;margin-bottom:7px}.export-warning p,.export-warning li{font-size:11px;line-height:1.7}.export-warning ul{padding-left:17px;margin:8px 0 0}.spinner{display:inline-block;width:26px;height:26px;border:2px solid var(--iw-accent-line);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}.download-row{width:100%;justify-content:flex-start;padding:11px 13px;background:var(--iw-surface-3);border:1px solid var(--iw-line-2);border-radius:6px;margin-bottom:8px;font-size:12px}.download-row:hover{background:var(--iw-surface-3)}.history-list>div{display:flex;align-items:center;gap:13px;border-top:1px solid var(--line);padding:17px 0}.version-marker{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--iw-accent-line);color:var(--iw-text-3);font-size:11px}.history-list section{flex:1}.history-list h3{font-size:12px;font-weight:600}.history-list p{font-size:10px;color:var(--iw-text-3);margin-top:4px}.history-list .button{font-size:11px;min-height:32px}.modal-subhead{font-size:12px;margin:25px 0 13px;font-weight:600}.share-list>div{border-top:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:13px 0;font-size:11px}.share-list span{flex:1}.share-list small{display:block;margin-top:4px;color:var(--iw-text-3);font-size:10px}.share-list p{font-size:11px}.created-link{padding:15px 13px;background:var(--iw-surface-3);border-radius:7px;margin-top:16px;font-size:11px}.created-link input{display:block;margin:8px 0 12px;width:100%;font-size:11px}.created-link .button{font-size:11px;min-height:32px}.toast{position:fixed;z-index:100;left:50%;bottom:28px;transform:translateX(-50%);border:1px solid var(--iw-line-3);background:var(--iw-surface-2);color:var(--iw-text-2);border-radius:8px;box-shadow:0 4px 25px #2639531a;padding:12px 20px;max-width:calc(100vw - 40px);font-size:12px}.toast.error{background:var(--iw-surface-3);border-color:var(--iw-line-3);color:var(--iw-danger)}.reference-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px}.reference-card{padding:26px 23px;background:var(--iw-surface-2);border:1px solid var(--line);border-radius:9px}.reference-icon{width:34px;height:34px;color:var(--iw-text-3);margin-bottom:20px}.reference-icon svg{width:27px;height:27px}.reference-media{height:150px;display:flex;align-items:center;justify-content:center;background:var(--iw-surface-3);border-radius:5px;overflow:hidden;margin-bottom:21px;font-size:11px;color:var(--muted)}.reference-media canvas{width:100%;height:100%;object-fit:contain}.reference-card h2{font-size:15px;font-weight:600;margin-bottom:12px}.reference-card p{font-size:12px;line-height:1.8;color:var(--iw-text-3);white-space:pre-wrap;overflow-wrap:anywhere}.reference-card small{display:block;color:var(--iw-text-3);font-size:10px;margin-top:20px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:20px}.tags span{background:var(--iw-surface-3);color:var(--iw-text-3);font-size:10px;padding:4px 7px;border-radius:4px}.references-empty{grid-column:1/-1;min-height:380px;padding-top:60px}.references-empty>svg{display:block;width:53px;height:53px;margin:0 auto 30px;color:var(--iw-text-3)}.brand-form{max-width:1040px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.brand-form>section{background:var(--iw-surface-2);border:1px solid var(--line);border-radius:10px;padding:26px}.form-section-title{display:flex;gap:13px;margin-bottom:28px}.form-section-title>span{color:var(--iw-text-3)}.form-section-title svg{width:23px;height:23px}.form-section-title h2{font-size:14px;font-weight:600}.form-section-title p{font-size:11px;color:var(--iw-text-3);margin-top:5px}.brand-form footer{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:15px}.brand-form footer p{font-size:11px;color:var(--positive)}.boot{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center;padding:30px}.boot p{font-size:12px;color:var(--muted)}
@media(min-width:1550px){.main-content{padding-right:80px;padding-left:80px}.editor-shell .main-content{padding:0}.editor-workspace{grid-template-columns:222px minmax(200px,1fr) 290px}}
@media(max-width:1200px){.main-content{padding:42px 30px}.page-header h1{font-size:40px}.header-actions .button{padding:9px 10px;font-size:11px}.editor-workspace{grid-template-columns:170px minmax(200px,1fr) 238px}.canvas-caption{padding-left:18px;padding-right:18px}#canvas-hint{display:none}.inspector-section{padding-left:15px;padding-right:15px}.inspector-heading{padding-left:15px;padding-right:15px}}
@media(max-width:950px){.app-shell{grid-template-columns:180px 1fr}.page-header{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:35px}.page-header h1{font-size:39px}.brand-form{grid-template-columns:1fr}.editor-shell{grid-template-columns:58px 1fr}.editor-workspace{grid-template-columns:150px minmax(200px,1fr)}.inspector{position:absolute;top:0;right:0;bottom:0;width:270px;z-index:25;box-shadow:-8px 0 24px #26395316;display:none}.inspector.mobile-open{display:block}.mobile-tools{display:flex;justify-content:center;gap:20px;min-height:43px;padding:5px;background:var(--iw-surface-2);border-top:1px solid var(--line)}.mobile-tools button{display:flex;gap:8px;align-items:center;font-size:11px;background:transparent;border:0;border-radius:5px;padding:7px 16px;color:var(--iw-text-3)}.mobile-tools svg{width:15px;height:15px}}
@media(max-width:650px){.app-shell{display:block}.brand-symbol{width:32px;height:32px;font-size:25px;line-height:30px;border-radius:8px}.main-content{padding:31px 20px}.page-header{margin-bottom:31px;gap:20px}.page-header h1{font-size:35px;letter-spacing:-.7px}.page-header p{font-size:11px;max-width:300px}.page-kicker{font-size:10px;margin-bottom:10px}.header-actions{gap:8px}.header-actions .button{font-size:11px}.empty{padding:24px 16px 28px;min-height:370px}.empty h2{font-size:25px}.empty p{font-size:11px}.empty-caption{font-size:9px}.editor-shell{display:flex;flex-direction:column;height:100dvh}.permission-pill{font-size:9px;padding:6px}.tool-button{padding:6px 8px;gap:5px;font-size:10px}.tool-button svg{width:15px;height:15px}.editor-workspace{display:flex;flex:1}.canvas-area{width:100%}.canvas-caption{padding:13px 18px 0;min-height:34px;font-size:10px}.artboard-viewport{padding:20px 18px}.slide-panel{position:absolute;top:0;left:0;bottom:0;width:200px;z-index:25;box-shadow:8px 0 24px #26395316;display:none}.slide-panel.mobile-open{display:flex}.inspector{width:260px}.mobile-tools{min-height:43px;padding-bottom:max(5px,env(safe-area-inset-bottom))}.conflict-banner{padding:9px 12px;gap:8px}.conflict-banner p{font-size:10px;flex-basis:100%}.conflict-banner .button{font-size:10px}.modal-backdrop{padding:15px}.modal{max-height:calc(100dvh - 30px);border-radius:11px}.modal>header{padding:18px 18px 12px}.modal form{padding:0 18px 20px}.modal h2{font-size:16px}.modal-description{font-size:11px}.modal footer{flex-wrap:wrap}.field-grid{gap:10px}.field>span{font-size:10px}.field input,.field textarea,.field select{font-size:11px}.brand-form>section{padding:21px}.brand-form{gap:18px}.reference-card{padding:22px}.references-empty{padding-top:40px;min-height:330px}.toast{bottom:18px;max-width:calc(100vw - 26px);padding:10px 15px;font-size:11px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.spinner{border-style:dotted}}/* HAL dock occupies tool space, never the composition. */
@media(min-width:1550px){.editor-workspace{--inspector-width:290px}}
@media(min-width:951px) and (max-width:1200px){.editor-workspace{--inspector-width:238px}}.creation-hint{font-size:13px;line-height:1.7;color:var(--iw-text-3);margin-top:16px}.reference-card small,.reference-card p,.tags span,.modal-description,.history-list p,.share-list small,.share-list p,.created-link,.created-link input,.field>span{font-size:13px}.field input,.field textarea,.field select{font-size:14px}.modal-subhead,.history-list h3,.history-list .button,.share-list>div,.created-link .button,.download-row,.form-error{font-size:14px}.back-to-studio{background:var(--iw-surface-3);color:var(--iw-accent-text);border:1px solid var(--iw-accent-line);border-radius:6px;padding:7px 11px;font-size:13px;white-space:nowrap}/* Conversation and full artwork share the studio; no drawer covers the art. */
.studio-shell .main-content{display:block;overflow:hidden}.studio-root{height:100%;min-height:0;display:flex;flex-direction:column;position:relative}.studio-header{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:83px;padding:17px 27px;background:var(--iw-surface-2);border-bottom:1px solid var(--line);flex-shrink:0}.studio-header>div{display:flex;align-items:center;gap:15px;min-width:0;flex:1}.studio-header>div>div{min-width:0}.studio-back{font-family:Arial,sans-serif;font-size:28px;line-height:1;border:0;background:transparent;width:28px;height:38px;color:var(--iw-text-3);border-radius:6px;flex-shrink:0}.studio-back:hover{background:var(--iw-surface-3)}.studio-header h1{font-size:16px;font-weight:600;letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:460px}.studio-header p{font-size:13px;color:var(--iw-text-3);margin-top:4px}.studio-header nav{display:flex;gap:6px;align-items:center;flex-shrink:0}.studio-header nav>button{min-height:37px;font-size:13px;border:1px solid transparent;background:transparent;border-radius:6px;padding:8px 10px;white-space:nowrap;color:var(--iw-text-3)}.studio-header nav>button:hover{background:var(--iw-surface-3)}.studio-header nav>.studio-visual-button{border-color:var(--iw-accent-line)}.studio-header nav>.button.primary{background:var(--accent);color:#fff;padding-left:14px;padding-right:14px}.studio-header nav>.button.primary:hover{background:var(--iw-accent)}.studio-workspace{display:grid;grid-template-columns:400px minmax(0,1fr);flex:1;min-height:0;overflow:hidden}.studio-conversation{display:flex;flex-direction:column;background:var(--iw-surface-2);border-right:1px solid var(--line);min-height:0;min-width:0;overflow:hidden}.studio-conversation>header{display:flex;align-items:center;gap:13px;padding:22px 23px 19px;flex-shrink:0}.studio-hal-mark{font-weight:750;font-size:24px;line-height:31px;letter-spacing:-3px;padding-right:4px;display:grid;place-items:center;background:var(--iw-surface-3);color:var(--iw-accent-text);border:1px solid var(--iw-accent-line);border-radius:10px;width:36px;height:36px;flex-shrink:0}.studio-conversation h2{font-size:16px;font-weight:550;letter-spacing:-.35px}.studio-conversation header p{font-size:13px;color:var(--iw-text-3);margin-top:4px;line-height:1.6}.studio-messages{flex:1;min-height:100px;padding:0 24px 20px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.studio-start{padding:32px 0 20px}.studio-start h3{font:400 28px/1.1 "Instrument Serif",Georgia,serif;margin-bottom:16px;letter-spacing:-.3px}.studio-start p{font-size:14px;line-height:1.8;color:var(--iw-text-3)}.studio-start>div{display:grid;gap:9px;margin-top:22px}.studio-start button{padding:11px 14px;min-height:42px;text-align:left;background:var(--iw-surface-2);border:1px solid var(--iw-accent-line);border-radius:7px;font-size:14px;color:var(--iw-text-3)}.studio-start button:hover{background:var(--iw-surface-3);border-color:var(--iw-line-3)}.studio-message{padding-top:18px;margin-top:4px;overflow-wrap:anywhere}.studio-message>div:first-child{display:flex;align-items:center;gap:12px;margin-bottom:8px}.studio-message>div:first-child b{font-size:13px;font-weight:650;color:var(--iw-text-3)}.studio-message time{font-size:12px;color:var(--iw-text-3)}.studio-message>p,.studio-result-details p{font-size:14px;line-height:1.8;white-space:pre-wrap}.studio-message.from-user{margin-top:10px}.studio-message.from-user>p{background:var(--iw-surface-3);padding:13px 15px;border-radius:9px;color:var(--iw-text-2)}.studio-message.from-hal{padding-bottom:16px;border-bottom:1px solid var(--iw-accent-line)}.studio-message.from-hal>p{color:var(--iw-text-3)}.studio-job-status{font-size:12px;color:var(--iw-text-3)}.studio-job-status.running,.studio-job-status.queued{color:var(--iw-accent-text)}.studio-job-status.succeeded{color:var(--iw-text-2)}.studio-job-status.failed,.studio-job-status.interrupted{color:var(--iw-danger)}.message-sources{display:flex;flex-direction:column;gap:6px;margin-top:9px;padding:0 6px 3px}.message-sources b{font-size:12px;font-weight:500;color:var(--iw-text-3);margin-bottom:2px}.message-sources a,.message-sources>span{font-size:13px;color:var(--iw-text-3);line-height:1.5;overflow-wrap:anywhere}.message-sources a{text-decoration:underline;text-underline-offset:3px}.studio-result-details{margin-top:12px;color:var(--iw-text-3);font-size:13px}.studio-result-details summary{cursor:pointer}.studio-result-details p{font-size:13px;margin-top:9px}.direction-options{display:grid;gap:11px;margin-top:16px}.direction-options section{background:var(--iw-surface-2);border:1px solid var(--iw-accent-line);border-radius:8px;padding:15px}.direction-options h3{font-size:15px;font-weight:600;margin-bottom:8px;color:var(--iw-accent-text)}.direction-options p{font-size:14px;line-height:1.7;color:var(--iw-text-3);white-space:pre-wrap}.direction-options button{font-size:13px;padding:7px 0;background:transparent;border:0;color:var(--iw-accent-text);font-weight:600;margin-top:8px}.direction-options button:hover{text-decoration:underline;text-underline-offset:3px}.studio-composer{padding:12px 18px 0;flex-shrink:0}.studio-composer textarea{font-size:14px;min-height:84px;max-height:160px;padding:8px 0 12px;line-height:1.7}.studio-source-note,.studio-access-note{font-size:12px;line-height:1.65;color:var(--iw-text-3);margin:10px 24px 17px;flex-shrink:0}.studio-access-note{font-size:13px}.studio-work-state{margin:2px 18px 0;background:var(--iw-surface-3);border:1px solid var(--iw-accent-line);border-radius:7px;padding:10px 13px;font-size:13px;color:var(--iw-text-3);flex-shrink:0;display:flex;gap:10px;align-items:center;justify-content:space-between;line-height:1.6}.studio-work-state span{flex:1}.studio-work-state button{background:var(--iw-surface-2);border:1px solid var(--iw-accent-line);border-radius:5px;color:var(--iw-text-3);padding:6px 9px;font-size:12px;flex-shrink:0}.studio-preview{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--iw-surface-3)}.studio-preview-head{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:67px;padding:17px 26px 8px;flex-shrink:0}.studio-preview-head>div:first-child{display:flex;flex-direction:column;gap:4px}#studio-slide-name{font-size:14px;font-weight:550}#studio-dimensions{font-size:13px;color:var(--iw-text-3)}.studio-iteration-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.studio-iteration-actions button{font-size:13px;padding:7px 10px;border:1px solid var(--iw-accent-line);border-radius:6px;background:var(--iw-surface-3);color:var(--iw-text-3);white-space:nowrap}.studio-iteration-actions button:hover{background:var(--iw-surface-2);border-color:var(--iw-line-3)}.studio-art-viewport{display:flex;align-items:center;justify-content:center;padding:18px 25px;flex:1;min-height:0;overflow:hidden}.studio-artboard{position:relative;background:var(--iw-surface-2);box-shadow:0 4px 22px #263a5b16;flex-shrink:0}.studio-artboard>canvas{display:block;width:100%;height:100%}.studio-first-version{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;gap:19px;color:var(--iw-text-3);background:var(--iw-surface-2)}.studio-first-version h3{font:400 32px/1.07 "Instrument Serif",Georgia,serif;max-width:300px}.studio-first-version p{font-size:14px;line-height:1.7;max-width:310px;color:var(--iw-text-3)}.studio-render-warning{font-size:13px;color:var(--warning);padding:0 25px;max-height:65px;overflow:auto}.studio-render-warning:empty{display:none}.studio-slide-strip{display:flex;justify-content:center;gap:13px;overflow:auto;flex-shrink:0;padding:9px 25px 19px;min-height:100px;scrollbar-width:thin}.studio-slide-strip>button{position:relative;display:flex;align-items:center;justify-content:center;padding:0;background:transparent;width:52px;min-width:52px;height:68px;border:2px solid transparent;border-radius:4px;overflow:hidden}.studio-slide-strip>button.selected{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab, var(--iw-line-3) 40%, transparent)}.studio-slide-strip canvas{max-height:100%;max-width:100%;object-fit:contain;background:var(--iw-surface-2)}.studio-slide-strip span{position:absolute;bottom:3px;right:3px;background:var(--iw-surface-2);color:var(--iw-text-3);border-radius:3px;font-size:12px;padding:0 4px}.studio-context-drawer{position:absolute;left:0;top:83px;bottom:0;width:400px;background:var(--iw-surface-2);z-index:8;box-shadow:8px 0 25px #26395512;border-right:1px solid var(--line);overflow:auto}.studio-context-drawer>header{display:flex;align-items:center;justify-content:space-between;padding:23px 25px 15px}.studio-context-drawer h2{font-size:18px;font-weight:550;letter-spacing:-.5px}.studio-context-drawer header button{background:transparent;border:0;border-radius:6px;width:32px;height:32px;font-size:25px;color:var(--iw-text-3)}.studio-context-drawer>div{padding:0 25px 25px}.studio-context-drawer section{padding:22px 0;border-top:1px solid var(--iw-accent-line)}.studio-context-drawer h3{font-size:15px;font-weight:600;margin-bottom:12px}.studio-context-drawer p,.studio-context-drawer dd{font-size:14px;line-height:1.8;color:var(--iw-text-3);white-space:pre-wrap;overflow-wrap:anywhere}.studio-context-drawer dl{margin:0}.studio-context-drawer dt{font-size:13px;color:var(--iw-text-3);margin-top:14px}.studio-context-drawer dd{margin:4px 0 0}.studio-context-drawer article{padding:10px 0}.studio-context-drawer article b{font-size:14px;font-weight:550}.studio-context-drawer article small{display:block;font-size:12px;color:var(--iw-text-3);margin:4px 0}
@media(min-width:1550px){.studio-shell .main-content{padding:0}.studio-header h1{max-width:640px}.studio-workspace{grid-template-columns:430px minmax(0,1fr)}.studio-context-drawer{width:430px}.studio-preview-head{padding-right:34px;padding-left:34px}}
@media(max-width:1200px){.studio-workspace{grid-template-columns:360px minmax(0,1fr)}.studio-context-drawer{width:360px}.studio-header{padding:16px 18px;gap:14px}.studio-header h1{max-width:290px}.studio-header nav{gap:2px}.studio-header nav>button{padding:8px;font-size:13px}.studio-preview-head{align-items:flex-start;flex-wrap:wrap;gap:9px;padding:15px 21px 5px}.studio-iteration-actions{justify-content:flex-start}.studio-iteration-actions button{padding:6px 8px}.studio-conversation>header{padding-left:20px;padding-right:20px}.studio-messages{padding-left:20px;padding-right:20px}.studio-source-note{margin-left:20px;margin-right:20px}}
@media(max-width:1000px) and (min-width:781px){.studio-workspace{grid-template-columns:330px minmax(0,1fr)}.studio-context-drawer{width:330px}.studio-header{align-items:flex-start;flex-wrap:wrap;gap:10px;padding-bottom:12px}.studio-header h1{max-width:440px}.studio-header nav{flex-wrap:wrap}.studio-preview-head{gap:10px}.studio-iteration-actions{gap:5px}.studio-conversation>header{padding:20px 18px 16px}.studio-conversation h2{font-size:15px}.studio-conversation header p{font-size:13px}.studio-composer{padding-left:12px;padding-right:12px}}
@media(max-width:780px){.studio-shell{display:flex;flex-direction:column;height:100dvh;min-height:0}.studio-shell .main-content{overflow:auto;display:block;flex:1}.studio-root{height:auto;min-height:100%}.studio-header{flex-direction:column;align-items:stretch;gap:13px;padding:15px 17px}.studio-header h1{max-width:calc(100vw - 83px);font-size:16px}.studio-header nav{justify-content:flex-start;gap:5px;flex-wrap:wrap}.studio-header nav>button{font-size:13px;padding:7px 9px;min-height:35px}.studio-header nav>.button.primary{margin-left:auto}.studio-workspace{display:flex;flex-direction:column;overflow:visible}.studio-preview{order:0;min-height:0;flex-shrink:0;border-bottom:1px solid var(--line)}.studio-conversation{order:1;overflow:visible;min-height:430px;border-right:0}.studio-preview-head{padding:17px 20px 6px}.studio-preview-head>div:first-child{flex-direction:row;gap:12px;align-items:center;flex-wrap:wrap}.studio-art-viewport{height:clamp(330px,52dvh,550px);flex:0 0 auto;padding:16px 20px}.studio-slide-strip{min-height:90px;padding-top:6px;padding-bottom:15px;justify-content:flex-start}.studio-slide-strip>button{width:46px;min-width:46px;height:61px}.studio-slide-strip>button:first-child{margin-left:auto}.studio-slide-strip>button:last-child{margin-right:auto}.studio-conversation>header{padding:23px 20px 16px}.studio-messages{min-height:130px;max-height:360px;overflow:auto;padding-bottom:17px}.studio-composer{padding-left:17px;padding-right:17px}.studio-composer textarea{min-height:86px;max-height:160px}.studio-start{padding-top:16px}.studio-start>div{display:flex;flex-wrap:wrap;gap:8px}.studio-start button{font-size:13px;padding:10px 12px}.studio-source-note,.studio-access-note{font-size:13px;margin:11px 22px 24px}.studio-context-drawer{position:fixed;top:0;bottom:0;left:0;width:min(430px,100vw);z-index:30}.studio-first-version h3{font-size:29px}.studio-first-version p{font-size:13px}
}
@media(max-width:650px){.main-content{padding:30px 20px}.creation-hint{font-size:13px}.studio-preview-head{padding-left:17px;padding-right:17px}.studio-iteration-actions{gap:6px}.studio-iteration-actions button{font-size:13px;padding:7px 9px}.studio-header p{font-size:13px}.studio-art-viewport{padding-left:17px;padding-right:17px}.studio-work-state{flex-wrap:wrap;font-size:13px}.studio-work-state button{font-size:13px}.studio-render-warning{padding-left:17px;padding-right:17px}.field>span,.field input,.field textarea,.field select,.modal-description,.form-error,.history-list h3,.history-list p,.share-list>div,.share-list small,.share-list p,.created-link,.created-link input,.reference-card p,.reference-card small,.tags span{font-size:13px}.back-to-studio{font-size:13px}.panel-tabs button,.mobile-tools button{font-size:13px}.reference-grid{gap:17px}
}
@media(max-width:380px){.studio-header nav>.button.primary{margin-left:0}.studio-preview-head>div:first-child{gap:8px}.studio-iteration-actions button{padding:7px 8px}}.studio-header nav>button,.studio-iteration-actions button,.studio-start button{color:var(--iw-text-2)}.studio-message.from-hal>p,.studio-start p,.direction-options p,.studio-context-drawer p,.studio-context-drawer dd{color:var(--iw-text-3)}.studio-conversation header p,.studio-header p,#studio-dimensions,.studio-source-note,.studio-access-note,.message-sources a,.message-sources>span{color:var(--iw-text-3)}.studio-job-status,.message-sources b,.creation-hint{color:var(--iw-text-3)}.studio-header h1[data-action]{cursor:pointer;text-decoration:underline;text-decoration-color:var(--iw-text-3);text-underline-offset:5px}.studio-header h1[data-action]:hover{text-decoration-color:var(--iw-accent-text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.artboard>.canvas-container{position:absolute!important;inset:0;z-index:2}.artboard .upper-canvas{touch-action:none}.contextual-tools{min-height:51px;display:flex;align-items:center;gap:7px;padding:7px 23px;background:var(--iw-surface-2);border-bottom:1px solid var(--line);flex-shrink:0;position:relative;z-index:29}.contextual-name{font-size:13px;white-space:nowrap;margin-right:5px;color:var(--iw-text-3)}.contextual-button{font-size:13px;line-height:1.3;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 9px;min-height:33px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--iw-text-2);white-space:nowrap}.contextual-button:hover{background:var(--iw-surface-3)}.contextual-button svg{width:16px;height:16px}.contextual-font select{font-size:13px;width:140px;max-width:160px;min-height:32px;padding:5px 7px;background:var(--iw-surface-2)}.contextual-size input{font-size:13px;width:62px;min-height:32px;padding:5px 7px;background:var(--iw-surface-2)}.contextual-color input{height:32px;width:36px;padding:4px;border:1px solid var(--line);background:var(--iw-surface-2);cursor:pointer}.contextual-menu{position:relative;font-size:13px}.contextual-menu>summary{list-style:none;cursor:pointer;min-height:33px;padding:7px 10px;border-radius:5px;white-space:nowrap;color:var(--iw-text-2)}.contextual-menu>summary::-webkit-details-marker{display:none}.contextual-menu>summary:hover,.contextual-menu[open]>summary{background:var(--iw-accent-soft)}.contextual-menu>div{position:absolute;top:calc(100% + 7px);left:0;width:250px;max-width:calc(100vw - 30px);border:1px solid var(--iw-line-3);border-radius:8px;background:var(--iw-surface-2);padding:14px;box-shadow:0 8px 28px #2639551f}.contextual-menu p{font-size:13px;color:var(--iw-text-3);margin-bottom:11px}.contextual-menu .align-options{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:10px}.contextual-menu button{border:1px solid var(--iw-accent-line);background:var(--iw-surface-3);color:var(--iw-text-2);font-size:13px;border-radius:5px;padding:7px 9px;text-align:left;min-height:35px}.contextual-menu button:hover{background:var(--iw-surface-3)}.contextual-menu>div>button{display:block;width:100%;margin-top:6px}.contextual-menu hr{border:0;border-top:1px solid var(--iw-accent-line);margin:12px 0}.inline-text-editor{position:absolute;z-index:5;resize:none;margin:0;padding:0;border:1px solid var(--iw-accent-line);border-radius:0;outline:0;background:transparent;transform-origin:center;white-space:pre-wrap;overflow-wrap:normal;box-shadow:0 0 0 3px color-mix(in oklab, var(--iw-accent-line) 11%, transparent)}.inline-text-editor:focus{border-color:var(--iw-accent-line);box-shadow:0 0 0 3px color-mix(in oklab, var(--iw-accent-line) 11%, transparent)}
@media(max-width:1200px){.contextual-tools{flex-wrap:wrap;padding:7px 14px;gap:5px}.contextual-button{padding:7px 8px}.contextual-button span{display:none}.contextual-font select{width:127px}.contextual-name{margin-right:2px}}
@media(max-width:650px){.contextual-tools{padding:7px 10px;gap:3px}.contextual-name{display:none}.contextual-font select{width:105px}.contextual-size input{width:57px}.contextual-button{padding:7px 6px}.contextual-menu>summary{padding:7px 8px}.contextual-menu>div{position:fixed;top:160px;left:15px;max-height:calc(100dvh - 190px);overflow:auto}}.studio-converse-button{display:none}.contextual-empty{font-size:13px;color:var(--iw-text-3)}.product-symbol{display:block;width:39px;height:39px;object-fit:contain;flex-shrink:0}.product-name{font-size:25px;font-weight:650;line-height:1.03;letter-spacing:-1px}.product-name small{font-size:11px;letter-spacing:0;color:var(--iw-text-3);display:block;margin-top:6px;font-weight:400}.editor-shell .product-name{display:none}.editor-product-mark,.studio-product-mark{display:none}.studio-hal-mark{background:transparent;border:0;border-radius:0;letter-spacing:0;padding:0}.button.primary{box-shadow:none}.studio-header{border-color:var(--iw-accent-line)}.studio-preview,.canvas-area{background:var(--iw-surface-3)}.studio-conversation{background:var(--iw-surface-2)}.studio-conversation h2{color:var(--iw-accent-text);font-weight:650}.studio-message.from-user>p{background:var(--iw-surface-3);color:var(--iw-accent-text)}.studio-message.from-hal>div:first-child b{color:var(--iw-accent-text)}.studio-job-status.succeeded{color:var(--iw-success)}.studio-work-state{background:var(--iw-accent-soft);border-color:var(--iw-accent-line);color:var(--iw-accent-text)}.direction-options section{border-color:var(--iw-line-3);background:var(--iw-surface-2)}.direction-options h3{color:var(--iw-accent-text)}.direction-options button{color:var(--iw-accent-text)}.studio-header h1[data-action]:hover{text-decoration-color:var(--iw-accent-text)}.studio-iteration-actions button{border-color:var(--iw-line-3);background:var(--iw-surface-2);color:var(--iw-accent-text)}.studio-iteration-actions button:hover{border-color:var(--iw-accent-line);color:var(--iw-accent-text)}.studio-start button{border-color:var(--iw-line-3);color:var(--iw-accent-text)}.studio-start button:hover{border-color:var(--iw-accent-line);background:var(--iw-surface-3)}.back-to-studio,.ask-agent-button{background:var(--iw-accent-soft);color:var(--iw-accent-text);border-color:var(--iw-accent-line)}.contextual-tools{background:var(--iw-surface-3)}.contextual-button,.contextual-menu>summary{color:var(--iw-accent-text)}.toast{border-color:var(--iw-line-3);background:var(--iw-surface-3);color:var(--iw-success)}.created-link{background:var(--iw-accent-soft);color:var(--iw-accent-text)}.share-list .text-button{font-size:13px}
@media(max-width:780px){.studio-preview-head{background:var(--iw-surface-3)}.studio-product-mark{display:block}.studio-product-mark .product-symbol{width:27px;height:27px}.studio-header>div{gap:10px}.studio-header h1{max-width:calc(100vw - 126px)}}
@media(max-width:650px){.editor-product-mark{display:block}.editor-product-mark .product-symbol{width:23px;height:23px}}.connections-page{max-width:1100px;margin:0 auto}.connections-page .page-header{display:block;max-width:760px}.connections-page .page-header h1{font-size:51px;line-height:1.03}.connections-page .page-header p{font-size:15px;line-height:1.8;max-width:650px}.connection-workbench{display:grid;grid-template-columns:390px minmax(0,1fr);gap:54px}.connection-setup{padding:27px 29px;background:var(--iw-surface-2);border:1px solid var(--iw-accent-line);border-radius:10px;align-self:start}.connection-illustration{display:flex;align-items:center;gap:21px;margin:0 0 26px}.connection-illustration>span{width:54px;height:54px;display:grid;place-items:center}.connection-illustration .product-symbol{width:49px;height:49px}.connection-illustration>i{height:1px;width:62px;background:var(--iw-surface-5);position:relative}.connection-illustration>i:after{content:"";position:absolute;width:6px;height:6px;background:var(--iw-accent);right:-1px;top:-2.5px;border-radius:50%}.connection-native-symbol{color:var(--iw-accent-text);background:var(--iw-surface-3);border:1px solid var(--iw-accent-line);border-radius:9px}.connection-native-symbol svg{width:41px;height:41px}.connection-setup h2,.connection-list-section h2{font-size:20px;font-weight:600;letter-spacing:-.4px;margin-bottom:12px}.connection-setup>p,.connection-list-section header p{font-size:14px;line-height:1.8;color:var(--iw-text-3)}.connection-form{margin-top:25px}.connection-form>label{display:block;margin-bottom:17px;font-size:13px;color:var(--iw-text-2)}.connection-form input,.connection-form select{display:block;width:100%;font-size:14px;margin-top:8px;background:var(--iw-surface-2);min-height:42px;border-color:var(--iw-line-3)}.connection-form label small{font-size:12px;margin-left:8px;color:var(--iw-text-3)}.connection-form .button{width:100%;margin-top:3px;font-size:14px;min-height:42px}.connection-form-error,.connections-status{font-size:13px;line-height:1.8;color:var(--iw-danger);margin-top:13px}.connection-list-section>header{padding:7px 0 24px;border-bottom:1px solid var(--iw-accent-line)}.connection-list-section header h2{margin-bottom:8px}.connection-list{margin-top:7px}.connection-row{display:flex;align-items:flex-start;gap:15px;padding:21px 0;border-bottom:1px solid var(--iw-accent-line)}.runtime-initial{display:grid;place-items:center;flex-shrink:0;width:35px;height:35px;background:var(--iw-accent-soft);border:1px solid var(--iw-accent-line);border-radius:8px;color:var(--iw-accent-text);font-size:15px;font-weight:600}.connection-row>div{min-width:0;flex:1}.connection-row h3{font-size:15px;font-weight:600;margin-bottom:5px;overflow-wrap:anywhere}.connection-row p{font-size:13px;line-height:1.7;color:var(--iw-text-3)}.connection-row .text-button{font-size:13px;margin-top:4px}.connection-state{display:inline-block;font-size:13px;color:var(--iw-text-3);margin-top:8px}.connection-state.online{color:var(--iw-success)}.connection-state.online:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--iw-success);margin-right:7px}.connection-state.revoked{color:var(--iw-text-3)}.connections-empty{padding:26px 0}.connections-empty h3{font-size:17px;font-weight:500;margin-bottom:10px}.connections-empty p{font-size:14px;line-height:1.8;color:var(--iw-text-3)}.connection-endpoint{margin:23px 0}.connection-endpoint label{display:block;font-size:13px;color:var(--iw-text-3)}.connection-endpoint input{display:block;width:100%;margin-top:8px;font-size:13px;background:var(--iw-surface-2);border-color:var(--iw-accent-line)}.connection-note{padding:22px 0}.connection-note h3{font-size:16px;font-weight:600;margin-bottom:12px}.connection-note p{font-size:14px;line-height:1.85;color:var(--iw-text-3);margin-bottom:12px}.connection-pairing{margin-top:29px;padding-top:22px;border-top:1px solid var(--iw-accent-line)}.connection-pairing>div:first-child,.pairing-instructions{display:flex;align-items:flex-start;gap:11px}.pairing-number{width:23px;height:23px;border:1px solid var(--iw-line-3);border-radius:50%;font-size:12px;color:var(--iw-accent-text);display:grid;place-items:center;flex-shrink:0}.connection-pairing h3{font-size:15px;font-weight:600;line-height:1.5}.connection-pairing p{font-size:13px;line-height:1.8;color:var(--iw-text-3);margin-top:11px}.connection-pairing label{font-size:13px;display:block;color:var(--iw-text-3);margin-top:18px}.connection-pairing input{width:100%;font-size:15px;margin-top:8px;background:var(--iw-accent-soft);border-color:var(--iw-line-3)}.pairing-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.pairing-buttons .button{font-size:13px;min-height:35px;padding:8px 11px}.pairing-instructions{padding-top:23px}.connection-instructions-link{display:inline-block;color:var(--iw-accent-text);font-size:13px;text-decoration:underline;text-underline-offset:3px;margin-top:14px}
@media(max-width:1200px){.connection-workbench{grid-template-columns:350px minmax(0,1fr);gap:32px}.connection-setup{padding:24px}.connections-page .page-header h1{font-size:46px}}
@media(max-width:1000px){.connection-workbench{grid-template-columns:1fr;gap:28px}.connection-setup{max-width:550px}.connection-list-section{max-width:650px}}
@media(max-width:650px){.connections-page .page-header h1{font-size:39px}.connections-page .page-header p{font-size:14px}.connection-setup{padding:23px 21px}.connection-workbench{gap:25px}.connection-row{gap:12px}.connection-row p{font-size:13px}.pairing-buttons .button{font-size:13px}}.product-name{font-size:27px;font-weight:750;letter-spacing:-1px}.product-name small{font-size:12px;color:var(--iw-text-3);letter-spacing:0;font-weight:400}.boot .product-symbol{width:87px;height:108px}.studio-product-mark .product-symbol{width:34px;height:42px}.editor-product-mark .product-symbol{width:25px;height:32px}.connection-illustration .product-symbol{width:54px;height:66px}
@media(max-width:780px){.studio-product-mark .product-symbol{width:31px;height:39px}.studio-header>div{gap:9px}}.studio-connect{align-self:flex-start;margin:0 24px 18px;font-size:13px}
@media(min-width:781px){.studio-preview-head{min-height:60px;padding-top:11px;padding-bottom:7px}.studio-art-viewport{padding-top:12px;padding-bottom:12px}.studio-slide-strip{min-height:88px;padding-top:6px;padding-bottom:12px}}.reference-card small,.tags span{font-size:12px;color:var(--iw-text-2)}.reference-card{border-color:var(--iw-accent-line)}.reference-card h2{color:var(--ink);font-size:20px}.reference-card p{font-size:14px;line-height:1.75;color:var(--iw-text-2)}.reference-media{background:var(--iw-surface-3)}.modal-description,.modal .helper,.export-warning p,.export-warning li,.history-list p,.share-list,.share-list p,.share-list small,.created-link,.created-link input,.created-link .button{font-size:13px;line-height:1.7}.modal .field>span,.modal .field input,.modal .field textarea,.modal .field select{font-size:14px}.history-list h3{font-size:15px}.history-list .button{font-size:13px}.share-list>div{font-size:14px;flex-wrap:wrap}.share-list>div>span{flex:1;min-width:120px}.created-link{background:var(--iw-accent-soft);border:1px solid var(--iw-accent-line);padding:17px}.created-link input{color:var(--iw-accent-text)}.studio-context-drawer dt,.studio-context-drawer article small{color:var(--iw-text-2)}.studio-context-drawer header button{color:var(--iw-accent-text)}.slide-title,.layer-row,.panel-empty,.inspector-section h3,.inspector .field>span,.inspector .field input,.inspector .field select,.inspector-guidance p,.lock-control,.layer-actions .button{font-size:13px}.slide-title,.layer-row,.panel-empty,.inspector-section h3,.inspector .field>span,.inspector-guidance p,.lock-control{color:var(--iw-text-2)}.slide-panel-footer .button{font-size:13px}.inspector .field small,.inspector .helper,.inspector-guidance .shortcut-note{font-size:12px;color:var(--iw-text-3)}.form-section-title p,.brand-form footer p{font-size:13px}
@media(max-width:650px){.page-header p,.empty p{font-size:14px}.page-kicker,.header-actions .button,.modal-description,.modal .field>span,.modal .field input,.modal .field textarea,.modal .field select{font-size:13px}.share-list>div{gap:8px}.modal footer .button{flex:1}}
@media(max-width:780px){.studio-root:not(.has-artwork) .studio-conversation{order:0}.studio-root:not(.has-artwork) .studio-preview{order:1}.studio-preview-head{position:sticky;top:0;background:var(--iw-surface-3);z-index:6}.studio-converse-button{display:block;margin-left:auto;background:var(--iw-surface-2);border:1px solid var(--iw-line-3);border-radius:6px;padding:8px 12px;font-size:13px;color:var(--iw-text-2)}}.brand-import-report{margin:0 0 28px;background:var(--iw-surface-2);border:1px solid var(--iw-accent-line);border-radius:12px;overflow:hidden;color:var(--iw-text-1)}.brand-import-report>header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 25px;border-bottom:1px solid var(--iw-accent-line)}.brand-import-report>header>div>span{font-size:10px;color:var(--iw-text-3)}.brand-import-report>header h2{margin:5px 0;font-size:19px;font-weight:700}.brand-import-report>header p{font-size:12px;color:var(--iw-text-3)}.brand-import-report nav{display:flex;gap:6px;padding:12px 20px;border-bottom:1px solid var(--iw-accent-line);background:var(--iw-surface-2)}.brand-import-report nav button{border:0;border-radius:6px;padding:8px 13px;background:transparent;color:var(--iw-text-3);font-size:12px;cursor:pointer}.brand-import-report nav button[aria-selected=true]{background:var(--iw-accent-soft);color:var(--iw-accent-text);font-weight:650}.brand-report-page{padding:21px 24px 25px}.brand-report-page h3{margin:0 0 13px;font-size:14px;font-weight:700;color:var(--iw-text-2)}.brand-report-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.brand-report-grid>section,.brand-positioning,.brand-ideas,.brand-limitations{min-width:0;border:1px solid var(--iw-accent-line);border-radius:9px;padding:17px 18px;background:var(--iw-surface-2)}.brand-color-list,.brand-font-list{list-style:none;padding:0;margin:0;display:grid;gap:11px}.brand-color-list li{display:flex;gap:11px;align-items:flex-start;font-size:12px}.brand-color-choice{display:flex;align-items:center;min-height:27px;margin-right:-5px}.brand-color-choice input{accent-color:var(--iw-accent-text);cursor:pointer}.brand-apply-colors{margin-top:15px;font-size:11px}.brand-color-list li>i{flex:0 0 27px;height:27px;border:1px solid var(--iw-accent-line);border-radius:7px}.brand-color-list li>span,.brand-font-list li{display:grid;gap:4px;min-width:0}.brand-font-group{margin-top:9px}.brand-font-group h4{margin:0 0 6px;color:var(--iw-text-3);font-size:10px;font-weight:650}.brand-font-group+.brand-font-group{margin-top:14px;padding-top:11px;border-top:1px solid var(--iw-line-1)}.brand-font-group+.brand-font-group .brand-font-list li{opacity:.82}.brand-color-list small,.brand-font-list small,.brand-logo-list small{display:block;color:var(--iw-text-3);font-size:10px;line-height:1.5}.brand-source{margin-right:7px;font-size:10px}.brand-confidence{color:var(--iw-text-3);font-size:10px;font-weight:550}.brand-logo-list{margin-top:18px;border-top:1px solid var(--iw-line-1);padding-top:14px;font-size:12px}.brand-logo-list p{margin:8px 0;display:grid;gap:3px}.brand-report-empty{font-size:12px;line-height:1.6;color:var(--iw-text-3)}.brand-positioning{margin-bottom:16px;background:var(--iw-surface-3)}.brand-positioning>p{font-size:15px;line-height:1.6;color:var(--iw-accent-text)}.brand-positioning>small{font-size:10px;color:var(--iw-text-3)}.brand-positioning blockquote{margin:14px 0 0;padding:10px 13px;border-left:3px solid color-mix(in oklab, var(--iw-success) 45%, transparent);background:var(--iw-surface-2);font-size:12px;line-height:1.55;color:var(--iw-accent-text)}.brand-positioning blockquote footer{margin-top:6px;font-size:10px;color:var(--iw-text-3)}.brand-evidence{padding:12px 0;border-top:1px solid var(--iw-line-1)}.brand-evidence:first-of-type{border-top:0}.brand-evidence>b{font-size:12px}.brand-evidence p{font-size:11px;line-height:1.55;color:var(--iw-text-3);margin:7px 0 0}.brand-evidence-line{font-weight:650;color:var(--iw-accent-text)!important}.brand-evidence-excerpt{padding-left:10px;border-left:2px solid var(--iw-accent-line)}.brand-topic{margin:0;padding:9px 0;border-bottom:1px solid var(--iw-line-1);font-size:12px;line-height:1.5}.brand-topic small{display:block;margin-top:3px;font-size:10px}.brand-ideas>p{font-size:11px;color:var(--iw-text-3);line-height:1.5}.brand-ideas article{padding:14px 0;border-top:1px solid var(--iw-line-1)}.brand-ideas article>span{font-size:10px;color:var(--iw-text-3)}.brand-ideas h4{margin:5px 0;font-size:13px}.brand-ideas article p{font-size:12px;line-height:1.55;color:var(--iw-text-2)}.brand-limitations{margin-top:16px;background:var(--iw-surface-3)}.brand-limitations li,.brand-limitations>p{font-size:11px;line-height:1.55;color:var(--iw-text-3)}.brand-import-or{text-align:center;color:var(--iw-text-3);font-size:11px;padding:5px}
@media(max-width:700px){.brand-import-report>header{align-items:flex-start;flex-direction:row;padding:13px 15px}.brand-import-report>header .button{align-self:flex-start;padding:8px 10px;font-size:10px}.brand-report-page{padding:12px}.brand-report-grid{grid-template-columns:1fr;gap:10px}.brand-import-report nav{padding:8px 10px}.brand-import-report nav button{flex:1;padding:8px 5px}.brand-positioning>p{font-size:13px}.brand-color-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px}}.brand-guide{margin:-8px 0 12px;color:var(--iw-text-3);font-size:11px;line-height:1.4}.brand-import-report{margin:0 0 18px}.brand-import-report>header{padding:15px 20px}.brand-import-report>header h2{margin:3px 0;font-size:17px}.brand-report-page{padding:15px 18px 18px}.brand-report-page h3{margin-bottom:9px}.brand-report-grid{gap:14px}.brand-report-grid>section,.brand-positioning,.brand-ideas,.brand-limitations{padding:13px 14px}.brand-color-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 12px}.brand-color-list li{min-width:0}.brand-color-choice{display:grid;grid-template-columns:14px 23px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:5px;row-gap:2px;min-height:38px;margin:0;cursor:pointer}.brand-color-choice input{grid-row:1 / span 2;grid-column:1;width:13px;height:13px;margin:0}.brand-color-choice i{grid-row:1 / span 2;grid-column:2;width:23px;height:23px;border:1px solid var(--iw-accent-line);border-radius:5px}.brand-color-choice b{grid-column:3;font-size:11px;line-height:1.2}.brand-color-choice small{grid-column:3;font-size:9px;line-height:1.2}.brand-apply-colors{margin-top:10px;padding:8px 10px;font-size:10px}.brand-font-list{gap:5px}.brand-font-list li{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 8px;font-size:11px}.brand-font-list li .brand-confidence{font-size:9px}.brand-font-list li .brand-evidence-details{grid-column:1 / -1}.brand-font-group{margin-top:6px}.brand-font-group h4{margin-bottom:4px}.brand-evidence-details,.brand-fallback-details{margin-top:8px;color:var(--iw-text-3);font-size:10px;line-height:1.5}.brand-evidence-details>summary,.brand-fallback-details>summary{cursor:pointer;color:var(--iw-text-3);font-weight:600}.brand-color-evidence>ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;padding-left:17px}.brand-color-evidence li{min-width:0}.brand-color-evidence p{margin:2px 0 4px;color:var(--iw-text-3)}.brand-fallback-details{padding-top:7px;border-top:1px solid var(--iw-line-1)}.brand-fallback-details .brand-font-group{margin-top:8px}.brand-logo-list{margin-top:10px;padding-top:8px}.brand-positioning{margin-bottom:12px}.brand-positioning blockquote{margin-top:8px;padding:8px 10px}.brand-ideas article{padding:10px 0}.brand-limitations{margin-top:10px}
@media(max-width:700px){.brand-color-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px}.brand-import-report>header{align-items:flex-start;flex-direction:row;padding:13px 15px}.brand-import-report>header .button{align-self:flex-start;padding:8px 10px;font-size:10px}}.manual-start-copy{display:flex;align-items:center;gap:11px;margin-bottom:11px}.manual-start-copy>div{flex:1;min-width:0}.manual-start-copy b{font-size:14px;color:var(--iw-accent-text)}.manual-start-copy small{display:block;margin-top:3px;color:var(--iw-text-3);font-size:12px}.manual-mark{display:none}.format-launcher{min-height:66px;display:flex;align-items:center;gap:9px;padding:9px 10px!important;text-align:left;background:var(--iw-surface-3)!important;border:1px solid var(--iw-line-2)!important;border-radius:13px!important;color:var(--iw-accent-text)!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.format-launcher:hover{transform:translateY(-2px);border-color:color-mix(in oklab, var(--iw-success) 45%, transparent)!important;box-shadow:0 8px 16px #345b4712;background:var(--iw-surface-2)!important}.format-launcher>span:nth-child(2){flex:1;min-width:0}.format-launcher b{display:block;font-size:13px;color:var(--iw-accent-text)}.format-launcher small{display:block;font-size:10px;color:var(--iw-text-3);margin-top:3px;white-space:nowrap}.format-launcher>svg{width:14px;height:14px;color:var(--iw-success);flex-shrink:0}.format-art{width:26px;height:30px;display:flex;gap:2px;align-items:center;justify-content:center;flex-shrink:0;border-radius:8px;background:var(--iw-warning-soft)}.format-art i{display:block;width:5px;height:17px;border-radius:3px;background:var(--iw-warning)}.format-art i:nth-child(2){height:22px;background:var(--iw-success)}.format-art i:nth-child(3){height:14px;background:var(--iw-accent-line)}.format-post .format-art{background:var(--iw-surface-4)}.format-post .format-art i{width:14px;height:14px;border-radius:4px;background:var(--iw-success)}.format-story .format-art{background:var(--iw-accent-soft)}.format-story .format-art i{height:23px;background:var(--iw-accent-line)}.format-custom .format-art{background:var(--iw-surface-3)}.format-custom .format-art i{width:17px;height:12px;background:var(--iw-danger-soft)}.format-explore .format-art{background:var(--iw-surface-3)}.format-explore .format-art i{height:7px;width:7px;border-radius:50%;background:var(--iw-surface-5)}.mobile-tools{position:relative;z-index:45;gap:4px;justify-content:space-around;min-height:54px;padding:5px 8px max(5px,env(safe-area-inset-bottom));background:var(--iw-surface-2);border-top:1px solid var(--iw-line-2)}.mobile-tools button{flex:1;min-width:0;justify-content:center;min-height:42px;padding:7px 4px;color:var(--iw-text-2);border-radius:10px;font-size:10px}.mobile-tools button:focus-visible{outline:2px solid color-mix(in oklab, var(--iw-success) 45%, transparent);outline-offset:2px}.mobile-tools button:disabled{opacity:.46;cursor:not-allowed}.mobile-tools .mobile-save:not(:disabled){background:var(--iw-surface-3);color:var(--iw-success)}.mobile-tools svg{width:17px;height:17px}.library-tool-rail{padding-top:8px!important;overflow-y:auto;overscroll-behavior:contain}.library-tool{min-height:44px!important;width:100%;justify-content:center!important}.library-tool:focus-visible{outline:2px solid color-mix(in oklab, var(--iw-success) 45%, transparent);outline-offset:-2px}.library-tool[title]{position:relative}
@media(max-width:780px){.format-launcher{min-height:58px}.format-explore{grid-column:1/-1}.manual-start-copy{align-items:flex-start}.manual-start-copy>.button{white-space:nowrap;font-size:11px;padding:7px 9px}}
@media(max-width:650px){.editor-shell{height:100dvh;min-height:0}.mobile-tools{min-height:58px;gap:2px;padding-left:5px;padding-right:5px}.mobile-tools button{font-size:9px;gap:3px}.mobile-tools svg{width:16px;height:16px}.library-tool-rail{width:54px!important;min-width:54px!important;padding:7px 4px!important;gap:5px!important}.library-tool{width:44px!important;height:44px!important;min-height:44px!important;padding:0!important}.library-tool>span{display:none!important}.library-tool>svg{width:20px!important;height:20px!important}.slide-panel,.inspector{max-height:calc(100dvh - 150px);overflow:auto}.slide-panel{top:0;bottom:0}.inspector{top:0;bottom:0}.canvas-caption{padding-top:7px}.artboard-viewport{padding:9px 12px}}
@media(max-width:650px) and (max-height:650px){.mobile-tools{min-height:50px;padding-top:3px;padding-bottom:max(3px,env(safe-area-inset-bottom))}}/* InkWoof V10: open studio, visual format objects{max-width:1140px;margin:0 auto 14px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;position:relative;overflow:visible;color:var(--iw-accent-text)}.manual-start-copy{grid-area:intro;display:flex;align-items:center;gap:10px;margin:0;min-height:30px}.manual-start-copy>div{flex:1;min-width:0}.manual-start-copy b{font-size:16px;font-weight:650;color:var(--iw-accent-text)}.manual-start-copy small{display:block;margin-top:2px;color:var(--iw-text-2);font-size:12px}.manual-start-copy>.button{font-size:12px;min-height:34px;padding:7px 12px;border-radius:8px;white-space:nowrap}.format-launcher{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:5px;min-height:101px;padding:11px 12px 10px!important;text-align:left;border:0!important;border-radius:13px!important;background:var(--iw-surface-3)!important;color:var(--iw-accent-text)!important;box-shadow:none!important;transition:transform .14s ease,filter .14s ease}.format-launcher:hover{transform:translateY(-2px);filter:saturate(1.08);background:var(--iw-surface-3)!important;box-shadow:0 5px 12px #345b4710!important}.format-carousel{background:var(--iw-surface-4)!important}.format-post{background:var(--iw-surface-3)!important}.format-story{background:var(--iw-accent-soft)!important}.format-custom{background:var(--iw-surface-3)!important}.format-explore{background:var(--iw-surface-3)!important}.format-launcher>span:nth-child(2){display:block;flex:1;min-width:0}.format-launcher b{display:block;font-size:14px;line-height:1.2;color:var(--iw-accent-text)}.format-launcher small{display:block;font-size:11px;line-height:1.3;color:var(--iw-text-2);margin-top:3px;white-space:normal}.format-launcher>svg{position:absolute;right:10px;bottom:10px;width:16px;height:16px;color:var(--iw-accent-text)}.format-art{width:36px;height:36px;display:flex;gap:3px;align-items:center;justify-content:center;flex-shrink:0;border-radius:10px;background:var(--iw-warning-soft)}.format-art i{width:6px;height:20px;border-radius:3px;background:var(--iw-warning)}.format-art i:nth-child(2){height:27px;background:var(--iw-success)}.format-art i:nth-child(3){height:16px;background:var(--iw-accent)}.format-post .format-art{background:var(--iw-surface-4)}.format-post .format-art i{width:19px;height:19px;border-radius:5px;background:var(--iw-success)}.format-story .format-art{background:var(--iw-accent-soft)}.format-story .format-art i{width:17px;height:27px;background:var(--iw-accent-line)}.format-custom .format-art{background:var(--iw-surface-4)}.format-custom .format-art i{width:23px;height:17px;background:var(--iw-danger-fill)}.format-explore .format-art{background:var(--iw-surface-4)}.format-explore .format-art i{height:9px;width:9px;border-radius:50%;background:var(--iw-accent)}#zoom{font-size:12px}.canvas-caption{font-size:13px;color:var(--iw-text-2)}.canvas-caption>span:first-child{font-size:14px;color:var(--iw-accent-text);font-weight:600}#canvas-hint{font-size:12px;color:var(--iw-text-2)}.panel-tabs button,.slide-title,.layer-row,.inspector-section h3,.inspector .field>span,.inspector .field input,.inspector .field select{font-size:13px;color:var(--iw-text-2)}.inspector-guidance p,.inspector .field small,.inspector .helper{font-size:12px;color:var(--iw-text-2)}.library-header h2{font-size:16px}.library-header p,.library-status,.library-footer{font-size:12px;color:var(--iw-text-2)}.library-tool{font-size:12px}.library-card-body b{font-size:12px}.library-card-body small{font-size:11px;color:var(--iw-text-2)}
@media(max-width:780px){.format-launcher{min-height:96px}}
@media(max-width:650px){.manual-start-copy{min-height:28px}.manual-start-copy b{font-size:15px}.manual-start-copy small{font-size:12px}.manual-start-copy>.button{font-size:12px;min-height:34px}.format-launcher{min-height:91px;padding:9px 10px!important}.format-art{width:34px;height:34px}.format-launcher b{font-size:13px}.format-launcher small{font-size:11px}.format-explore{grid-column:auto}.editor-shell{height:100dvh;min-height:0}.mobile-tools{position:relative;z-index:45;min-height:50px;gap:2px;padding:3px 5px max(3px,env(safe-area-inset-bottom));background:var(--iw-surface-2);border-top:1px solid var(--iw-line-2)}.mobile-tools button{flex:1;min-width:0;min-height:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 2px;color:var(--iw-accent-text);border-radius:7px;font-size:11px}.mobile-tools svg{width:17px;height:17px}.mobile-tools button:disabled{opacity:.48}.canvas-caption{min-height:26px;padding:4px 10px;font-size:12px}.canvas-caption>span:first-child{font-size:13px}#canvas-hint{display:none}.artboard-viewport{padding:8px 10px}.slide-panel,.inspector{max-height:calc(100dvh - 118px);overflow:auto}}
@media(max-width:650px) and (max-height:650px){.mobile-tools{min-height:44px;padding-top:2px;padding-bottom:max(2px,env(safe-area-inset-bottom))}.mobile-tools button{min-height:38px;font-size:10.5px}.mobile-tools svg{width:16px;height:16px}.canvas-caption{min-height:22px;padding:2px 8px}.artboard-viewport{padding:5px 8px}}/* InkWoof V11 delta: keep the canvas visible in short chat viewports. */
@media(max-width:650px) and (max-height:650px){
  .editor-workspace.hal-open>.canvas-area{min-height:120px}
  .editor-workspace.hal-open>.agent-panel{height:min(190px,36dvh);min-height:0;max-height:calc(100dvh - 138px);flex:0 1 auto}
  .agent-panel .agent-conversation{min-height:0;flex:1 1 0;overflow-y:auto}
}/* Reserve a real row for the assistant in short mobile editor viewports. */
@media(max-width:650px) and (max-height:650px){
  .editor-shell .editor-header{height:48px;min-height:48px;max-height:48px;flex:0 0 48px;padding-top:3px;padding-bottom:3px}
  .editor-shell .editor-toolbar{height:40px;min-height:40px;max-height:40px;flex:0 0 40px;flex-wrap:nowrap;padding:2px 7px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain}
  .editor-shell .editor-toolbar>.tools{flex:0 0 max-content;flex-basis:auto;min-width:max-content;flex-wrap:nowrap}
  .editor-shell .editor-toolbar>.zoom-control{flex:0 0 auto;flex-basis:auto;margin-left:0;flex-wrap:nowrap}
  .editor-shell .editor-workspace:has(.design-library-host).hal-open{display:flex;flex:1 1 0;flex-direction:column;min-height:0;overflow:hidden}
  .editor-shell .editor-workspace:has(.design-library-host).hal-open>.canvas-area{display:flex;flex:1 1 0;width:100%;min-width:0;min-height:120px;flex-direction:column}
  .editor-shell .editor-workspace:has(.design-library-host).hal-open>.canvas-area .canvas-caption{flex:0 0 18px;min-height:18px;padding:1px 8px}
  .editor-shell .editor-workspace:has(.design-library-host).hal-open>.canvas-area .artboard-viewport{flex:1 1 0;min-height:0;padding:2px 8px}
  .editor-shell .editor-workspace:has(.design-library-host).hal-open>.canvas-area .canvas-footer{flex:0 0 14px;min-height:14px;padding:0 8px}
  .editor-shell .editor-workspace:has(.design-library-host).hal-open>.agent-panel{position:relative;inset:auto;width:100%;height:min(340px,calc(100% - 120px));min-height:0;max-height:none;flex:0 1 auto;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;z-index:30;border:0;border-top:1px solid var(--iw-line-3);border-radius:0;box-shadow:none;scrollbar-width:thin;overscroll-behavior:contain}
  .editor-shell .editor-workspace:has(.design-library-host).hal-open>.agent-panel>header{position:sticky;top:0;z-index:4;flex:0 0 40px;min-height:40px;padding:3px 9px;background:var(--iw-surface-2)}
  .editor-shell .editor-workspace:has(.design-library-host).hal-open>.agent-panel .agent-panel-controls .icon-button{min-width:40px;width:auto;height:40px;min-height:40px;font-size:12px}
  .editor-shell .editor-workspace:has(.design-library-host).hal-open>.agent-panel .agent-inko{display:flex;flex:0 0 58px;min-height:58px;max-height:58px;overflow:hidden;padding:2px 8px;gap:7px}
  .editor-shell .editor-workspace:has(.design-library-host).hal-open>.agent-panel .inko-scene{height:50px;width:76px;max-width:30%;flex-basis:76px}
  .editor-shell .editor-workspace:has(.design-library-host).hal-open>.agent-panel .inko-motion-toggle{flex-basis:40px;width:40px;height:40px}
  .editor-shell .editor-workspace:has(.design-library-host).hal-open>.agent-panel .agent-conversation{flex:1 1 100px;min-height:100px;max-height:180px;overflow-y:auto;overscroll-behavior:contain;padding:4px 8px;scrollbar-gutter:stable}
  .editor-shell .editor-workspace:has(.design-library-host).hal-open>.agent-panel .agent-current{flex:0 0 auto;max-height:34px;overflow:auto;padding:2px 8px}
  .editor-shell .editor-workspace:has(.design-library-host).hal-open>.agent-panel .agent-focus-chip{flex:0 0 auto;max-height:24px;overflow:auto;padding:1px 8px;font-size:10px}
  .editor-shell .editor-workspace:has(.design-library-host).hal-open>.agent-panel .agent-edit-options{flex:0 0 auto;font-size:11px;line-height:1.25}
  .editor-shell .editor-workspace:has(.design-library-host).hal-open>.agent-panel .agent-edit-options summary{min-height:25px;padding:3px 8px}
  .editor-shell .editor-workspace:has(.design-library-host).hal-open>.agent-panel .agent-composer{position:sticky;bottom:0;z-index:3;flex:0 0 auto;min-height:0;padding:3px 8px 4px;background:var(--iw-surface-2)}
  .editor-shell .editor-workspace:has(.design-library-host).hal-open>.agent-panel .brief-composer{flex:0 0 auto;padding:4px 8px 3px;background:var(--iw-surface-2)}
  .editor-shell .editor-workspace:has(.design-library-host).hal-open>.agent-panel .brief-composer>label{font-size:11px;line-height:1.25;margin:0 0 2px}
  .editor-shell .editor-workspace:has(.design-library-host).hal-open>.agent-panel .brief-composer textarea[name=prompt]{height:42px;min-height:42px;max-height:54px;padding:4px 7px;font-size:14px;line-height:1.3}
  .editor-shell .editor-workspace:has(.design-library-host).hal-open>.agent-panel .composer-sources{max-height:24px;overflow:auto}
  .editor-shell .editor-workspace:has(.design-library-host).hal-open>.agent-panel .composer-links{max-height:30px;margin:1px 0;padding-top:1px;overflow:auto}
  .editor-shell .editor-workspace:has(.design-library-host).hal-open>.agent-panel .composer-links textarea{height:24px;min-height:24px;max-height:24px;padding:2px 5px}
  .editor-shell .editor-workspace:has(.design-library-host).hal-open>.agent-panel .brief-composer .composer-bottom{flex:0 0 40px;gap:3px;margin-top:2px;flex-wrap:nowrap}
  .editor-shell .editor-workspace:has(.design-library-host).hal-open>.agent-panel .brief-composer .composer-bottom>div{gap:1px;flex-wrap:nowrap}
  .editor-shell .editor-workspace:has(.design-library-host).hal-open>.agent-panel .brief-composer .composer-bottom>div button{min-height:40px;padding:4px 5px;font-size:11px}
  .editor-shell .editor-workspace:has(.design-library-host).hal-open>.agent-panel .brief-composer .composer-bottom>.button{min-height:40px;padding:5px 9px;font-size:12px;white-space:nowrap}
  .editor-shell .editor-workspace:has(.design-library-host).hal-open>.agent-panel .agent-footnote{display:none}
  .editor-shell .editor-workspace:has(.design-library-host).hal-open>.agent-panel .agent-offline-note{position:sticky;bottom:0;z-index:3;flex:0 0 auto;max-height:34px;overflow:auto;padding:3px 8px;font-size:11px;background:var(--iw-surface-2)}
  .editor-shell .editor-workspace:has(.design-library-host).hal-open+.mobile-tools{height:44px;min-height:44px;max-height:44px;flex:0 0 44px;padding-top:2px;padding-bottom:max(2px,env(safe-area-inset-bottom));gap:2px}
  .editor-shell .editor-workspace:has(.design-library-host).hal-open+.mobile-tools button{min-height:38px;padding:3px 2px;font-size:10px}
}/* At short desktop heights, bring real work into the first viewport. */
@media(min-width:781px) and (max-height:720px){
  .app-shell .creation-home>header{min-height:72px;margin-bottom:4px;grid-template-columns:minmax(0,1fr) 112px auto;gap:12px}
  .app-shell .creation-home h1{font-size:40px;line-height:1.05}
  .app-shell .home-inko{width:112px;height:96px}
  .app-shell .manual-start{gap:6px 20px}
  .app-shell .manual-start-copy{min-height:26px}
  .app-shell .format-launcher{min-height:76px;padding:8px 10px 8px!important;gap:3px}
  .app-shell .format-art{width:30px;height:30px}
  .app-shell .home-agent-start{padding:9px 11px}
  .app-shell .home-agent-heading{margin-bottom:4px}
  .app-shell .creation-home .home-agent-start .brief-composer{padding:6px 9px 5px}
  .app-shell .creation-home .home-agent-start textarea[name=prompt]{height:42px;min-height:42px;max-height:64px}
  .app-shell .home-curated{padding-top:3px}
  .app-shell .home-curated>div:first-child{margin-bottom:5px}
  .app-shell .home-curated-card b{font-size:14px;color:var(--iw-accent-text)}
  .app-shell .home-curated-card small{font-size:12px;color:var(--iw-text-2)}
  .app-shell .project-section .project-meta h3{font-size:15px;color:var(--iw-accent-text)}
  .app-shell .project-section .project-meta p{font-size:13px;color:var(--iw-text-2)}
}
}