:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#fff;--ink:#292a27;--quiet:#686b65;--line:#e6e7e2;--hover:#f5f5f2;--font:Inter, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif}*{box-sizing:border-box}html,body{background:#fff;width:100%;min-height:100%;margin:0}body{font:15px/1.5 var(--font);color:var(--ink);-webkit-font-smoothing:antialiased}button,textarea,a{font:inherit;-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}:is(button:focus-visible,a:focus-visible){outline-offset:3px;outline:2px solid #61735b}button:disabled{cursor:default}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.studio{height:100vh;background:#fff;flex-direction:column;height:100dvh;display:flex}.workbar{padding:clamp(26px, 5.5vh, 52px) max(18px, env(safe-area-inset-right)) 12px max(18px, env(safe-area-inset-left));z-index:3;flex:none;position:relative}.dock{width:min(100%,708px);margin:0 auto;position:relative}.prompt-bar{background:var(--paper);border:1px solid #dedfda;border-radius:31px;align-items:center;gap:0;min-height:62px;padding:8px 10px 8px 13px;transition:border-color .17s,box-shadow .17s;display:flex;box-shadow:0 3px 10px -5px #25272024,0 1px 3px #27292305}.prompt-bar:focus-within,.prompt-bar.is-open{border-color:#b8bcb2;box-shadow:0 3px 14px -5px #25272025}.paper-button{color:#373a32;border-radius:13px;flex:none;justify-content:center;align-items:center;gap:0;width:47px;height:36px;transition:background .15s;display:inline-flex}.paper-button:hover,.paper-button.chosen{background:var(--hover);--paper:var(--hover)}.mark-chevron{color:#74776f;align-self:center;margin-left:-3px;display:flex}.bar-divider,.mini-divider{background:var(--line);flex:none;width:1px;height:20px;margin:0 17px 0 10px}.prompt-bar textarea{resize:none;color:#292b27;letter-spacing:-.035em;scrollbar-width:thin;background:0 0;border:0;outline:none;flex:1;min-width:0;min-height:25px;max-height:112px;margin:0 14px 0 0;padding:0;font-size:16px;font-weight:400;line-height:25px;display:block}.prompt-bar textarea::placeholder{color:#767971;opacity:1}.send{color:#fff;background:#252824;border-radius:50%;flex:none;align-self:center;place-items:center;width:39px;height:39px;transition:background .15s,transform .15s;display:grid}.send:not(:disabled):hover{background:#474d42;transform:translateY(-1px)}.send:disabled{color:#83877d;background:#eeefeb}.send.stop svg{fill:currentColor}.popover{z-index:6;border:1px solid var(--line);overscroll-behavior:contain;background:#fff;border-radius:21px;max-height:min(66dvh,500px);padding:9px;animation:.15s ease-out open;position:absolute;top:calc(100% + 9px);left:0;right:0;overflow:auto;box-shadow:0 16px 40px -18px #292c2533,0 3px 9px #26282408}@keyframes open{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.panel-heading{justify-content:space-between;align-items:center;gap:16px;min-height:38px;padding:2px 8px 3px 13px;display:flex}.panel-heading h2{letter-spacing:-.025em;color:var(--quiet);margin:0;font-size:12px;font-weight:600}.panel-heading h2.emphasis{color:var(--ink);letter-spacing:-.04em;font-size:15px}.icon-btn{width:30px;height:30px;color:var(--quiet);border-radius:8px;flex:none;place-items:center;display:inline-grid}.icon-btn:hover,.plain-action:hover,.history-button:hover,.new-button:hover,.icon-btn[aria-pressed=true]{background:var(--hover);color:var(--ink)}.icon-btn:disabled{color:#c6c7c2;background:0 0}.suggestion,.saved-row{text-align:left;border-radius:12px;align-items:center;gap:13px;width:100%;padding:11px 13px;display:flex}.suggestion:hover,.saved-row:hover,.saved-row[aria-current]{background:var(--hover)}.suggestion>svg,.saved-row>svg{color:#777b71;flex:none;margin-left:auto}.option-icon,.version-count{border:1px solid var(--line);color:#51564a;background:#fafbf8;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.suggestion-copy,.row-copy{gap:2px;min-width:0;display:grid}.suggestion-copy strong,.row-copy b{letter-spacing:-.035em;font-size:14px;font-weight:540}.suggestion-copy small,.row-copy small{color:var(--quiet);letter-spacing:-.02em;font-size:12px;line-height:1.45}.row-copy b,.row-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.new-button,.plain-action,.history-button,.solid-btn{letter-spacing:-.035em;justify-content:center;align-items:center;gap:6px;display:inline-flex}.new-button{border-radius:8px;padding:5px 8px;font-size:13px}.saved-list{max-height:36dvh;overflow:auto}.empty-library{color:var(--quiet);margin:12px 13px 22px;font-size:14px}.library-bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin:8px 3px 0;padding:7px 0 0;display:flex}.plain-action{color:var(--quiet);border-radius:8px;padding:7px 9px;font-size:12px}.engine-panel p{color:var(--quiet);word-break:keep-all;margin:9px 13px 14px;font-size:14px;line-height:1.75}.engine-actions{margin:0 13px 12px}.solid-btn{color:#fff;background:#2d312a;border-radius:10px;padding:8px 14px;font-size:13px;font-weight:550}.solid-btn:hover{background:#454b40}.version-count{font-variant-numeric:tabular-nums;font-size:13px}.has-page .workbar{border-bottom:1px solid var(--line);padding-top:16px;padding-bottom:0}.has-page .prompt-bar{min-height:52px;padding-top:5px;padding-bottom:5px}.tools-strip{justify-content:space-between;align-items:center;gap:10px;min-height:39px;padding:2px 8px;display:flex}.tools-right{flex:none;align-items:center;gap:1px;display:flex}.tools-right .mini-divider{height:13px;margin:0 6px 0 8px}.history-button{color:#575b52;border-radius:7px;min-width:0;max-width:49%;padding:4px 7px;font-size:13px}.history-button>svg{flex:none}.history-button>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.save-status{color:#75796e;letter-spacing:-.02em;font-size:11px}.feedback{color:#62675b;word-break:keep-all;justify-content:center;align-items:center;gap:9px;width:fit-content;max-width:min(100%,708px);margin:10px auto 4px;padding:5px 10px;font-size:13px;line-height:1.65;display:flex}.feedback.error{color:#873c31;background:#fbf3ef;border-radius:10px}.feedback.error .icon-btn{width:24px;height:24px}.mic-button,.tool-text,.pick-strip button,.agent-panel .engine-actions,.blank-agent,.voice-status,.pick-strip{align-items:center;gap:6px;display:flex}.mic-button{color:#61675e;border-radius:50%;flex:none;justify-content:center;width:36px;height:36px;margin-right:5px}.mic-button:hover,.tool-text:hover,.pick-strip button:hover{background:var(--hover)}.mic-button.recording,.tool-text[aria-pressed=true]{color:#375137;background:#edf3e9}.mic-button.recording svg.lucide-square{fill:currentColor}.blank-agent{justify-content:center;min-height:39px;padding-top:7px}.tool-text{color:#565e52;white-space:nowrap;border-radius:8px;min-height:30px;padding:4px 8px;font-size:12px}.tools-right .agent-trigger{margin-right:5px}.agent-dot{background:#5d8058;border-radius:50%;flex:none;width:6px;height:6px;display:inline-block}.agent-panel .agent-dot{margin:0 5px 2px 0}.agent-panel a:not(.solid-btn){text-underline-offset:3px;text-decoration:underline}.agent-panel .solid-btn{display:inline-flex}.connector-help{color:var(--quiet);margin:12px 13px;font-size:12px}.connector-help summary{cursor:pointer;width:fit-content}.connector-help p{margin:9px 0;font-size:13px}.connector-help code{width:fit-content;color:var(--ink);background:#f4f5f2;border-radius:4px;padding:4px 7px;display:block}.pair-form{gap:8px;margin:8px 13px 12px;display:flex}.pair-form input{width:15em;min-width:0;font:inherit;border:1px solid #c9cec3;border-radius:8px;padding:8px;font-size:14px}.pick-strip{color:#43583f;background:#f2f5ef;border-radius:9px;gap:8px;width:fit-content;min-width:0;max-width:100%;padding:4px 7px;font-size:12px}.pick-strip>svg{flex:none}.pick-strip strong,.pick-strip span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.pick-strip button{border-radius:5px;flex:none;min-height:24px;padding:2px 5px;font-size:11px}.pick-strip .drop-pick{padding-inline:3px}.voice-status{z-index:7;color:#3c5138;background:#f1f5ee;border-radius:9px;width:max-content;max-width:100%;padding:6px 11px;font-size:12px;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);box-shadow:0 1px 7px #26392116}.save-status>svg{display:none}@media (max-width:650px){.tools-right .save-status>span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.tools-right .save-status>svg{display:block}.tools-right .save-status{padding-inline:3px}.tools-right .mini-divider{display:none}.tools-strip{gap:2px}.tools-right .tool-text{padding-inline:5px}.tools-right .agent-trigger{margin-right:0}}@media (max-width:418px){.tools-right .agent-trigger span{display:none}.history-button{flex:1}.mic-button{width:32px;margin-right:2px}}.canvas-space{isolation:isolate;flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.draw-status{color:#626b5c;letter-spacing:-.025em;justify-content:center;align-items:center;gap:9px;min-height:39px;padding:3px 10px;font-size:12px;display:flex}.ink-pulse{background:#788b69;border-radius:50%;width:6px;height:6px;animation:1.9s ease-in-out infinite ink-breathe;box-shadow:0 0 0 3px #eff3eb}@keyframes ink-breathe{50%{box-shadow:0 0 0 5px #eff3eb55}}.live-canvas{z-index:1;background:#fff;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.live-canvas.is-edit:not(.has-drawing){background:0 0}.photo-credits{gap:12px;max-height:44vh;padding:4px 8px 10px;display:grid;overflow:auto}.photo-credits a{color:inherit;text-underline-offset:3px}.photo-credits small{color:#626b5c;margin-top:3px;display:block}.live-canvas iframe{opacity:0;pointer-events:none;background:#fff;border:0;width:100%;height:100%;transition:opacity .22s ease-out;position:absolute;inset:0}.live-canvas.has-drawing iframe{opacity:1}.paper-sketch{aspect-ratio:1.66;place-items:center;width:min(94%,660px);max-height:94%;animation:.3s ease-out both unfold-paper;display:grid;position:relative;transform:translateY(-4%)}.paper-sketch:before{content:"";background-image:radial-gradient(#ccd2c6 .85px,#0000 1.1px);background-size:16px 16px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 24%,#0000 72%);mask-image:radial-gradient(#000 24%,#0000 72%)}.sketch-svg{width:min(86%,520px);max-height:100%;position:relative;overflow:visible}.sketch-sheet{filter:drop-shadow(0 5px 7px #31412a12)}.sketch-ink{stroke-dasharray:1;animation:6s linear infinite paper-line}.sketch-pencil{filter:drop-shadow(1px 2px 1.4px #31322829)}@keyframes paper-line{0%{stroke-dashoffset:1px;opacity:1}84%,91%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes unfold-paper{0%{opacity:0;transform:translateY(-2%)}to{opacity:1;transform:translateY(-4%)}}@media (min-width:601px){.live-canvas.live-phone.has-drawing{background:#f4f5f2}.live-phone iframe{border:1px solid #dcdfd8;border-radius:15px;max-width:390px;height:calc(100% - 28px);margin:auto;inset:14px 0}}@media (prefers-reduced-motion:reduce){.sketch-pencil{display:none}.sketch-ink,.paper-sketch,.ink-pulse{animation:none}.sketch-ink{stroke-dashoffset:0}}.stage{background:#fff;flex:1;justify-content:center;align-items:stretch;min-height:0;display:flex;overflow:hidden}.stage iframe{background:#fff;border:0;width:100%;height:100%;display:block}.stage.mobile-preview{background:#f4f5f2;padding:14px}.stage.mobile-preview iframe{border:1px solid #dcdfd8;border-radius:15px;max-width:390px;box-shadow:0 4px 14px #2527200b}.preview-error{color:var(--quiet);margin:50px auto;font-size:14px}.preview-error button{text-underline-offset:3px;text-decoration:underline}@media (max-width:600px){.workbar{padding-top:max(20px, env(safe-area-inset-top));padding-left:14px;padding-right:14px}.prompt-bar{min-height:55px;padding:6px 8px 6px 9px}.paper-button{width:40px}.bar-divider{height:18px;margin-left:5px;margin-right:12px}.send{width:36px;height:36px}.prompt-bar textarea{margin-right:8px}.has-page .workbar{padding-top:10px}.has-page .prompt-bar{min-height:50px}.tools-strip{padding:2px 0}.tools-strip.with-pick .tools-right>:not(.agent-trigger){display:none}.save-status{font-size:10px}.tools-right .mini-divider{margin:0 3px}.history-button{max-width:40%}.tools-right .icon-btn{width:27px}.device-switch{display:none}.stage.mobile-preview{padding:0}.popover{border-radius:17px}.option-icon{width:29px;height:29px}.suggestion,.saved-row{gap:10px;padding:11px 8px}}@media (max-width:360px){.bar-divider{margin-right:8px}.prompt-bar textarea{font-size:16px}.save-status{white-space:nowrap;text-overflow:ellipsis;max-width:72px;overflow:hidden}.history-button{max-width:38%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}.project-list{max-height:43dvh;overflow-y:auto}.project-group+.project-group{border-top:1px solid var(--line)}.project-row,.project-name{align-items:center;gap:8px;display:flex}.project-row{justify-content:space-between;padding:2px 6px}.project-name{text-align:left;border-radius:8px;flex:1;min-width:0;padding:8px}.project-name:hover{background:var(--hover)}.project-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.project-name>svg,.project-row .new-button{flex:none}.project-name span{color:var(--quiet);font-size:11px}.project-page{gap:9px;padding:8px 13px 8px 37px}.project-page>svg:first-child{margin-left:0}.project-form label{color:var(--quiet);gap:5px;margin:10px 13px;font-size:12px;display:grid}.project-form input{width:100%;font:inherit;border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:8px 10px;font-size:14px}.project-form .solid-btn{margin:3px 13px 8px}.project-form p{color:#873c31;margin:8px 13px;font-size:12px}