/* Application interactions are staged locally; no service or account calls. */
.window-chrome{gap:0;padding:0 13px;background:#e9ebec}
.window-chrome .window-lights{gap:7px;margin-right:16px}
.window-chrome .browser-nav{display:flex;gap:3px;color:#6f7981}
.window-chrome .window-address{left:24%;right:24%;gap:5px;display:flex;align-items:center;justify-content:center;font-size:10px;background:#f8f9f9;border-color:#d9dfe2;overflow:hidden;white-space:nowrap}
.window-chrome .window-tools{margin-left:auto;display:flex;align-items:center;gap:5px}
.window-chrome .window-label{display:none}
.window-ai .window-address{left:25%;right:25%;background:transparent;border:0}
.window-ai .window-tools{color:#87918d}
.window-lights i:first-child{position:relative}
.window-lights i:first-child:after{content:"×";position:absolute;inset:-3px 0 0;font:11px/14px Arial;text-align:center;color:#772c25;opacity:var(--close-hover,0)}
.window-ai .browser-nav{visibility:hidden}
.window-chat .browser-nav{display:none}
.window-chat .window-address{background:transparent;border:0}
.window-chat .window-tools{opacity:.6}
.dock{height:67px;padding:7px 11px;gap:13px;border-radius:15px}
.dock>div{gap:3px;width:44px}
.dock .dock-symbol{width:40px;height:40px;border-radius:0;background:transparent;box-shadow:none}
.dock small{font-size:8px;letter-spacing:0}
.ai-brand .app-glyph{width:22px;height:22px;filter:none}
.surface-ai .ai-sidebar{background:#151718}
.surface-ai .ai-main{background:#1b1d1e}
.surface-ai .ai-conversation{display:flex;padding:17px 22px 14px;overflow:hidden;gap:0;min-height:0}
.surface-ai .ai-transcript{flex:1;min-height:0;overflow:hidden;scrollbar-width:none;padding:0 0 10px}
.surface-ai .ai-transcript>.ai-work-label{font-size:9px;letter-spacing:.2px;color:#849088;margin-bottom:5px}
.surface-ai .ai-transcript>h1{font-size:18px;margin-bottom:10px;line-height:1.4}
.surface-ai .ai-prompt{font-size:12px;line-height:1.75;padding:10px 12px;min-height:0;margin-top:12px;display:block;border-color:#39423c;background:#252c27;opacity:var(--submit-p,0);transform:translateY(calc((1 - var(--submit-p,0))*6px));max-height:calc(var(--submit-p,0)*130px);overflow:hidden}
.surface-ai .ai-prompt-marker{display:none}
.surface-ai .ai-prompt-text{font-size:12px;line-height:1.8}
.surface-ai .ai-processing{height:19px;margin:10px 1px 0;font-size:10px}
.surface-ai .ai-context-call{max-height:calc(var(--context-p,0)*105px);margin-top:calc(var(--context-p,0)*10px);padding-top:calc(var(--context-p,0)*8px);padding-bottom:calc(var(--context-p,0)*8px)}
.surface-ai .ai-context-summary{font-size:10px;line-height:1.6}
.surface-ai .ai-response{padding:10px 0;flex:none}
.surface-ai .ai-response strong{font-size:12px}
.surface-ai .ai-response-text{font-size:11px;line-height:1.8;min-height:0;margin-top:5px}
.surface-ai .ai-file-card{padding:9px 10px;margin-top:9px;min-height:45px;border-color:#374c3b;background:#202c23}
.surface-ai .ai-file-card>svg.file-glyph{width:24px;height:29px;filter:none}
.surface-ai .ai-file-card strong{font-size:11px}
.surface-ai .ai-file-card small{font-size:9px}
.surface-ai .ai-earlier-turn{font-size:9px;margin-bottom:0}
.surface-ai[data-revision="true"] .ai-earlier-turn{max-height:68px;padding-bottom:5px;margin-top:3px}
.surface-ai .ai-input{flex:none;margin-top:9px;min-height:84px;max-height:119px;padding:10px 12px;border-radius:11px;background:#232927;box-shadow:0 0 0 1px #0002;gap:6px}
.surface-ai .ai-composer-text{font-size:12px;line-height:1.65;min-height:35px;max-height:67px;overflow:hidden}
.surface-ai .ai-input-toolbar{height:22px}
.surface-ai .ai-send-button{width:24px;height:24px;background:#e1e7df;color:#1d2e23;opacity:var(--can-send,0.45)}
.surface-ai .ai-send-button .surface-icon{width:14px;height:14px}
.surface-ai .ai-send-button.is-demo-pressed{transform:scale(.94);filter:brightness(.9)}
.surface-ai .ai-prompt-text:after{display:none}
.surface-ai .ai-result{inset:55px 14px 43px;border:1px solid #cfd7cf;border-radius:5px}
.surface-ai .ai-editor>header{height:41px}
.surface-ai .ai-editor>footer{height:28px}
.surface-chat .chat-room>header{background:#c0ccd5;border-color:#a9bac7}
.surface-chat .chat-rail{background:#e2e5e7}
.surface-chat .chat-logo:has(>.app-glyph){height:28px;width:28px}
.surface-chat .chat-logo .app-glyph{height:28px;width:28px;filter:none}
.surface-chat .chat-draft{font-size:13px;line-height:1.6}
.surface-chat .chat-bubble{font-size:13px;line-height:1.75;border-radius:5px;box-shadow:0 1px 1px #5065770d}
.surface-chat .chat-send{font-size:11px;border-radius:4px}
.surface-chat .chat-cowo-link{font-size:12px;line-height:1.6}
.surface-chat .incoming{opacity:var(--in-p,0)!important}
.surface-mail .mail-main{position:relative}
.surface-mail .mail-inbox{position:absolute;left:25px;right:25px;top:85px;bottom:20px;background:#fff;border:1px solid #e4e9ed;border-radius:8px;overflow:hidden}
.surface-mail .mail-inbox>h2{font-size:16px;padding:19px 20px;margin:0;border-bottom:1px solid #e4e9ed;font-weight:500;color:#44515b}
.surface-mail .inbox-row{display:flex;align-items:center;gap:14px;padding:14px 19px;border-bottom:1px solid #edf0f3;font-size:11px;color:#79858d;white-space:nowrap}
.surface-mail .inbox-row>i{width:10px;height:10px;border:1px solid #c5cdd3;border-radius:2px}
.surface-mail .inbox-row>b{font-weight:500;color:#4d5a64;width:90px}
.surface-mail .inbox-row>span{flex:1}
.surface-mail .inbox-row>small{font-size:9px;color:#a3adb4}
.surface-mail .mail-compose-window{position:relative;z-index:2;opacity:var(--compose-p,0);transform:translateY(calc((1 - var(--compose-p,0))*8px));border-color:#cdd7de;border-radius:8px;box-shadow:0 10px 40px #2131421c}
.surface-mail .mail-field{min-height:39px}
.surface-mail .mail-recipient{min-width:220px}
.surface-mail .mail-recipient-text{font-size:12px;color:#3b4c57}
.surface-mail .mail-body{font-size:12px;line-height:1.8;padding-top:16px;color:#384d59}
.surface-mail .mail-body p{min-height:20px;margin-bottom:9px}
.surface-mail .mail-saved{font-size:9px}
.surface-mail .mail-attachment{width:330px;min-height:51px;margin-top:12px}
.surface-mail .mail-attachment>svg.file-glyph{width:24px;height:29px;filter:none}
.surface-mail .mail-attachment strong{font-size:11px}
.surface-mail .mail-attachment div>span{font-size:9px}
.surface-mail .mail-field.is-keyboard-focus{border-bottom-color:#6b91ae}
.surface-mail .mail-body.is-keyboard-focus{box-shadow:inset 2px 0 0 #8fa9bc33}
.surface-mail .mail-compose-window>footer{padding:12px 21px}
.surface-mail .mail-send{background:#416f95;color:white;border-radius:4px;padding:9px 17px;font-size:11px}
.surface-mail .mail-send.is-demo-hover{background:#376687}
.surface-cowo .cowo-upload{opacity:var(--import-p,0)!important;transform:translateY(calc((1 - var(--import-p,0))*8px))!important;z-index:4;pointer-events:none;min-height:285px;background:#fff;border-color:#dce4df;box-shadow:0 18px 65px #27382b3d}
.surface-cowo .cowo-upload-file{opacity:var(--file-selected-p,0)!important;transform:none;min-height:54px}
.surface-cowo .cowo-upload-file:after{display:none}
.surface-cowo .cowo-upload>button{opacity:calc(.4 + var(--file-selected-p,0)*.6);font-size:11px;background:#287255}
.surface-cowo .cowo-upload-progress{opacity:var(--progress-visible,0)}
.surface-cowo .cowo-upload-check{opacity:var(--upload-ready,0)!important;transform:none!important}
.surface-cowo .cowo-import-backdrop{position:absolute;inset:0;background:#172b1b1b;opacity:var(--import-p,0);z-index:3;pointer-events:none}
.surface-cowo .cowo-empty-source{position:absolute;inset:45px 0 20px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11px;background:#fbfcfa;color:#9eaaa0;font-size:11px;opacity:calc(1 - var(--result-p,0));z-index:1}
.surface-cowo .cowo-empty-source>svg{width:29px;height:35px;opacity:.5}
.surface-cowo .cowo-content{position:relative;opacity:var(--result-p,0)!important;transform:none!important;z-index:2}
.surface-cowo .cowo-code-view,.surface-cowo .cowo-web-view{transition:none;opacity:calc(1 - var(--preview-view-p,0))!important;pointer-events:none}
.surface-cowo .cowo-web-view{opacity:var(--preview-view-p,0)!important}
.surface-cowo .cowo-preview-address{height:25px;font-size:9px;background:#f2f5f2;color:#657b6e}
.surface-cowo .cowo-preview-address>small{font-size:8px}
.surface-cowo .cowo-preview-reload{margin-left:auto;width:20px;height:20px;display:grid;place-items:center}
.surface-cowo .cowo-preview-reload .toolbar-glyph{width:12px;height:12px}
.surface-cowo .cowo-preview-tab{font-size:11px;padding:7px 10px}
.surface-cowo .cowo-preview-tab small{font-size:8px}
.surface-cowo .cowo-result-chip{font-size:11px}
.surface-cowo .cowo-version-activity{display:none!important}
.surface-cowo .cowo-version-banner{position:absolute;left:17px;right:17px;top:49px;z-index:5;display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid #bed7c5;border-radius:5px;background:#edf7ef;color:#3f6d4d;font-size:10px;opacity:var(--banner-p,0);transform:translateY(calc((1 - var(--banner-p,0))*-6px))}
.surface-cowo .cowo-version-banner button{margin-left:auto;font-size:10px;font-weight:500;color:#276e48;padding:3px 8px}
.surface-cowo .cowo-feedback-body{min-height:0;overflow:hidden}
.surface-cowo .cowo-feedback-composer{height:64px;margin:8px 12px;padding:8px 36px 8px 9px;overflow:hidden;font-size:11px;line-height:1.55;border-color:color-mix(in srgb,#dfe5d7 calc((1 - var(--reply-focus,0))*100%),#648f70)}
.surface-cowo .cowo-reply-draft{display:block;white-space:pre-wrap;color:#42634c}
.surface-cowo .cowo-reply-draft:empty:before{content:"답글 입력";color:#a4b0a5}
.surface-cowo .cowo-feedback-composer button{right:6px;bottom:6px;width:23px;height:23px}
.surface-cowo .cowo-comment>p{font-size:12px;line-height:1.8}
.surface-cowo .cowo-code-revision{display:block!important;opacity:var(--file-revision-p,0)!important;max-height:calc(var(--file-revision-p,0)*24px)!important}
.surface-cowo .cowo-revision-reply>p{font-size:10px;line-height:1.7}
.surface-cowo .cowo-main-nav>span,.surface-cowo .cowo-channel{color:#758177}
.surface-cowo .cowo-main-nav>.active{background:#e5eee8;color:#32644b}
.surface-cowo .cowo-comment-check{width:17px;height:17px;border:1px solid #c9d8ca;border-radius:50%;opacity:1!important;transform:none!important;color:#779b7b}
.surface-cowo .cowo-comment-check>.surface-icon{opacity:var(--resolve-p,0)}
.native-picker{position:absolute;left:245px;top:126px;width:790px;height:475px;z-index:45;background:#f8f9fb;color:#38444f;border:1px solid #7d889b80;border-radius:10px;box-shadow:0 24px 95px #0008;opacity:var(--picker-p,0);transform:translateY(calc((1 - var(--picker-p,0))*7px));overflow:hidden;font:12px/1.5 -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",sans-serif}
.picker-title{height:38px;display:flex;align-items:center;justify-content:center;position:relative;background:#e9edf2;border-bottom:1px solid #d6dde5;color:#556471}
.picker-title>b{font-size:11px;font-weight:500}
.picker-traffic{display:flex;gap:7px;position:absolute;left:15px;top:15px}
.picker-traffic i{width:9px;height:9px;border-radius:50%;background:#e87970}.picker-traffic i:nth-child(2){background:#ddbc62}.picker-traffic i:nth-child(3){background:#7eb98a}
.picker-toolbar{height:46px;display:flex;align-items:center;gap:6px;padding:0 17px;background:#f3f5f8;border-bottom:1px solid #dbe1e9}
.picker-arrow{width:24px;height:23px;border:1px solid #d6dde6;display:grid;place-items:center;border-radius:4px;font-size:20px;color:#6d7d8b;background:#fff}.picker-arrow.disabled{color:#bfc7d0}
.picker-path{height:25px;min-width:255px;background:#fff;border:1px solid #d2dce6;border-radius:5px;display:flex;align-items:center;padding:0 11px;margin-left:72px;font-size:11px}.picker-path i{margin-left:auto;font-style:normal;color:#91a0ac}
.picker-search{margin-left:auto;color:#a4afbc;border:1px solid #dae2e9;border-radius:5px;background:white;padding:3px 11px;width:146px;font-size:11px}
.picker-body{display:flex;height:330px}
.picker-body>aside{width:180px;flex:none;padding:15px 11px;background:#e9edf2;border-right:1px solid #d9e0e8;display:flex;flex-direction:column;gap:4px}
.picker-body>aside small{font-size:9px;color:#939fae;padding:4px 8px;margin-top:3px}.picker-body>aside span{display:block;padding:5px 10px;border-radius:5px;font-size:11px;color:#708295}.picker-body>aside .selected{background:#d4e1ed;color:#426b90}
.picker-body>main{flex:1;background:#fff;min-width:0}
.picker-table-head{height:30px;display:grid;grid-template-columns:1fr 124px 60px;align-items:center;padding:0 15px;color:#8f9baa;background:#f6f8fa;border-bottom:1px solid #e5eaf0;font-size:9px}
.picker-file-row{height:35px;display:flex;align-items:center;gap:9px;padding:0 15px;color:#768a9c;font-size:10px;border-bottom:1px solid #f3f5f7}
.picker-file-row:nth-child(odd){background:#fafbfc}.picker-file-row strong{flex:1;font-size:11px;font-weight:400;color:#536b7e}.picker-file-row>span:not(.picker-file-symbol){width:112px;font-size:9px;color:#a3afbb}.picker-file-row small{width:45px;text-align:right;font-size:9px}
.picker-file-symbol{display:block;width:17px;height:22px}.picker-file-symbol>.file-glyph{width:17px;height:22px;filter:none}.picker-file-symbol.folder>.toolbar-glyph{width:18px;height:18px}
.native-picker[data-selected="true"] .target-file{background:#367fbd;color:#fff}.native-picker[data-selected="true"] .target-file>strong,.native-picker[data-selected="true"] .target-file>span,.native-picker[data-selected="true"] .target-file>small{color:#fff}
.native-picker footer{height:60px;display:flex;align-items:center;padding:0 18px;gap:10px;border-top:1px solid #d7dfe8;background:#f3f5f8}.native-picker footer>span{margin-right:auto;font-size:10px;color:#8b9aa9}.native-picker button{font-size:11px;border:1px solid #cdd7e2;border-radius:5px;padding:5px 18px;background:white;color:#6c7e8f}.native-picker .picker-open{background:#347fb9;border-color:#347fb9;color:#fff;opacity:.45}.native-picker[data-selected="true"] .picker-open{opacity:1}
.mail-send-toast{position:absolute;bottom:105px;left:310px;z-index:30;display:flex;align-items:center;gap:10px;border-radius:6px;background:#2e3f4d;color:#f2f5f7;box-shadow:0 8px 28px #0003;padding:12px 17px;font-size:11px;opacity:var(--sent-toast-p,0);transform:translateY(calc((1 - var(--sent-toast-p,0))*6px))}.mail-send-toast>span{font-size:13px;color:#a8d5ae}.mail-send-toast small{font-size:10px;color:#a4c8dd;margin-left:30px}
.is-demo-hover:not(.ai-send-button){filter:brightness(.96)}
.is-demo-pressed:not(.ai-send-button){filter:brightness(.88)}
.chrome-icon-button.is-demo-hover{background:#d5dce1}
.desktop .file-icon{display:none}
@media(max-width:580px){.native-picker{box-shadow:0 12px 45px #0007}}
.surface-cowo .cowo-result-chip,.surface-cowo .cowo-result-upload{opacity:var(--result-p,0)}
.surface-cowo .cowo-result-chip small{font-size:8px}
.picker-body>aside>span{display:flex;align-items:center;gap:7px}.picker-body>aside>span .toolbar-glyph{width:15px;height:15px;color:#709bc0}.picker-body>aside>span b{font-size:11px;font-weight:400}.picker-arrow .toolbar-glyph{width:12px;height:12px}
.stage-cursor .cursor-ibeam{display:none;position:absolute;left:4px;top:0;width:2px;height:15px;background:#f5f7f8;box-shadow:0 0 0 1px #17212bc7}
.stage-cursor .cursor-ibeam:before,.stage-cursor .cursor-ibeam:after{content:"";position:absolute;left:-3px;width:8px;height:1px;background:#f5f7f8;box-shadow:0 0 0 1px #17212bc7}.stage-cursor .cursor-ibeam:before{top:0}.stage-cursor .cursor-ibeam:after{bottom:0}
.stage-cursor[data-kind="text"]>svg{opacity:0}.stage-cursor[data-kind="text"] .cursor-ibeam{display:block}
.surface-cowo .cowo-web-view>.booking-page{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#b7c8b9 #f3f6f0}
.surface-cowo .cowo-web-view .booking-layout{height:auto;min-height:420px;padding-top:18px;padding-bottom:18px}
.surface-cowo .cowo-code-view pre{overflow:auto;scrollbar-width:thin}
.surface-cowo .cowo-feedback-filter{font-size:9px}
