/* C04. Local bleedless canon: full-width sections and native application chrome. */
.wg-main{display:flex;flex-direction:column;min-height:0}.wg-scroll{flex:1;min-height:0;overflow:auto;scrollbar-width:none}.wg-scroll::-webkit-scrollbar{display:none}.wg-page{padding:32px;max-width:1400px;width:100%;box-sizing:border-box}.wg-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px}.wg-intro h1{font-size:24px;line-height:1.25;font-weight:600;margin:0 0 12px}.wg-intro p{font-size:14px;color:var(--muted);line-height:1.65;margin:0;max-width:680px}.wg-intro>.btn,.wg-intro>.cn-badge{flex-shrink:0}.wg-editor{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:48px}.wg-editor>*{min-width:0}.wg-section{border-top:1px solid var(--line);padding:24px 0}.wg-section h2,.wg-aside h2{font-size:15px;font-weight:600;margin:0 0 24px}.wg-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.wg-field{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:13px}.wg-field>span{font-weight:500}.wg-main input,.wg-main textarea,.wg-main select,.wg-dialog textarea{font:inherit;color:var(--ink);background:var(--surface,#fff);border:1px solid var(--line);border-radius:8px;padding:10px 12px;min-width:0;max-width:100%;box-sizing:border-box;min-height:40px;line-height:1.4}.wg-main textarea{resize:vertical}.wg-main select{width:100%}.wg-field small,.wg-note{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.wg-page>.wg-note{border-top:1px solid var(--line);padding-top:24px;margin-top:24px}.wg-aside{border-left:1px solid var(--line);padding-left:24px;align-self:start}.wg-aside p{font-size:13px;color:var(--muted);line-height:1.65}.wg-aside .btn{white-space:normal;justify-content:flex-start}.wg-links{display:grid;gap:8px;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.wg-links .btn{padding-left:0}.wg-draft{padding:20px 0;border-top:1px solid var(--line)}.wg-draft p{font-size:12px;color:var(--muted);margin:0 0 12px}.wg-collection{grid-column:1/-1;border:0;border-top:1px solid var(--line);padding:20px 0 0;margin:0;min-width:0}.wg-collection legend{font-size:14px;font-weight:500;padding:0 12px 0 0}.wg-translation{display:grid;grid-template-columns:65px minmax(0,1fr) auto;gap:12px;align-items:start;margin:12px 0}.wg-translation>span{padding:12px 0;font-size:13px}.wg-line{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;align-items:center}.wg-line input{width:120px;font-size:13px}.wg-rule{display:grid;grid-template-columns:1fr 1.5fr auto;align-items:end;gap:12px;margin:20px 0}.wg-rule label{display:flex;flex-direction:column;gap:8px;font-size:13px}.wg-related{display:flex;gap:16px;flex-wrap:wrap;padding:24px 0}.wg-list-row{display:flex;align-items:center;gap:20px;text-decoration:none;color:var(--ink);padding:24px 0;border-top:1px solid var(--line);min-width:0}.wg-list-row>div{flex:1;min-width:0}.wg-list-row strong{font-size:14px;font-weight:500}.wg-list-row p{font-size:12px;color:var(--muted);margin:8px 0 0;overflow-wrap:anywhere}.wg-row-icon{width:40px;height:40px;display:grid;place-items:center;background:var(--soft);border-radius:8px;flex-shrink:0}.wg-row-icon svg{width:20px;height:20px}.wg-list-row>svg{width:16px;flex-shrink:0}.wg-preview-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:16px;padding:20px 0;border-top:1px solid var(--line)}.wg-preview-toolbar>label{font-size:12px;display:grid;gap:8px;min-width:130px}.wg-preview-stage{background:var(--soft,#fafafa);border:1px solid var(--line);max-width:1100px;margin:12px auto 24px;transition:max-width .15s}.wg-preview-stage.narrow{max-width:410px}.wg-sitebar{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:14px 20px;font-size:12px;color:var(--muted);overflow-wrap:anywhere}.wg-sitebar svg{width:16px;height:16px;flex-shrink:0}.wg-site{display:flex;align-items:flex-start;justify-content:flex-end;gap:48px;padding:32px;min-height:520px}.wg-site-placeholder{flex:1;min-width:0;color:var(--muted);font-size:14px;padding-top:12px}.wg-site-placeholder>div{height:12px;background:var(--line);opacity:.5;margin-top:24px;max-width:100%}.wg-site-placeholder>div:nth-child(3){width:80%;height:120px}.wg-site-placeholder>div:nth-child(4){width:60%}.wg-site-placeholder p{font-size:12px;margin-top:24px}.wg-widget{--ww-bg:#fff;--ww-ink:#111;--ww-muted:#666;--ww-line:#e5e5e5;background:var(--ww-bg);color:var(--ww-ink);border:1px solid var(--ww-line);border-radius:16px;width:350px;flex-shrink:0;box-shadow:0 12px 35px #0000000b;overflow:hidden}.wg-widget.dark{--ww-bg:#161616;--ww-ink:#fafafa;--ww-muted:#b3b3b3;--ww-line:#383838}.wg-widget>header{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid var(--ww-line)}.wg-widget>header strong{font-size:14px;display:block}.wg-widget>header small{display:block;color:var(--ww-muted);font-size:12px;margin-top:4px}.wg-widget-symbol{display:grid;place-items:center;width:36px;height:36px;background:var(--wg-accent);border-radius:10px;color:white;flex-shrink:0}.wg-widget-symbol svg{width:20px;height:20px;filter:drop-shadow(0 1px 1px #000)}.wg-widget-body{padding:24px;display:flex;flex-direction:column;gap:12px;min-height:260px}.wg-widget-body>p,.wg-start p{font-size:14px;line-height:1.6;margin:0;color:var(--ww-muted);white-space:pre-wrap}.wg-widget-body h2{font-size:24px;line-height:1.25;margin:8px 0 12px;font-weight:600;overflow-wrap:anywhere}.wg-widget .btn{color:var(--ww-ink);background:var(--ww-bg);border-color:var(--ww-line);justify-content:space-between;white-space:normal;text-align:left;min-height:40px}.wg-start{display:flex;flex-direction:column;gap:12px}.wg-widget textarea{color:var(--ww-ink);background:var(--ww-bg);border-color:var(--ww-line);width:100%;margin-top:12px}.wg-widget label{font-size:13px}.wg-widget footer{display:flex;justify-content:space-between;gap:16px;font-size:12px;padding:16px 20px;border-top:1px solid var(--ww-line);color:var(--ww-muted)}.wg-widget nav{display:flex;justify-content:space-around;border-top:1px solid var(--ww-line);padding:8px}.wg-widget nav .btn{display:flex;flex-direction:column;gap:6px;font-size:12px}.wg-widget nav svg{width:16px;height:16px}.wg-simulation-result{border:1px dashed var(--ww-line);padding:12px;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.wg-preview-stage.narrow .wg-site-placeholder{display:none}.wg-preview-stage.narrow .wg-site{padding:20px;min-height:0}.wg-preview-stage.narrow .wg-widget{width:100%;flex-shrink:1}.wg-dialog{max-width:620px;width:calc(100% - 32px);padding:0;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:var(--surface,#fff)}.wg-dialog::backdrop{background:#0005}.wg-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--line)}.wg-dialog h2{font-size:18px;margin:0}.wg-dialog>div{padding:24px}.wg-dialog p{font-size:14px;line-height:1.6}.wg-dialog textarea{width:100%;font:12px/1.6 ui-monospace,monospace}.wg-main :is(input,select,textarea,button,a):focus-visible,.wg-dialog :focus-visible{outline:2px solid var(--ink);outline-offset:3px}.wg-main button:disabled{opacity:.45;cursor:default}.wg-main [hidden]{display:none!important}.wg-modules{grid-column:1/-1}.wg-modules label{font-size:13px;display:inline-flex;align-items:center;gap:8px;margin:8px 24px 8px 0}.wg-modules input{min-height:0;accent-color:var(--ink)}
@media(max-width:1100px){.wg-editor{grid-template-columns:minmax(0,1fr) 220px;gap:24px}.wg-page{padding:24px}.wg-site{gap:20px;padding:24px}.wg-rule{grid-template-columns:1fr}.wg-rule .btn{justify-self:start}}
@media(max-width:760px){.wg-page{padding:20px 16px}.wg-intro{flex-wrap:wrap;gap:16px;margin-bottom:24px}.wg-intro h1{font-size:24px}.wg-editor{display:flex;flex-direction:column;gap:20px}.wg-fields{grid-template-columns:1fr;gap:20px}.wg-aside{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.wg-section{padding:20px 0}.wg-main .btn,.wg-dialog .btn{min-height:44px}.wg-main input,.wg-main textarea,.wg-main select{font-size:16px;min-height:44px}.wg-translation{grid-template-columns:40px minmax(0,1fr)}.wg-translation>.btn{grid-column:2;justify-self:start}.wg-preview-toolbar{gap:12px}.wg-preview-toolbar>label{flex:1;min-width:120px}.wg-site-placeholder{display:none}.wg-site{padding:12px;min-height:0}.wg-widget{width:100%;flex-shrink:1}.wg-widget-body{padding:20px}.wg-preview-stage.narrow .wg-site{padding:12px}.wg-list-row{gap:12px;flex-wrap:wrap}.wg-list-row .cn-badge{margin-left:52px}.wg-list-row>svg{margin-left:auto}.wg-related{gap:8px}.wg-modules label{min-height:44px}.wg-modules input{min-height:0}.wg-line{align-items:stretch}.wg-line input{flex:1}.wg-dialog header{padding:16px}.wg-dialog>div{padding:20px}.wg-dialog h2{font-size:16px}}
@media(prefers-reduced-motion:reduce){.wg-preview-stage{transition:none}}
.wg-color{display:flex;gap:12px;align-items:center}.wg-color input[type=color]{padding:4px;width:48px;flex-shrink:0}.wg-color input[type=text],.wg-color input:not([type]){width:100%}
.wg-language-caption{font-size:12px;line-height:1.5;color:var(--muted);margin:8px 0 12px}.wg-trigger-preview{border-top:1px solid var(--line);padding:20px 0;margin-top:24px}.wg-trigger-preview summary{font-size:14px;font-weight:500;cursor:pointer;padding:8px 0}.wg-trigger-preview .wg-preview-toolbar{border:0}.wg-trigger-preview>p{margin-top:12px}.wg-trigger-result{font-size:13px;border-left:3px solid var(--line);padding:8px 20px}.wg-trigger-result p{color:var(--muted);line-height:1.6}.wg-trigger-result blockquote{margin:12px 0;font-size:14px;white-space:pre-wrap}
/* The production widget is isolated in its own document: no studio CSS can restyle it. */
.wg-handoff-preview{border-top:1px solid var(--line);padding:16px 0;margin:12px 0}.wg-handoff-preview summary{font-size:14px;font-weight:500;cursor:pointer;padding:8px 0}.wg-handoff-preview>.wg-note{margin:12px 0}.wg-handoff-preview .wg-preview-toolbar{border:0;padding:12px 0}.wg-handoff-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.wg-handoff-reply{flex:1;min-width:220px!important}#wg-handoff-status{color:var(--ink)}#wg-handoff-error{color:#a43d31}.wg-handoff-preview .wg-handoff-actions button{white-space:normal;text-align:left}.wg-handoff-preview input{width:100%}@media(max-width:760px){.wg-handoff-preview .wg-preview-toolbar{align-items:stretch}.wg-handoff-actions{display:grid}.wg-handoff-preview .wg-handoff-reply{min-width:100%!important}}
#wg-v3-frame{display:block;border:0;width:100%;height:min(800px,calc(100dvh - 180px));min-height:480px;background:#f7f7f7}.wg-preview-stage.narrow #wg-v3-frame{height:min(740px,calc(100dvh - 180px))}@media(max-width:760px){#wg-v3-frame{height:min(700px,calc(100dvh - 160px))}.wg-preview-stage{border:0}.wg-preview-stage.narrow #wg-v3-frame{height:min(700px,calc(100dvh - 160px))}}

.wg-install-code{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface);padding:16px;border:1px solid var(--line);border-radius:8px}.wg-install-checks{display:grid;gap:14px}.wg-install-checks label{display:flex;gap:10px;align-items:center}.wg-install-checks input{width:18px;height:18px}.wg-voice-prototype{max-width:600px}.wg-voice-prototype textarea{width:100%;min-height:90px;padding:12px;font:inherit;border:1px solid var(--line);border-radius:8px;background:var(--base);color:var(--ink)}
.wg-sandbox-record{display:flex;align-items:center;gap:20px;flex:1;min-width:0;text-decoration:none;color:var(--ink)}.wg-sandbox-record>div{flex:1;min-width:0}.wg-sandbox-record>svg{width:16px;flex-shrink:0}.wg-sandbox-row>.wg-sandbox-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex:0 0 auto;flex-wrap:wrap;max-width:100%}.wg-sandbox-actions>.wg-note{flex-basis:100%;text-align:right}.wg-sandbox-row .cn-badge{margin-left:0}.wg-sandbox-actions .btn{white-space:normal}
@media(max-width:760px){.wg-sandbox-record{gap:12px;flex-basis:100%}.wg-sandbox-row>.wg-sandbox-actions{margin-left:52px;max-width:calc(100% - 52px);justify-content:flex-start}.wg-sandbox-actions>.wg-note{text-align:left}.wg-sandbox-actions .btn{min-height:44px}}