@layer legacy{/* InkWoof creative workbench. Layout ownership lives here; styles.css supplies legacy editor primitives. */
:root{--bench:#F4F7FC;--paper:#fff;--ink:#202B47;--muted:#5D6980;--line:#DEE5F0;--accent:#2546BD;--accent-soft:#EDF1FF;--teal:#15AA9B;--sun:#F5D469;--positive:#177465;--danger:#B63C52;--warning:#80551E}body{background:var(--bench);color:var(--ink);font-size:14px}button,input,textarea,select{font-family:"DM Sans",Arial,sans-serif}input,textarea,select{border-radius:8px;border-color:var(--line);font-size:14px}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab, var(--iw-accent-line) 7%, transparent)}input::placeholder,textarea::placeholder{color:var(--iw-text-3)}button:focus-visible,a:focus-visible{outline-color:var(--iw-accent-line)}.button{border-radius:8px;font-size:13px;min-height:38px;font-weight:650}.button.primary{background:var(--accent);box-shadow:none}.button.primary:hover:not(:disabled){background:var(--iw-accent)}.button.secondary{color:var(--ink);border-color:var(--line)}.button.secondary:hover:not(:disabled){background:var(--iw-surface-3);border-color:var(--iw-line-3)}.text-button{color:var(--iw-text-2);font-size:13px}.icon-button:hover:not(:disabled){background:var(--iw-surface-3)}.product-name small{font-size:10px;letter-spacing:0;color:var(--iw-text-3);font-weight:500;margin-top:6px}.app-shell{grid-template-columns:198px minmax(0,1fr)}.main-content{padding:25px 30px 30px}.creation-workbench{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(255px,.9fr);gap:20px;align-items:start}.creation-request{min-width:0}.format-launcher>span:nth-child(2){flex:1;min-width:0}.format-launcher b{font-size:13px;font-weight:700;display:block}.format-launcher small{font-size:11px;font-weight:400;display:block;color:var(--iw-text-3);margin-top:3px}.format-launcher>svg{width:15px;height:15px;opacity:.7}.format-art-story{width:23px;height:38px;flex:0 0 23px;border:1.5px solid color-mix(in oklab, var(--iw-success) 45%, transparent);border-radius:4px}.format-art-landscape{width:40px;height:25px;flex:0 0 40px;border:1.5px solid var(--iw-accent-line);border-radius:4px}.format-options-expanded{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.format-options-expanded label{min-width:0;padding:12px;grid-template-columns:1fr auto}.format-options-expanded strong{font-size:11px}.format-options-expanded small{font-size:10px;line-height:1.4}.format-options-expanded .format-mini{width:20px;height:27px}.format-options-expanded .format-mini.square{height:20px}.format-options-expanded .format-mini.landscape{width:29px;height:17px}.resize-format-options{margin-bottom:18px}.custom-format-fields[hidden]{display:none}.resize-modes{border:0;border-top:1px solid var(--line);padding:16px 0 0;margin:7px 0 0;display:grid;gap:10px}.resize-modes legend{padding:0 8px 0 0;color:var(--ink);font-size:13px;font-weight:700}.resize-modes label{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);border-radius:8px;padding:12px;cursor:pointer}.resize-modes label:has(input:checked){border-color:var(--accent);background:var(--iw-surface-3)}.resize-modes input{accent-color:var(--accent);margin:3px 0 0}.resize-modes span{display:grid;gap:4px}.resize-modes b{font-size:12px;font-weight:700}.resize-modes small{font-size:11px;color:var(--muted);line-height:1.45}.resize-project-button{color:var(--iw-accent-text)!important;background:var(--iw-accent-soft)!important;border-radius:7px!important}
@media(max-width:780px){.format-options-expanded{grid-template-columns:repeat(2,minmax(0,1fr))}.format-options-expanded label:last-child{grid-column:1/-1}}.format-art{display:block;position:relative;width:43px;height:37px;flex-shrink:0}.format-carousel .format-art i{position:absolute;width:22px;height:29px;top:3px;left:12px;background:var(--iw-surface-2);border:1px solid var(--iw-accent-line);border-radius:3px;box-shadow:0 2px 5px #2546BD12}.format-carousel .format-art i:first-child{left:3px;transform:rotate(-13deg);background:var(--iw-accent-line)}.format-carousel .format-art i:nth-child(2){left:20px;transform:rotate(13deg);background:var(--iw-accent-line)}.format-carousel .format-art i:last-child:after{content:"";position:absolute;left:4px;right:4px;top:6px;height:9px;background:var(--iw-accent-soft-2);border-radius:1px;box-shadow:0 12px 0 -3px var(--iw-accent-line)}.format-post .format-art i{position:absolute;width:32px;height:32px;left:5px;top:2px;background:var(--iw-surface-2);border:1px solid color-mix(in oklab, var(--iw-success) 45%, transparent);border-radius:4px;box-shadow:0 2px 5px #15AA9B15}.format-post .format-art i:before{content:"";position:absolute;width:17px;height:17px;border-radius:50%;top:4px;left:7px;background:var(--iw-success-soft)}.format-post .format-art i:after{content:"";position:absolute;width:19px;height:3px;border-radius:2px;left:5px;bottom:5px;background:var(--iw-success)}.format-explore .format-art i{position:absolute;background:var(--iw-warning);width:18px;height:18px;top:7px;left:0;transform:rotate(-15deg);border-radius:2px}.format-explore .format-art i:nth-child(2){background:var(--iw-surface-2);left:13px;top:0;transform:rotate(13deg);border:1px solid color-mix(in oklab, var(--iw-warning) 45%, transparent)}.format-explore .format-art i:nth-child(3){background:var(--iw-accent);left:26px;top:13px;border-radius:50%;width:16px;height:16px}.page-header{align-items:center;margin:0 0 24px;gap:24px}.page-header .page-kicker{display:none}.page-header h1,.connections-page .page-header h1{font:750 29px/1.2 "DM Sans",Arial,sans-serif;letter-spacing:-.8px;margin-bottom:8px;color:var(--ink)}.page-header p,.connections-page .page-header p{font-size:14px;line-height:1.6;color:var(--muted);max-width:620px}.library-guide{display:flex;align-items:center;gap:14px;padding:16px 20px;background:var(--iw-surface-4);border-radius:10px;margin-bottom:24px;border:1px solid var(--iw-line-2)}.library-guide>span{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;background:var(--iw-surface-2);border-radius:8px;color:var(--iw-success)}.library-guide svg{width:23px;height:23px}.library-guide b{font-size:14px;font-weight:700}.library-guide p{font-size:13px;line-height:1.7;color:var(--iw-text-2);margin-top:4px;max-width:720px}.reference-grid{grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:18px}.reference-card{padding:20px;border-color:var(--line);border-radius:11px;display:flex;flex-direction:column}.reference-card h2{font-size:18px;font-weight:700;line-height:1.35;margin-bottom:10px;color:var(--ink)}.reference-card p{font-size:13px;line-height:1.7;color:var(--muted)}.reference-card small{font-size:11px;margin-top:auto;padding-top:15px;color:var(--iw-text-3)}.reference-media{height:170px;background:var(--iw-surface-3);border-radius:7px;margin-bottom:17px}.reference-icon{border-radius:8px;background:var(--iw-accent-soft);padding:8px;width:38px;height:38px;color:var(--iw-accent-text);margin-bottom:16px}.reference-icon svg{width:22px;height:22px}.tags{gap:5px;margin-top:14px}.tags span{font-size:11px;color:var(--iw-text-3);background:var(--iw-surface-3);border-radius:5px;padding:3px 6px}.empty h2,.references-empty h2{font:700 24px/1.3 "DM Sans",Arial,sans-serif;color:var(--ink);letter-spacing:-.5px}.empty p{font-size:13px;color:var(--muted)}.references-empty{background:var(--iw-surface-2);border:1px dashed var(--iw-line-3);grid-column:1/-1;min-height:300px;padding-top:42px;border-radius:12px}.references-empty>svg{width:42px;height:42px;background:var(--iw-accent-soft);border-radius:10px;padding:9px;color:var(--iw-accent-text);margin-bottom:20px}.brand-form{gap:20px;max-width:1050px}.brand-form>section{padding:24px;border-radius:11px;border-color:var(--line)}.form-section-title{gap:12px;margin-bottom:22px}.form-section-title h2{font-size:18px;font-weight:700;color:var(--ink)}.form-section-title p{font-size:13px;color:var(--muted)}.field>span{font-size:12px;font-weight:600;color:var(--iw-text-2)}.field input,.field textarea,.field select{font-size:14px}.field small,.helper{font-size:12px;color:var(--iw-text-3);line-height:1.6}.brand-form footer{padding:4px 0}.connections-page{max-width:1100px}.connections-page .page-header{max-width:none;margin-bottom:26px}.connection-workbench{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"agents instagram" "setup instagram";gap:22px;align-items:start}.connection-workbench>.connection-setup{grid-area:setup;max-width:none}.connection-workbench>.connection-list-section{grid-area:agents;max-width:none}.instagram-connection{grid-area:instagram;padding:24px;background:var(--iw-surface-2);border:1px solid var(--line);border-radius:11px;min-width:0}.instagram-connection>header{display:flex;gap:13px;align-items:center;margin-bottom:22px}.instagram-connection h2{font-size:20px;font-weight:700;letter-spacing:-.4px;margin:0 0 5px}.instagram-connection header p{font-size:12px;line-height:1.5;color:var(--muted);margin:0}.instagram-symbol{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--iw-accent-line);border-radius:10px;background:var(--iw-accent-soft);color:var(--accent);flex-shrink:0}.instagram-symbol svg{width:25px;height:25px}.instagram-state{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--iw-text-2)}.instagram-state:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--iw-surface-5)}.instagram-state[data-instagram-state=connected]{color:var(--iw-success)}.instagram-state[data-instagram-state=connected]:before{background:var(--iw-success)}.instagram-state[data-instagram-state=needs_login]{color:var(--iw-warning)}.instagram-state[data-instagram-state=needs_login]:before{background:var(--iw-warning)}.instagram-state[data-instagram-state=busy]{color:var(--accent)}.instagram-state[data-instagram-state=busy]:before{background:var(--accent)}.instagram-description{font-size:13px;line-height:1.7;color:var(--muted);margin:12px 0 18px;max-width:54ch}.instagram-validation{display:grid;grid-template-columns:1fr;gap:4px;margin:0 0 21px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.instagram-validation dt{font-size:11px;color:var(--muted)}.instagram-validation dd{font-size:12px;color:var(--ink);margin:0 0 8px;overflow-wrap:anywhere}.instagram-validation dd:last-child{margin-bottom:0}.instagram-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.instagram-actions .button{min-height:40px;font-size:13px}.instagram-actions .text-button{font-size:12px}.instagram-error{color:var(--iw-danger);font-size:12px;line-height:1.65;margin:14px 0 0;overflow-wrap:anywhere}.instagram-privacy{font-size:11px;line-height:1.7;color:var(--muted);margin:18px 0 0}
@media(max-width:1000px){.connection-workbench{grid-template-columns:minmax(0,1fr);grid-template-areas:"instagram" "agents" "setup"}.instagram-connection{padding:21px}}.connection-setup{padding:24px;border-radius:11px;border-color:var(--line)}.connection-illustration{margin-bottom:20px;gap:18px}.connection-illustration>i{background:var(--iw-success-soft)}.connection-illustration>i:after{background:var(--teal)}.connection-native-symbol{background:var(--iw-surface-3);border-color:var(--iw-line-3);color:var(--iw-success)}.connection-setup h2,.connection-list-section h2{font-size:20px;font-weight:700;letter-spacing:-.4px;margin-bottom:9px}.connection-setup>p,.connection-list-section header p{font-size:13px;line-height:1.7;color:var(--muted)}.connection-form{margin-top:20px}.connection-form>label{font-size:12px;font-weight:600;color:var(--iw-text-2);margin-bottom:15px}.connection-form input,.connection-form select{margin-top:6px;background:var(--iw-surface-2);border-color:var(--line);font-size:14px}.connection-form .button{min-height:40px;font-size:13px}.connection-list-section{padding:23px 24px;background:var(--iw-surface-2);border:1px solid var(--line);border-radius:11px;align-self:start}.connection-list-section>header{padding:0 0 17px;border-color:var(--line)}.connection-row{border-color:var(--line);padding:18px 0;gap:13px}.runtime-initial{background:var(--iw-accent-soft);border-color:var(--iw-accent-line);color:var(--accent);border-radius:9px;font-size:16px;font-weight:700;width:38px;height:38px}.connection-row h3{font-size:14px;font-weight:700}.connection-row p,.connection-state{font-size:12px;line-height:1.6;color:var(--iw-text-3)}.connection-note{padding:20px 0 0}.connection-note h3{font-size:14px;font-weight:700}.connection-note p{font-size:12px;line-height:1.7;color:var(--iw-text-3);margin-bottom:10px}.image-generation-settings{margin:30px 0 8px;padding:24px;border:1px solid var(--iw-accent-line);border-radius:18px;background:var(--iw-surface-2);box-shadow:0 10px 28px #2546BD0A}.image-generation-settings>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.image-generation-settings h2{margin:0 0 6px;color:var(--iw-text-1);font-size:19px;font-weight:750}.image-generation-settings header p,.image-generation-help{margin:0;color:var(--iw-text-3);font-size:12px;line-height:1.65}.image-generation-status{max-width:420px;padding:9px 12px;border-radius:10px;background:var(--iw-surface-3);color:var(--iw-accent-text);font-size:12px;line-height:1.5}.image-generation-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.image-generation-form label{display:grid;gap:7px;color:var(--iw-text-2);font-size:12px;font-weight:650}.image-generation-form input,.image-generation-form select{width:100%;min-height:40px;padding:9px 11px;border:1px solid var(--iw-accent-line);border-radius:9px;background:var(--iw-surface-2);color:var(--iw-text-1);font:inherit}.image-generation-help,.image-generation-actions,.image-generation-error{grid-column:1/-1}.image-generation-actions{display:flex;gap:10px;align-items:center}.image-generation-error{margin:0;color:var(--iw-danger);font-size:12px}
@media(max-width:650px){.image-generation-settings{padding:18px}.image-generation-settings>header{display:grid}.image-generation-form{grid-template-columns:1fr}}.connections-empty{padding:25px 0}.connections-empty h3{font-size:16px;font-weight:650}.connections-empty p{font-size:13px;color:var(--muted);line-height:1.7;margin-top:7px}.connection-endpoint input{font-size:12px;background:var(--iw-surface-3);border-color:var(--line)}.pairing-code{color:var(--accent)}.editor-shell{grid-template-columns:62px minmax(0,1fr)}.tool-button{font-size:13px;color:var(--iw-text-2);padding:7px 9px;gap:6px}.back-to-studio{font-size:12px;min-height:32px;padding:7px 9px;border-radius:6px;background:var(--iw-accent-soft);color:var(--accent);border-color:var(--iw-accent-line);margin-right:7px}.editor-help{font-size:11px;margin-left:5px}.ask-agent-button{font-size:12px;background:var(--iw-surface-4);border-color:var(--iw-line-3);color:var(--iw-success)}.editor-workspace{--inspector-width:242px;grid-template-columns:167px minmax(220px,1fr) var(--inspector-width)}.slide-panel{background:var(--iw-surface-2);border-color:var(--line)}.panel-tabs{background:var(--iw-surface-2);min-height:43px;padding:0 12px;border-color:var(--line)}.panel-tabs button{font-size:12px;padding:11px 0;font-weight:500;color:var(--iw-text-3)}.panel-tabs button[aria-selected=true]{color:var(--accent);font-weight:700}#slides-list{padding:13px 12px}.slide-item{margin-bottom:14px}.slide-number,.slide-title{font-size:10px;color:var(--iw-text-3)}.slide-select{grid-template-columns:14px 1fr;gap:5px}.slide-thumbnail{border-radius:5px;border-color:var(--iw-accent-line);min-height:85px;box-shadow:none}.slide-item.selected .slide-thumbnail{border-color:var(--accent)}.slide-panel-footer{padding:12px}.slide-panel-footer .button{font-size:11px;min-height:34px}.layer-row{font-size:12px;gap:8px;padding:11px 7px}.layer-row.selected{background:var(--accent-soft);color:var(--accent)}.canvas-area,.studio-preview{background-color:var(--iw-surface-3);background-image:radial-gradient(var(--iw-surface-5) 0.7px,transparent 0.7px);background-size:16px 16px}.canvas-caption{min-height:34px;padding:10px 20px 4px;font-size:12px;color:var(--iw-text-3)}#canvas-hint{font-size:11px;color:var(--iw-text-3)}.artboard-viewport{padding:14px 25px}.artboard{box-shadow:0 6px 22px #1C355520,0 0 0 1px color-mix(in oklab, var(--iw-accent-line) 6%, transparent)}.contextual-tools{min-height:43px;padding:5px 16px;gap:4px;background:var(--iw-surface-2);border-color:var(--line)}.contextual-button{font-size:12px;padding:6px 7px;min-height:31px;color:var(--iw-text-3)}.contextual-name{font-size:12px;color:var(--iw-text-3)}.contextual-font select{font-size:12px;width:128px;min-height:31px;border-color:var(--line)}.contextual-size input{font-size:12px;width:55px;min-height:31px}.contextual-color input{height:31px;width:34px;border-color:var(--line)}.contextual-menu>summary{font-size:12px;min-height:31px;padding:6px 8px;color:var(--iw-text-3)}.contextual-menu>div{border-color:var(--iw-accent-line);border-radius:9px;box-shadow:0 8px 26px #253D6018}.contextual-menu button{border-color:var(--line);font-size:12px;color:var(--iw-accent-text);background:var(--iw-surface-3)}.contextual-empty{font-size:12px;color:var(--iw-text-3)}.inspector{background:var(--iw-surface-2);border-color:var(--line)}.inspector-heading{padding:15px 17px;min-height:50px;border-color:var(--line)}.inspector-heading h2{font-size:14px;font-weight:700}.inspector-heading>span{font-size:10px;color:var(--iw-text-3)}.inspector-section{padding:17px;border-color:var(--line)}.inspector-section h3{font-size:12px;font-weight:700;color:var(--iw-text-3)}.inspector .field>span{font-size:11px;font-weight:550;color:var(--iw-text-3)}.inspector input,.inspector textarea,.inspector select{font-size:12px;border-color:var(--line);min-height:33px;padding:7px 9px}.inspector textarea{font-size:13px;line-height:1.6}.inspector .field{margin-bottom:13px}.inspector .field-grid{gap:9px}.color-control{padding:5px 6px;border-color:var(--line)}.color-control span{font-size:11px;color:var(--iw-text-3)}.lock-control{font-size:11px;color:var(--iw-text-3)}.inspector-guidance{padding:22px 17px;color:var(--iw-text-3)}.inspector-guidance>svg{width:26px;height:26px;color:var(--iw-accent-text);margin-bottom:11px}.inspector-guidance h3{font-size:14px;font-weight:700;color:var(--iw-accent-text)}.inspector-guidance p{font-size:12px;line-height:1.7}.inspector-guidance ul{padding-left:15px;font-size:11px;line-height:1.8;margin:14px 0;color:var(--iw-text-3)}.inspector-guidance .text-button{font-size:11px;color:var(--accent)}.layer-actions{gap:8px}.layer-actions .button{font-size:11px;min-height:33px}.studio-header{min-height:65px;padding:10px 19px;gap:14px;background:var(--iw-surface-2);border-color:var(--line)}.studio-header>div{gap:12px}.studio-header h1{font-size:15px;font-weight:700;max-width:420px;letter-spacing:-.25px}.studio-header p{font-size:11px;color:var(--iw-text-3);margin-top:3px}.studio-header nav{gap:3px}.studio-header nav>button{font-size:12px;min-height:35px;padding:7px 9px;color:var(--iw-text-3)}.studio-header nav>.studio-visual-button{border-color:var(--iw-accent-line);color:var(--accent);background:var(--iw-accent-soft);font-weight:650}.studio-header nav>.button.primary{background:var(--accent);font-size:12px;border-radius:7px}.studio-workspace{grid-template-columns:340px minmax(0,1fr)}.studio-conversation{background:var(--iw-surface-2);border-color:var(--line)}.studio-conversation>header{padding:17px 18px 15px;border-bottom:1px solid var(--line);gap:10px}.studio-conversation h2{font-size:14px;font-weight:700;color:var(--ink);letter-spacing:-.2px}.studio-conversation header p{font-size:11px;line-height:1.5;color:var(--iw-text-3);margin-top:4px}.studio-hal-mark{width:33px;height:33px}.studio-messages{padding:0 18px 15px}.studio-start{padding:23px 0 10px}.studio-start h3{font:700 21px/1.3 "DM Sans",Arial,sans-serif;letter-spacing:-.4px;color:var(--ink);margin-bottom:11px}.studio-start p{font-size:13px;line-height:1.7;color:var(--iw-text-3)}.studio-start>div{margin-top:18px;gap:8px}.studio-start button{font-size:12px;min-height:38px;border-color:var(--iw-accent-line);background:var(--iw-surface-3);color:var(--iw-accent-text);padding:10px 12px}.studio-message{padding-top:13px}.studio-message>div:first-child{gap:8px;margin-bottom:7px}.studio-message>div:first-child b{font-size:12px}.studio-message time,.studio-job-status{font-size:10px;color:var(--iw-text-3)}.studio-message>p,.studio-result-details p{font-size:13px;line-height:1.65}.studio-source-phase{margin-top:10px;padding:10px 12px;border:1px solid var(--iw-accent-line);border-radius:10px;background:var(--iw-surface-3);color:var(--iw-text-2);font-size:12px;line-height:1.55}.studio-source-phase b{display:block;font-weight:650}.studio-source-phase p{margin:6px 0 0}.studio-source-phase details{margin-top:8px}.studio-source-phase summary{cursor:pointer;color:var(--iw-accent-text)}.studio-source-phase details p{white-space:pre-wrap}.studio-message.from-user>p{padding:11px 12px;color:var(--iw-accent-text);background:var(--iw-accent-soft);border-radius:9px}.studio-message.from-hal>p{color:var(--iw-text-3)}.studio-message.from-hal{padding-bottom:14px;border-color:var(--line)}.studio-message.from-hal>div:first-child b{color:var(--accent)}.direction-options section{background:var(--iw-surface-2);border-color:var(--iw-accent-line);border-left:3px solid var(--teal);padding:13px;border-radius:7px}.direction-options h3{font-size:13px;color:var(--iw-accent-text)}.direction-options p{font-size:12px;line-height:1.6;color:var(--iw-text-3)}.direction-options button{font-size:12px;color:var(--accent)}.studio-composer{padding:10px 12px 0}.studio-composer textarea{font-size:13px;line-height:1.55;min-height:72px;height:72px;padding:8px 0;max-height:140px}.studio-source-note,.studio-access-note{font-size:10px;line-height:1.6;color:var(--iw-text-3);margin:8px 18px 12px}.studio-work-state{font-size:12px;padding:9px 11px;margin:8px 12px 0;background:var(--iw-surface-3);border-color:var(--iw-line-3);color:var(--iw-text-2)}.studio-preview-head{min-height:61px;padding:10px 22px 7px;gap:12px;align-items:center;background:color-mix(in oklab, var(--iw-surface-3) 87%, transparent);border-bottom:1px solid var(--iw-accent-line)}.studio-preview-head>div:first-child{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:11px;row-gap:3px}.preview-mode-label{grid-column:1/-1;font-size:10px;color:var(--iw-text-3)}#studio-slide-name{font-size:12px;font-weight:650;color:var(--iw-accent-text)}#studio-dimensions{font-size:10px;color:var(--iw-text-3)}.studio-iteration-actions{gap:5px;flex-wrap:wrap;justify-content:flex-end}.studio-iteration-actions button{font-size:11px;min-height:30px;padding:6px 8px;border-color:var(--iw-line-3);color:var(--iw-accent-text);border-radius:6px;background:color-mix(in oklab, var(--iw-surface-2) 85%, transparent)}.studio-art-viewport{padding:14px 22px;overflow:hidden}.studio-artboard{box-shadow:0 7px 24px #253E601E,0 0 0 1px color-mix(in oklab, var(--iw-accent-line) 7%, transparent)}.studio-first-version{gap:14px;padding:27px;background:var(--iw-surface-2)}.studio-first-version h3{font:700 25px/1.2 "DM Sans",Arial,sans-serif;letter-spacing:-.5px;color:var(--iw-accent-text)}.studio-first-version p{font-size:13px;line-height:1.7;color:var(--iw-text-3)}.studio-slide-strip{min-height:88px;padding:7px 20px 9px;gap:11px;background:color-mix(in oklab, var(--iw-surface-3) 72%, transparent)}.studio-slide-strip>button{height:68px;width:52px;min-width:52px;border-radius:5px}.studio-slide-strip>button.selected{box-shadow:0 0 0 2px var(--iw-line-3);border-color:var(--accent)}.studio-slide-strip span{font-size:10px;background:color-mix(in oklab, var(--iw-surface-2) 92%, transparent);color:var(--iw-accent-text)}.studio-preview-footer{font-size:10px;color:var(--iw-text-3);text-align:center;padding:0 12px 10px;flex-shrink:0;background:color-mix(in oklab, var(--iw-surface-3) 72%, transparent)}.studio-context-drawer{top:65px;width:340px;border-color:var(--line);box-shadow:8px 0 24px #253E6012}.studio-context-drawer>header{padding:20px 20px 14px}.studio-context-drawer h2{font-size:17px;font-weight:700}.studio-context-drawer>div{padding:0 20px 22px}.studio-context-drawer section{padding:17px 0;border-color:var(--line)}.studio-context-drawer h3{font-size:14px;font-weight:700;color:var(--iw-accent-text)}.studio-context-drawer p,.studio-context-drawer dd{font-size:13px;line-height:1.7;color:var(--iw-text-3)}.studio-context-drawer dt,.studio-context-drawer article small{font-size:11px;color:var(--iw-text-3)}.studio-context-drawer article b{font-size:13px;font-weight:650}.studio-connect{font-size:12px;margin:0 18px 12px}.message-sources b,.message-sources a,.message-sources span{font-size:11px}.editor-context-button{border:0;background:transparent;font-size:12px;color:var(--iw-text-3);display:inline-flex;align-items:center;gap:6px;padding:6px 2px}.editor-context-button svg{width:15px;height:15px}.editor-context-summary section{padding:16px 0;border-bottom:1px solid var(--line)}.editor-context-summary section:first-child{padding-top:0}.editor-context-summary h3{font-size:15px;color:var(--iw-accent-text);font-weight:700;margin-bottom:10px}.editor-context-summary p{font-size:13px;line-height:1.7;color:var(--iw-text-3);white-space:pre-wrap;overflow-wrap:anywhere}.editor-context-summary article{margin:15px 0;font-size:13px;color:var(--iw-accent-text)}.editor-context-summary article p{margin-top:4px}.inko-working{display:flex;align-items:center;gap:9px;background:var(--iw-surface-2);border-top:1px solid var(--iw-line-2);flex:0 0 76px;min-height:76px;padding:4px 10px}.inko-scene{height:66px;width:96px;max-width:36%;flex:0 0 96px;margin:0;background:var(--iw-surface-2);overflow:hidden}.inko-video{display:block;width:100%;height:100%;object-fit:contain;background:var(--iw-surface-2)}.inko-caption-row{display:flex;align-items:center;justify-content:flex-start;gap:6px;min-width:0;flex:1;min-height:24px}.inko-caption{font-size:10px;color:var(--iw-text-3);text-align:left;line-height:1.4;min-height:15px;padding:0;margin:0}.inko-motion-toggle{display:inline-grid;place-items:center;flex:0 0 22px;width:22px;height:22px;padding:0;border:1px solid var(--iw-accent-line);border-radius:50%;background:var(--iw-surface-2);color:var(--iw-text-3)}.inko-motion-toggle svg{width:11px;height:11px}
@media(max-width:1000px) and (min-width:651px){.editor-context-button span{display:none}}
@media(max-width:650px){.editor-context-button{padding:4px}.editor-context-button span{display:none}.inko-working{padding-top:4px;padding-bottom:4px}.inko-scene{height:50px;width:76px;flex-basis:76px}}.note-a{top:47px;left:2px;transform:rotate(-10deg);background:var(--iw-warning-soft)}.note-b{right:0;bottom:41px;transform:rotate(10deg);background:var(--iw-surface-5);color:var(--iw-success)}.modal{border-color:var(--line);border-radius:13px;box-shadow:0 20px 80px #202B4730}.modal h2{font-weight:700;font-size:19px;color:var(--ink)}.modal-description,.modal .helper,.share-list small,.share-list p,.history-list p{font-size:13px;color:var(--muted)}.modal .field>span{font-size:12px;font-weight:600;color:var(--iw-text-3)}.format-options{margin-bottom:19px}.format-options strong{font-size:14px;color:var(--iw-accent-text)}.format-options small{font-size:12px;color:var(--iw-text-3)}.format-options label:has(input:checked){background:var(--iw-accent-soft);border-color:var(--accent)}.created-link{background:var(--iw-accent-soft);color:var(--iw-text-3);border-radius:9px}.created-link input{font-size:13px;border-color:var(--iw-line-3);background:var(--iw-surface-2)}.history-list h3{font-size:14px;font-weight:650}.version-marker{color:var(--accent);background:var(--iw-accent-soft);border-color:var(--iw-accent-line)}.shortcut-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 22px}.shortcut-grid p{font-size:13px;line-height:1.65;color:var(--iw-text-3)}.shortcut-grid b{display:block;font-size:13px;color:var(--iw-accent-text);margin-bottom:4px}.shortcut-grid span{display:block;font-size:12px}.boot{background:var(--bench);color:var(--ink)}.toast{font-size:13px;background:var(--iw-surface-3);border-color:var(--iw-line-3);color:var(--iw-success);border-radius:9px}
@media(min-width:1500px){.main-content{padding:34px 45px}.format-launcher{min-height:62px}.studio-workspace{grid-template-columns:370px minmax(0,1fr)}.studio-context-drawer{width:370px}.studio-header h1{max-width:600px}}
@media(max-width:1200px){.main-content{padding:24px}.creation-workbench{grid-template-columns:minmax(0,1.3fr) minmax(230px,.9fr);gap:15px}.studio-workspace{grid-template-columns:315px minmax(0,1fr)}.studio-context-drawer{width:315px}.studio-header{padding:10px 15px}.studio-header h1{max-width:300px}.studio-header nav>button{padding:7px;font-size:11px}.contextual-tools{flex-wrap:wrap}.contextual-button span{display:none}}
@media(max-width:1000px){.app-shell{grid-template-columns:172px minmax(0,1fr)}.product-name small{font-size:9px}.main-content{padding:24px 22px}.creation-workbench{grid-template-columns:minmax(0,1fr) 220px}.format-launcher small{font-size:10px}.format-launcher{padding:9px!important;gap:8px!important}.page-header{align-items:flex-start;gap:16px;margin-bottom:23px}.connection-workbench{grid-template-columns:1fr;gap:20px}.connection-setup{max-width:none}.connection-list-section{max-width:none}.editor-shell{grid-template-columns:55px minmax(0,1fr)}.editor-workspace{grid-template-columns:145px minmax(220px,1fr)}.inspector{width:260px;box-shadow:-7px 0 22px #202B4718}.editor-help{display:none}.studio-header{flex-wrap:wrap;gap:8px}.studio-header h1{max-width:430px}.studio-header nav{flex-wrap:wrap}.studio-context-drawer{top:102px}.studio-workspace{grid-template-columns:300px minmax(0,1fr)}}
@media(max-width:780px){.app-shell{display:block}.main-content{padding:21px 19px 26px}.creation-workbench{grid-template-columns:1fr}.format-launcher>svg{display:none}.format-art{width:43px;height:37px}.format-launcher b{font-size:12px}.format-launcher small{font-size:10px;line-height:1.4}.format-launcher>span:nth-child(2){flex:none}.page-header h1,.connections-page .page-header h1{font-size:27px}.page-header p,.connections-page .page-header p{font-size:13px}.library-guide{padding:16px;gap:11px;align-items:flex-start}.library-guide p{font-size:12px}.library-guide b{font-size:13px}.reference-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.brand-form>section{padding:20px}.studio-shell{display:flex;flex-direction:column;height:100dvh}.studio-shell .main-content{padding:0;overflow:auto;display:block}.studio-root{height:auto;min-height:100%}.studio-header{position:relative;flex-direction:column;align-items:stretch;padding:12px 15px;gap:10px;min-height:102px}.studio-header h1{font-size:14px;max-width:calc(100vw - 119px)}.studio-header nav{gap:5px;flex-wrap:wrap}.studio-header nav>button{font-size:11px;padding:7px 9px;border-color:var(--iw-accent-line)}.studio-header nav>.button.primary{font-size:11px}.studio-workspace{display:flex;flex-direction:column;overflow:visible}.studio-preview{order:0;min-height:550px;height:550px}.studio-conversation{order:1;min-height:500px;border-right:0;border-top:1px solid var(--line);overflow:visible}.studio-root:not(.has-artwork) .studio-conversation{order:0}.studio-root:not(.has-artwork) .studio-preview{order:1}.studio-preview-head{position:relative;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 16px;background:var(--iw-surface-3);min-height:90px}.studio-preview-head>div:first-child{flex:1;grid-template-columns:1fr;gap:2px}.preview-mode-label{grid-column:1;font-size:10px}.studio-iteration-actions{order:2;flex-basis:100%;justify-content:flex-start}.studio-iteration-actions button{font-size:11px;padding:6px 8px}.studio-converse-button{display:block;background:var(--iw-surface-2);border:1px solid var(--iw-line-3);color:var(--accent);padding:7px 9px;border-radius:6px;font-size:11px}.studio-art-viewport{padding:14px 18px;flex:1;min-height:0}.studio-slide-strip{min-height:78px;padding:7px 14px;justify-content:flex-start;gap:10px}.studio-slide-strip>button{height:61px;width:47px;min-width:47px}.studio-preview-footer{font-size:9px;padding-bottom:10px}.studio-conversation>header{padding:17px 16px}.studio-messages{padding:0 16px 16px;max-height:490px;min-height:110px;flex:none}.studio-composer{padding:10px 13px 0}.studio-source-note,.studio-access-note{margin:8px 17px 14px;font-size:11px}.studio-composer textarea{font-size:14px}.studio-context-drawer{position:fixed;top:0;bottom:0;left:0;width:min(360px,calc(100vw - 24px));z-index:50;box-shadow:0 0 0 100vmax color-mix(in oklab, var(--iw-text-1) 19%, transparent)}.studio-context-drawer>header{padding:19px}.studio-product-mark{display:block}.studio-product-mark .product-symbol{width:27px;height:33px}.studio-first-version h3{font-size:23px}.studio-first-version p{font-size:12px}.note-a{left:27px;top:22px}.note-b{right:14px;bottom:22px}.connection-setup,.connection-list-section{padding:20px}.connection-setup>p,.connection-list-section header p{font-size:13px}.connection-row{gap:11px}.shortcut-grid{grid-template-columns:1fr;gap:13px}.modal-description,.modal .field>span{font-size:12px}.modal .field input,.modal .field textarea,.modal .field select{font-size:14px}.modal footer .button{flex:initial}}
@media(max-width:650px){.editor-shell{display:flex;flex-direction:column;height:100dvh}.editor-shell .main-content{padding:0;display:flex;overflow:hidden}.editor-product-mark{display:none}.back-to-studio{font-size:10px;padding:6px 7px;min-height:30px;margin-right:3px}.tool-button{font-size:11px;padding:6px 7px;gap:4px}.tool-button svg{width:14px;height:14px}.ask-agent-button{font-size:10px;padding:5px 7px;gap:4px}.ask-agent-button svg{width:12px;height:12px}.contextual-tools{padding:5px 10px;gap:3px;min-height:40px;flex-wrap:wrap}.contextual-empty{font-size:11px}.contextual-font select{font-size:11px;width:104px}.contextual-size input{font-size:11px;width:50px}.contextual-name{display:none}.contextual-button{padding:6px;font-size:11px}.contextual-menu>summary{font-size:11px;padding:6px 7px}.contextual-menu>div{position:fixed;top:160px;left:15px;max-height:calc(100dvh - 190px);overflow:auto}.editor-workspace{display:flex;flex:1}.canvas-area{width:100%}.slide-panel{width:186px;position:absolute;display:none;top:0;bottom:0;left:0;z-index:25;box-shadow:8px 0 24px #202B4720}.slide-panel.mobile-open{display:flex}.inspector{width:258px;position:absolute;display:none;top:0;bottom:0;right:0;z-index:25}.inspector.mobile-open{display:block}.canvas-caption{font-size:11px;padding:11px 14px 0;min-height:33px}.canvas-caption #canvas-hint{display:none}.artboard-viewport{padding:18px 17px}.mobile-tools{display:flex;padding:6px 10px;min-height:44px;background:var(--iw-surface-2);border-color:var(--line);gap:20px;flex-shrink:0}.mobile-tools button{font-size:12px;color:var(--iw-text-3);padding:6px 15px}.mobile-tools svg{width:16px;height:16px}.format-launcher small{font-size:10px}.studio-preview{height:550px;min-height:550px}.studio-header nav>.studio-visual-button{font-weight:700;background:var(--iw-accent-soft)}.library-guide>span{width:31px;height:31px}.library-guide svg{width:19px;height:19px}.page-header{flex-direction:column;align-items:stretch}.page-header .button{align-self:flex-start}.reference-grid{display:block}.reference-card{margin-bottom:16px}.connection-row p{font-size:11px}.connection-row .text-button{font-size:11px}.pairing-buttons .button{font-size:12px}.brand-form{grid-template-columns:1fr}.form-section-title h2{font-size:17px}.modal-backdrop{padding:14px}.modal>header{padding:18px 19px 13px}.modal form{padding:0 19px 22px}.modal h2{font-size:18px}.toast{font-size:12px;bottom:18px}.share-list>div{font-size:12px;gap:9px}.share-list small,.history-list p{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}/* Library + pages + editable canvas share one workspace; only the requested drawer expands. */
.editor-workspace:has(.design-library-host){grid-template-columns:56px 166px minmax(220px,1fr) var(--inspector-width)}.editor-workspace:has(.design-library-host)>:first-child{min-width:0;min-height:0;overflow:visible;z-index:26}.editor-workspace:has(.design-library-host).library-open{grid-template-columns:286px minmax(220px,1fr) var(--inspector-width)}.editor-workspace:has(.design-library-host).library-open>.slide-panel{display:none}.editor-workspace:has(.design-library-host).library-open>.inspector{visibility:visible;pointer-events:auto}.contextual-tools{flex-wrap:wrap;row-gap:5px}.contextual-tools .contextual-toggle{min-width:29px;min-height:31px;border:1px solid transparent;background:transparent;color:var(--iw-text-3);border-radius:5px;font-size:12px;padding:5px 7px}.contextual-tools .contextual-toggle[aria-pressed=true]{color:var(--iw-accent-text);background:var(--iw-accent-soft);border-color:var(--iw-accent-line)}.contextual-tools .contextual-toggle:hover{background:var(--iw-surface-3)}.contextual-tools .contextual-toggle:focus-visible{outline:2px solid var(--iw-accent-line);outline-offset:1px}.contextual-tools .contextual-spacing input{font-size:12px;width:60px;min-height:31px;padding:5px 6px;border-color:var(--iw-accent-line)}.inspector .path-colors{display:grid;gap:9px}.inspector .path-color-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--iw-text-3)}.inspector .path-color-row input[type=color]{width:36px;height:30px;min-height:30px;padding:3px;border-color:var(--iw-accent-line)}.inspector .field select,.inspector .field input{max-width:100%}
@media(max-width:650px){.editor-shell>.main-content{flex:1;min-height:0;width:100%}}
@media(min-width:1500px){.editor-workspace:has(.design-library-host).library-open{grid-template-columns:310px minmax(260px,1fr) var(--inspector-width)}}
@media(max-width:1000px) and (min-width:651px){.editor-workspace:has(.design-library-host){grid-template-columns:56px 145px minmax(220px,1fr)}.editor-workspace:has(.design-library-host).library-open{grid-template-columns:286px minmax(220px,1fr)}}
@media(max-width:650px){.editor-workspace:has(.design-library-host),.editor-workspace:has(.design-library-host).library-open{display:flex}.editor-workspace:has(.design-library-host)>:first-child{position:absolute;left:0;top:0;bottom:0;z-index:27;width:52px}.editor-workspace:has(.design-library-host).library-open>:first-child{width:280px}.editor-workspace:has(.design-library-host).library-open>.canvas-area{width:100%;margin-left:0}.editor-workspace:has(.design-library-host)>.slide-panel{z-index:28}.editor-workspace:has(.design-library-host).library-open>.slide-panel{display:none}.editor-workspace:has(.design-library-host)>.inspector{z-index:28}.contextual-tools .contextual-toggle{font-size:11px;min-height:30px;padding:5px 6px}.contextual-tools .contextual-spacing input{width:50px;font-size:11px}}/* Image framing is a working dialog: a stable preview beside direct controls. */
.modal:has(.image-crop-preview){width:740px;max-width:calc(100vw - 44px);border-radius:14px;overflow:auto;background:var(--iw-surface-2)}.modal:has(.image-crop-preview)>header{padding:21px 25px 16px;border-bottom:1px solid var(--iw-accent-line)}.modal:has(.image-crop-preview)>header h2{font-size:20px;letter-spacing:-.35px;color:var(--iw-accent-text)}.modal:has(.image-crop-preview) #modal-form{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);column-gap:23px;row-gap:11px;padding:20px 25px 22px}.modal:has(.image-crop-preview) #modal-form>.field,.modal:has(.image-crop-preview) #modal-form>.field-grid,.modal:has(.image-crop-preview) #modal-form>.crop-flip{grid-column:2;margin:0;min-width:0}.modal:has(.image-crop-preview) #modal-form>.field-grid{column-gap:9px;margin-top:3px}.modal:has(.image-crop-preview) .field-grid>.field{margin:0;min-width:0}.modal:has(.image-crop-preview) .field>span{font-size:12px;font-weight:600;color:var(--iw-text-2);margin-bottom:7px;line-height:1.5}.modal:has(.image-crop-preview) .field select{min-height:36px;font-size:12px;padding:7px 8px;background:var(--iw-surface-2);border-color:var(--iw-accent-line);border-radius:7px;color:var(--iw-accent-text)}.image-crop-preview{grid-column:1;grid-row:1 / span 6;min-width:0;min-height:275px;max-height:390px;display:flex;align-items:center;justify-content:center;position:relative;border:1px solid var(--iw-accent-line);border-radius:10px;background-color:var(--iw-surface-3);background-image:linear-gradient(45deg,var(--iw-accent-soft) 25%,transparent 25%),linear-gradient(-45deg,var(--iw-accent-soft) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--iw-accent-soft) 75%),linear-gradient(-45deg,transparent 75%,var(--iw-accent-soft) 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0;padding:31px 16px 25px;overflow:hidden}.image-crop-preview:before{content:'Prévia';position:absolute;top:10px;left:12px;padding:3px 6px;border-radius:4px;background:color-mix(in oklab, var(--iw-surface-3) 80%, transparent);color:var(--iw-text-3);font-size:10px;font-weight:600;line-height:1.4;letter-spacing:.15px}.image-crop-preview>canvas{display:block;max-width:100%;max-height:310px;width:auto;height:auto;object-fit:contain;border-radius:5px;box-shadow:0 6px 20px #29496B1C}.modal:has(.image-crop-preview) input[type=range]{appearance:none;display:block;width:100%;height:28px;min-height:28px;padding:0;border:0;box-shadow:none;background:transparent;accent-color:var(--iw-accent-text);cursor:pointer}.modal:has(.image-crop-preview) input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:5px;background:var(--iw-accent-soft)}.modal:has(.image-crop-preview) input[type=range]::-webkit-slider-thumb{appearance:none;width:15px;height:15px;margin-top:-5px;border:2px solid var(--iw-line-1);border-radius:50%;background:var(--iw-accent);box-shadow:0 0 0 1px var(--iw-accent-line),0 2px 5px #2546BD25}.modal:has(.image-crop-preview) input[type=range]::-moz-range-track{height:5px;border-radius:5px;background:var(--iw-accent-soft)}.modal:has(.image-crop-preview) input[type=range]::-moz-range-thumb{width:12px;height:12px;border:2px solid var(--iw-line-1);border-radius:50%;background:var(--iw-accent);box-shadow:0 0 0 1px var(--iw-accent-line)}.modal:has(.image-crop-preview) input[type=range]:focus-visible{outline:2px solid var(--iw-accent-line);outline-offset:4px;border-radius:4px}.crop-flip{display:flex;align-items:center;gap:8px;min-height:34px;padding:7px 9px;border:1px solid var(--iw-accent-line);border-radius:7px;background:var(--iw-surface-2);font-size:12px;font-weight:500;color:var(--iw-text-3);line-height:1.4;cursor:pointer}.crop-flip input[type=checkbox]{width:15px;height:15px;min-height:15px;margin:0;accent-color:var(--iw-accent-text);flex-shrink:0;cursor:pointer}.crop-flip:has(input:checked){background:var(--iw-accent-soft);border-color:var(--iw-line-3);color:var(--iw-accent-text)}.crop-flip:focus-within{outline:2px solid var(--iw-accent-line);outline-offset:2px}.modal:has(.image-crop-preview) #modal-form>footer{grid-column:1 / -1;margin-top:7px;padding-top:16px;border-top:1px solid var(--iw-accent-line);gap:8px;justify-content:flex-end}.modal:has(.image-crop-preview) #modal-form>.form-error{grid-column:1 / -1;margin:0;font-size:12px;line-height:1.6}.modal:has(.image-crop-preview) footer .button{min-height:37px;font-size:12px;padding:8px 13px;border-radius:7px;flex:none}/* Inspector sections remain readable while the art gets the larger share of space. */
.inspector{scrollbar-width:thin;scrollbar-color:var(--iw-line-3) transparent}.inspector-heading{position:sticky;top:0;z-index:4;min-height:51px;background:color-mix(in oklab, var(--iw-surface-2) 96%, transparent);backdrop-filter:blur(8px);padding:14px 16px;border-bottom:1px solid var(--iw-accent-line)}.inspector-heading h2{font-size:14px;line-height:1.4;font-weight:700;color:var(--iw-accent-text)}.inspector-section{padding:15px 16px;border-bottom:1px solid var(--iw-accent-line)}.inspector .field{margin-bottom:12px}.inspector .field>span{font-size:11px;line-height:1.5;color:var(--iw-text-3);font-weight:550;margin-bottom:5px}.inspector input:not([type=checkbox]):not([type=color]):not([type=range]),.inspector textarea,.inspector select{background:var(--iw-surface-2);border:1px solid var(--iw-accent-line);border-radius:6px;color:var(--iw-accent-text);min-height:34px;font-size:12px;line-height:1.4;padding:7px 8px}.inspector input:focus,.inspector textarea:focus,.inspector select:focus{border-color:var(--iw-accent-line);box-shadow:0 0 0 2px color-mix(in oklab, var(--iw-accent-line) 4%, transparent);outline:0;background:var(--iw-surface-2)}.inspector textarea{line-height:1.6;font-size:13px;resize:vertical;min-height:108px;max-height:270px}.inspector .field-grid{gap:9px 10px}.inspector .field-grid input[type=number]{font-variant-numeric:tabular-nums}.inspector .color-control{min-height:34px;gap:8px;padding:4px 6px;background:var(--iw-surface-2);border:1px solid var(--iw-accent-line);border-radius:6px}.inspector .color-control input[type=color]{width:25px;min-width:25px;height:24px;min-height:24px;border:0;border-radius:3px;padding:0;cursor:pointer;background:transparent}.inspector .color-control span{min-width:0;font-size:11px;color:var(--iw-text-3);font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector .lock-control{padding:4px 6px;gap:5px;background:var(--iw-surface-3);border:1px solid var(--iw-accent-line);border-radius:5px;color:var(--iw-text-3);font-size:10px}.inspector .lock-control:has(input:checked){color:var(--iw-accent-text);background:var(--iw-accent-soft);border-color:var(--iw-accent-line)}.inspector .lock-control input[type=checkbox]{width:13px;height:13px;min-height:13px;accent-color:var(--iw-accent-text);margin:0}.inspector details{border-bottom:1px solid var(--iw-accent-line);background:var(--iw-surface-2)}.inspector details>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;list-style:none;padding:13px 16px;font-size:12px;font-weight:650;color:var(--iw-accent-text);min-height:43px}.inspector details>summary::-webkit-details-marker{display:none}.inspector details>summary:after{content:'+';font-weight:400;font-size:17px;color:var(--iw-text-3);line-height:1}.inspector details[open]>summary:after{content:'−'}.inspector details>summary:hover{background:var(--iw-surface-3);color:var(--iw-accent-text)}.inspector details>summary:focus-visible{outline:2px solid var(--iw-accent-line);outline-offset:-3px;border-radius:4px}.inspector details .inspector-section{border:0;padding-top:3px}.inspector .layer-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;background:var(--iw-surface-2);padding:12px 16px}.inspector .layer-actions .button{min-height:32px;justify-content:center;gap:5px;font-size:11px;padding:7px;border-radius:6px}.inspector .layer-actions .button svg{width:13px;height:13px}.inspector .inline-warning{font-size:11px;line-height:1.55;padding:8px 10px;border:1px solid var(--iw-line-3);border-radius:6px;background:var(--iw-surface-3);color:var(--iw-warning);margin:3px 0 0}.inspector .button[data-action=crop-image],.inspector .button[data-action=agent-edit-selection]{margin-bottom:10px;font-size:12px;min-height:35px;border-radius:6px}/* Continuous zoom is a quiet group{flex-wrap:wrap;align-items:center;gap:7px 14px}
@media(max-width:850px){.modal:has(.image-crop-preview){width:650px}.modal:has(.image-crop-preview) #modal-form{column-gap:17px}.image-crop-preview{min-height:240px}.inspector .field>span{font-size:12px}}/* In-place text selection edits native runs; the canvas remains the export preview. */
.rich-inline-editor{display:block;padding:0;border:0;outline:1px solid var(--iw-accent-line);outline-offset:1px;box-sizing:border-box;overflow:auto;scrollbar-width:none;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;caret-color:var(--iw-accent-text);cursor:text;line-height:1.12}.rich-inline-editor:focus{border:0;outline:1px solid var(--iw-accent-line)}.rich-inline-editor::-webkit-scrollbar{width:0;height:0}.rich-inline-editor>span{line-height:inherit;vertical-align:top}.rich-inline-editor::selection,.rich-inline-editor *::selection{background:var(--iw-accent-soft-2);color:inherit}.rich-text-mode{font-size:10px;line-height:1.4;color:var(--iw-text-3);min-width:73px;max-width:92px}.rich-weight{width:66px;min-height:31px;border:1px solid var(--iw-accent-line);border-radius:5px;background:var(--iw-surface-2);color:var(--iw-accent-text);font-size:11px;padding:5px}.contextual-tools .rich-bold{font-weight:750}.contextual-tools .rich-italic{font-style:italic}.contextual-tools .rich-underline{text-decoration:underline}.contextual-tools .rich-strikethrough{text-decoration:line-through}.contextual-tools [data-rich-toggle][aria-pressed=mixed]{border-color:var(--iw-accent-line);background:linear-gradient(135deg,var(--iw-surface-2) 50%,var(--iw-accent-soft) 50%)}.contextual-tools .rich-finish{margin-left:4px;border:1px solid var(--iw-accent-line);background:var(--iw-accent-soft);color:var(--iw-accent-text);border-radius:5px;font-size:11px;min-height:31px}
@media(max-width:650px){.rich-text-mode{font-size:10px;max-width:none;flex-basis:100%}.rich-weight{width:59px;min-height:30px}.contextual-tools .rich-finish{margin-left:0;font-size:11px}.rich-inline-editor{touch-action:auto}}
@media(max-width:650px){/* Match the legacy dock selector{position:absolute;left:0;right:auto;top:0;bottom:0;width:min(310px,calc(100vw - 48px));height:auto;max-height:none;flex:none;overflow-x:hidden;overflow-y:auto;border-top:0;border-left:0;border-right:1px solid var(--line);z-index:30}
}

@media(max-width:650px){.modal:has(.image-crop-preview){width:100%;max-width:calc(100vw - 28px);max-height:calc(100dvh - 28px)}.modal:has(.image-crop-preview)>header{padding:17px 18px 13px}.modal:has(.image-crop-preview)>header h2{font-size:18px}.modal:has(.image-crop-preview) #modal-form{display:flex;flex-direction:column;gap:13px;padding:15px 18px 19px}.image-crop-preview{min-height:170px;height:190px;max-height:220px;padding:25px 13px 15px;flex-shrink:0}.image-crop-preview>canvas{max-height:158px}.modal:has(.image-crop-preview) .field>span{font-size:12px;margin-bottom:3px}.modal:has(.image-crop-preview) input[type=range]{height:31px;min-height:31px}.modal:has(.image-crop-preview) .field select{min-height:38px;font-size:12px}.crop-flip{min-height:37px;font-size:12px}.modal:has(.image-crop-preview) footer .button{font-size:12px;min-height:38px;flex:1}.modal:has(.image-crop-preview) #modal-form>footer{margin-top:3px;padding-top:13px}.inspector-heading{padding:13px 15px}.inspector-section{padding:14px 15px}.inspector .field>span{font-size:12px}.inspector input:not([type=checkbox]):not([type=color]):not([type=range]),.inspector textarea,.inspector select{min-height:36px;font-size:13px}.inspector details>summary{font-size:13px;padding:13px 15px}}.manual-start-copy{display:flex;align-items:center;gap:11px;min-height:43px;margin-bottom:11px}.manual-mark{width:32px;height:34px;display:grid;place-items:center;flex:0 0 32px;background:var(--iw-accent-soft);border-radius:8px;overflow:hidden}.manual-mark .product-symbol{width:28px;height:31px;object-fit:contain}.manual-start-copy>div{display:grid;gap:3px;flex:1;min-width:0}.manual-start-copy b{font-size:13px;color:var(--iw-accent-text)}.manual-start-copy small{font-size:11px;color:var(--iw-text-3)}.manual-start-copy>.button{min-height:36px;padding:8px 13px;font-size:12px}.format-launcher b{font-size:12px}.format-launcher small{font-size:10px;line-height:1.3}#project-section{scroll-margin-top:16px}.editor-workspace:has(.design-library-host){grid-template-columns:54px 154px minmax(300px,1fr) 258px}.editor-workspace:has(.design-library-host).library-open{grid-template-columns:280px minmax(300px,1fr) 258px}.brand-import-report>header{gap:16px;align-items:flex-start}.brand-import-report>header .button{white-space:nowrap;min-height:36px;padding:8px 12px;font-size:12px}.brand-import-report>header p{overflow-wrap:anywhere}
@media(max-width:1200px) and (min-width:1001px){.editor-workspace:has(.design-library-host){grid-template-columns:52px 138px minmax(260px,1fr) 238px}.editor-workspace:has(.design-library-host).library-open{grid-template-columns:270px minmax(260px,1fr) 238px}}
@media(max-width:650px){.editor-workspace:has(.design-library-host),.editor-workspace:has(.design-library-host).library-open{display:flex}.mobile-tools{position:relative;z-index:31;justify-content:space-between;gap:4px;min-height:52px;padding:5px 8px max(5px,env(safe-area-inset-bottom));border-top:1px solid var(--iw-accent-line)}.mobile-tools button{min-height:40px;flex:1;justify-content:center;gap:5px;padding:7px 4px;font-size:11px;border-radius:7px}.mobile-tools .mobile-save{background:var(--iw-accent);color:#fff;font-weight:650}.mobile-tools .mobile-save:hover{background:var(--iw-accent)}.mobile-tools .mobile-save:disabled{opacity:.55}.mobile-tools svg{width:15px;height:15px}.manual-start-copy{gap:8px;margin-bottom:8px}.manual-start-copy .button{font-size:11px;padding:7px 9px;white-space:nowrap}.manual-start-copy small{font-size:10px}.brand-import-report>header{display:flex;flex-direction:column;align-items:stretch;gap:9px}.brand-import-report>header .button{width:100%;min-height:42px;justify-content:center;white-space:normal;overflow-wrap:normal;word-break:normal;text-align:center}.brand-import-report>header p{max-width:none}
}.manual-start-copy{display:flex;align-items:center;min-height:27px;margin-bottom:8px;color:var(--iw-text-2);font-size:13px;font-weight:700}/* On a narrow screen{display:none}.contextual-empty{margin:0;color:var(--iw-text-3)}.inspector-guidance{padding:22px 17px;color:var(--iw-text-3)}.inspector-guidance ul{display:none}
@media(max-width:780px){.manual-start-copy{min-height:23px;margin-bottom:7px}
}
@media(max-width:650px){.editor-workspace{min-height:0}.canvas-caption{min-height:27px;padding:7px 11px 2px}.artboard-viewport{padding:10px 10px 14px}.mobile-tools{min-height:51px;gap:3px;padding:4px 6px max(4px,env(safe-area-inset-bottom))}.mobile-tools button{min-width:0;min-height:41px;padding:6px 2px;font-size:10px;white-space:nowrap}.slide-panel.mobile-open{width:min(290px,calc(100vw - 32px));box-shadow:8px 0 24px #202B4724}.inspector.mobile-open{width:min(340px,calc(100vw - 32px));box-shadow:-8px 0 24px #202B4724;overflow:auto}.inspector-guidance{padding:15px}.contextual-empty{font-size:11px}
}/* InkWoof focus pass: one clear action area, real project previews{max-width:1320px;margin-bottom:8px}.manual-start-copy{min-height:24px;margin:0 0 7px;color:var(--iw-text-2);font-size:12px}.editor-shell{grid-template-columns:72px minmax(0,1fr)}.slide-panel{border-right-color:var(--iw-line-2)}.panel-tabs{min-height:40px}.panel-tabs button{position:relative;transition:color .14s,background-color .14s}.panel-tabs button[aria-selected=true]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--accent)}.slide-thumbnail{background:var(--iw-surface-3);border-radius:5px}.slide-item.selected .slide-thumbnail{box-shadow:0 0 0 1px color-mix(in oklab, var(--iw-accent-line) 19%, transparent)}.slide-item.selected .slide-number{color:var(--iw-accent-text);font-weight:700}.canvas-area,.studio-preview{background:var(--iw-surface-3)}.artboard-viewport{padding:12px 18px;overscroll-behavior:contain}.canvas-caption{min-height:30px;padding:6px 17px 2px}.artboard{box-shadow:0 7px 24px #202B471A,0 0 0 1px color-mix(in oklab, var(--iw-text-1) 4%, transparent)}.contextual-tools{min-height:40px;padding:4px 10px}.contextual-button,.contextual-menu>summary{border-radius:6px;transition:background-color .14s,color .14s,border-color .14s}.inspector{border-left-color:var(--iw-line-2)}.inspector-heading{min-height:45px;padding:11px 15px}.inspector-section{padding:13px 15px}.inspector input,.inspector textarea,.inspector select{border-radius:6px}.reference-dock-rail{border:1px solid var(--iw-accent-line);border-radius:8px;background:var(--iw-surface-2);box-shadow:0 3px 12px #20334b12}.reference-dock-rail:hover{border-color:var(--iw-line-3);box-shadow:0 5px 16px #20334b18}.reference-dock-rail:focus-visible{outline:2px solid var(--iw-accent-line);outline-offset:2px}.reference-dock-rail-thumb{border-radius:4px;background:var(--iw-surface-3)}.reference-dock-rail-count{background:var(--iw-accent-soft);color:var(--iw-accent-text)}.library-tool-rail{background:var(--iw-surface-2);border-right-color:var(--iw-accent-line)}.library-tool{border-radius:7px;transition:background-color .14s,color .14s,box-shadow .14s}.library-tool.active{background:var(--iw-accent-soft);color:var(--iw-accent-text);box-shadow:inset 0 0 0 1px var(--iw-accent-line)}.library-tool:hover:not(.active){background:var(--iw-surface-3);color:var(--iw-accent-text)}.library-drawer{background:var(--iw-surface-2)}.library-header,.library-query{background:var(--iw-surface-2)}.library-card{border-radius:6px;border-color:var(--iw-line-2);box-shadow:none}.library-card:hover{border-color:var(--iw-line-3);box-shadow:0 3px 12px #20334b10}.library-preview{background:var(--iw-surface-3)}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--iw-accent-line);outline-offset:2px}
@media(max-width:1000px) and (min-width:651px){.editor-shell .editor-workspace{grid-template-columns:145px minmax(220px,1fr)}.editor-shell .inspector{width:250px}.editor-shell .artboard-viewport{padding:10px 14px}
}
@media(max-width:780px){.manual-start-copy{margin-bottom:5px}.format-art{display:none}.format-launcher b{font-size:11px}.format-launcher small{font-size:9px}
}
@media(max-width:650px){.editor-shell .inspector{width:min(340px,calc(100vw - 122px));max-width:calc(100vw - 122px);right:0;left:auto;box-sizing:border-box}.editor-shell .slide-panel{width:min(220px,calc(100vw - 150px));max-width:calc(100vw - 150px)}.editor-shell .artboard-viewport{padding:8px}.editor-shell .canvas-area{min-width:0}.editor-shell .canvas-caption{min-height:27px;padding:4px 9px 0}.editor-shell .mobile-tools{gap:3px;padding-left:5px;padding-right:5px}.editor-shell .mobile-tools button{padding:5px 2px;font-size:10px}
}.local-reference-intake{margin:0 16px 12px;padding:12px;background:var(--iw-surface-3);border:1px solid var(--iw-accent-line);border-radius:8px;font-size:12px;line-height:1.6;color:var(--iw-text-2)}.local-reference-intake[hidden]{display:none}.local-reference-intake p{margin:0 0 9px}.local-reference-intake>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.local-reference-intake a{font-size:11px;color:var(--iw-accent-text)}.local-reference-dialog{width:min(620px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:0;border:1px solid var(--iw-accent-line);border-radius:16px;background:var(--iw-surface-2);color:var(--iw-text-1);box-shadow:0 20px 70px #202b4733;overflow:auto;font-family:"DM Sans",Arial,sans-serif}.local-reference-dialog::backdrop{background:#17233c80;backdrop-filter:blur(3px)}.local-reference-dialog>header{padding:20px 22px 15px;display:flex;gap:18px;align-items:flex-start;border-bottom:1px solid var(--iw-line-2)}.local-reference-dialog h2{font-size:20px;line-height:1.3;margin:0 0 6px;font-weight:700}.local-reference-dialog header p{font-size:12px;line-height:1.6;color:var(--iw-text-3);margin:0}.local-reference-dialog header button{flex:none;min-width:32px}.local-reference-body{padding:18px 22px;font-size:13px;line-height:1.7}.local-reference-body [data-progress]{font-weight:650;margin:0 0 14px;color:var(--iw-accent-text)}.local-reference-body progress{width:100%;height:9px;accent-color:var(--iw-accent-text);margin:0 0 12px}.local-reference-body ol{padding-left:20px;margin:0 0 16px}.local-reference-body li{margin-bottom:6px}.local-reference-body [data-error]{color:var(--iw-danger);background:var(--iw-surface-3);padding:10px;border-radius:6px}.local-reference-install{padding-top:15px;border-top:1px solid var(--iw-line-2);display:flex;align-items:center;gap:12px;flex-wrap:wrap}.local-reference-install>a:not(.button){font-size:12px;color:var(--iw-accent-text)}.local-reference-install p{flex-basis:100%;font-size:11px;line-height:1.6;color:var(--iw-text-3);margin:0}.local-reference-dialog>footer{position:sticky;bottom:0;background:var(--iw-surface-2);padding:14px 22px;display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;border-top:1px solid var(--iw-line-2)}.local-connector>ol{padding-left:20px;font-size:12px;line-height:1.8;color:var(--iw-text-2);margin:16px 0 20px}.local-connector-state{font-weight:650;color:var(--iw-accent-text);font-size:13px}.local-connector [data-local-connector-description]{font-size:13px;line-height:1.7;color:var(--iw-text-2)}.local-connector .instagram-actions>a:not(.button){font-size:12px;color:var(--iw-accent-text)}.instagram-legacy{margin-top:20px;padding-top:16px;border-top:1px solid var(--iw-line-2)}.instagram-legacy>summary{font-size:12px;color:var(--iw-text-3);cursor:pointer}.instagram-legacy>p{font-size:12px;line-height:1.7;color:var(--iw-text-3)}.instagram-legacy-session>header{display:flex;gap:12px;align-items:center;margin:18px 0}.instagram-legacy-session h2{font-size:15px}.instagram-legacy-session .instagram-symbol{width:30px;height:30px}.local-connector .instagram-symbol{font-size:22px}
@media(max-width:650px){.local-reference-dialog>header,.local-reference-body,.local-reference-dialog>footer{padding:15px}.local-reference-dialog h2{font-size:18px}.local-reference-dialog>footer .button{font-size:12px}.local-reference-intake{margin-inline:12px}.local-reference-install{align-items:flex-start;flex-direction:column}}}}