@charset "UTF-8";@font-face{font-family:Public Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url("./media/public-sans-vietnamese-PMH2QVIM.woff2") format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Public Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url("./media/public-sans-latin-ext-BL5AXJGA.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Public Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url("./media/public-sans-latin-ANOH7ZEW.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-ui: "Public Sans", -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace;--accent: #d81e2c;--accent-strong: #b81322;--accent-soft: rgba(216, 30, 44, .08);--accent-soft-2: rgba(216, 30, 44, .14);--bg: #f6f7f9;--surface: #ffffff;--surface-2: #f1f2f5;--surface-3: #e9ebee;--border: #e3e5ea;--border-strong: #d2d5dc;--text: #191c22;--text-2: #5a6072;--text-3: #8b91a3;--green: #1d8a4e;--green-soft: rgba(29, 138, 78, .1);--amber: #a86a10;--amber-soft: rgba(196, 130, 28, .12);--amber-strong: #92400e;--amber-border: #f3ca6a;--red: #c92333;--red-soft: rgba(201, 35, 51, .09);--blue: #2563ab;--blue-soft: rgba(37, 99, 171, .1);--purple: #7048b6;--purple-soft: rgba(112, 72, 182, .1);--gray-pill: rgba(90, 96, 114, .1);--shadow-1: 0 1px 2px rgba(16, 20, 28, .05);--shadow-2: 0 4px 16px rgba(16, 20, 28, .08);--shadow-3: 0 16px 48px rgba(16, 20, 28, .18);--ai-grad: linear-gradient(118deg, #ff4a3d, #eb2227 45%, #7c0f16);--ai-glow: 0 0 0 3px rgba(235, 34, 39, .1), 0 4px 24px rgba(235, 34, 39, .14);--r-sm: 8px;--r-md: 10px;--r-lg: 14px;--topbar-h: 56px}[data-theme=dark]{--accent: #f0404e;--accent-strong: #ff5a67;--accent-soft: rgba(240, 64, 78, .12);--accent-soft-2: rgba(240, 64, 78, .2);--bg: #101216;--surface: #181b21;--surface-2: #1f232b;--surface-3: #272c36;--border: #272b34;--border-strong: #353b47;--text: #eceef2;--text-2: #9aa1b2;--text-3: #6b7284;--green: #3fbf7a;--green-soft: rgba(63, 191, 122, .13);--amber: #d9a040;--amber-soft: rgba(217, 160, 64, .14);--amber-strong: #f0c674;--amber-border: rgba(217, 160, 64, .45);--red: #f0404e;--red-soft: rgba(240, 64, 78, .12);--blue: #5d9be0;--blue-soft: rgba(93, 155, 224, .14);--purple: #a583e0;--purple-soft: rgba(165, 131, 224, .14);--gray-pill: rgba(154, 161, 178, .14);--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 4px 16px rgba(0, 0, 0, .45);--shadow-3: 0 16px 48px rgba(0, 0, 0, .6);--ai-grad: linear-gradient(118deg, #ff8076, #f0404e 45%, #c01927);--ai-glow: 0 0 0 3px rgba(240, 64, 78, .16), 0 4px 28px rgba(240, 64, 78, .18)}[data-theme=dark] .wg-logo-img{filter:invert(1) hue-rotate(180deg)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font-ui);background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}app-root{display:block;height:100%}h1,h2,h3,h4,p{margin:0}a{color:var(--accent)}button{font-family:var(--font-ui);cursor:pointer}input,textarea,select{font-family:var(--font-ui)}::placeholder{color:var(--text-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:var(--r-sm);font-size:13.5px;font-weight:600;padding:0 14px;height:36px;border:1px solid transparent;transition:box-shadow .15s ease;white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-1)}.btn-primary:hover:not(:disabled){background:var(--accent-strong)}[data-theme=dark] .btn-primary{color:#16080a}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){background:var(--surface-2)}.btn-ghost{background:transparent;color:var(--text-2)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn-danger{background:var(--red-soft);color:var(--red)}.btn-danger:hover:not(:disabled){background:var(--accent-soft-2)}.btn-danger-solid{background:var(--red);color:#fff;border-color:var(--red);box-shadow:var(--shadow-1)}.btn-danger-solid:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}[data-theme=dark] .btn-danger-solid{color:#fff}.btn-sm{height:30px;padding:0 10px;font-size:12.5px;border-radius:7px}.btn-icon{width:32px;padding:0;justify-content:center}.pill{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:999px;font-size:11.5px;font-weight:600;letter-spacing:.01em;white-space:nowrap}.pill .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.pill-live{background:var(--green-soft);color:var(--green)}.pill-draft{background:var(--gray-pill);color:var(--text-2)}.pill-review{background:var(--amber-soft);color:var(--amber)}.pill-attention{background:var(--red-soft);color:var(--red)}.pill-progress{background:var(--blue-soft);color:var(--blue)}.pill-editing{background:var(--purple-soft);color:var(--purple)}.pill-lg{height:26px;padding:0 11px;font-size:12.5px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}.field-label{display:flex;align-items:baseline;gap:8px;font-size:13px;font-weight:600;color:var(--text);margin-bottom:6px}.field-label .req{color:var(--accent)}.field-label .hint{font-weight:400;font-size:12px;color:var(--text-3)}.input,.textarea,.select{width:100%;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-sm);color:var(--text);font-size:13.5px;padding:9px 12px;outline:none}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input.invalid,.textarea.invalid{border-color:var(--red)}.textarea{resize:vertical;min-height:80px;line-height:1.55}.input-mono{font-family:var(--font-mono);font-size:13px;letter-spacing:.01em}.field-error{margin-top:5px;font-size:12px;color:var(--red)}.section-heading{margin-bottom:22px}.section-heading h2{font-size:19px;font-weight:720;letter-spacing:-.015em}.section-heading p{margin-top:4px;font-size:13px;color:var(--text-2);text-wrap:pretty}.card-label{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin-bottom:10px}.modal-overlay{position:fixed;inset:0;z-index:100;background:#0a0c1073;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-3);padding:24px;max-height:calc(100vh - 64px);overflow-y:auto}.check-row{display:flex;align-items:flex-start;gap:10px}.check-row .check-bullet{width:20px;height:20px;border-radius:50%;flex-shrink:0;margin-top:1px;display:flex;align-items:center;justify-content:center;background:var(--green-soft);color:var(--green)}.check-row .check-bullet.warn{background:var(--amber-soft);color:var(--amber)}.check-row .check-bullet.fail{background:var(--red-soft);color:var(--red)}.check-row .check-note{display:block;font-size:12px;color:var(--text-3);margin-top:1px}.code-view{font-family:var(--font-mono);font-size:12px;line-height:1.6;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:14px;overflow:auto;white-space:pre;color:var(--text);margin:0}.scroll-thin::-webkit-scrollbar{width:8px;height:8px}.scroll-thin::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.scroll-thin::-webkit-scrollbar-track{background:transparent}@keyframes studio-fade-up{0%{transform:translateY(6px)}to{transform:translateY(0)}}.fade-up{animation:studio-fade-up .25s ease}@keyframes studio-spin{to{transform:rotate(360deg)}}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--border-strong);border-top-color:var(--accent);animation:studio-spin .7s linear infinite;flex-shrink:0}.ai-text{background:var(--ai-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.ai-border{background:var(--ai-grad);padding:1.5px;border-radius:15px}.ai-border>.ai-border-inner{background:var(--surface);border-radius:13.5px}.btn-ai{background:var(--ai-grad);color:#fff;border:none}.btn-ai:hover:not(:disabled){filter:brightness(1.08)}@keyframes studio-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ai-shimmer{background:linear-gradient(100deg,var(--text-3) 40%,var(--text) 50%,var(--text-3) 60%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:studio-shimmer 1.6s linear infinite}.wg-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:750;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}.wg-eyebrow:before{content:"";width:22px;height:16px;background:url("./media/wg-mark-BDSXJKIT.png") center/contain no-repeat}[data-theme=dark] .wg-eyebrow:before{filter:invert(1) hue-rotate(180deg)}@media(prefers-reduced-motion:reduce){.fade-up,.ai-shimmer{animation:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}.code-block{margin:10px 0;border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;background:var(--surface-2)}.code-block__header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;background:var(--surface-3);border-bottom:1px solid var(--border);font-family:var(--font-ui)}.code-block__lang{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3)}.code-block__copy{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border:1px solid var(--border-strong);border-radius:6px;background:transparent;color:var(--text-2);font-size:11px;font-weight:600;line-height:1;transition:background .15s ease,color .15s ease,border-color .15s ease}.code-block__copy:hover{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.code-block__copy--done{color:var(--green);border-color:var(--green);background:var(--green-soft)}.code-block pre.hljs{margin:0;padding:12px 14px;overflow-x:auto;background:transparent;border-radius:0}.code-block pre.hljs code.hljs{padding:0;background:transparent;font-family:var(--font-mono);font-size:12.5px;line-height:1.6;white-space:pre}.hljs{color:var(--text)}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:var(--text-3)}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}[data-theme=dark] .hljs-doctag,[data-theme=dark] .hljs-keyword,[data-theme=dark] .hljs-meta .hljs-keyword,[data-theme=dark] .hljs-template-tag,[data-theme=dark] .hljs-template-variable,[data-theme=dark] .hljs-type,[data-theme=dark] .hljs-variable.language_{color:#ff7b72}[data-theme=dark] .hljs-title,[data-theme=dark] .hljs-title.class_,[data-theme=dark] .hljs-title.class_.inherited__,[data-theme=dark] .hljs-title.function_{color:#d2a8ff}[data-theme=dark] .hljs-attr,[data-theme=dark] .hljs-attribute,[data-theme=dark] .hljs-literal,[data-theme=dark] .hljs-meta,[data-theme=dark] .hljs-number,[data-theme=dark] .hljs-operator,[data-theme=dark] .hljs-variable,[data-theme=dark] .hljs-selector-attr,[data-theme=dark] .hljs-selector-class,[data-theme=dark] .hljs-selector-id{color:#79c0ff}[data-theme=dark] .hljs-regexp,[data-theme=dark] .hljs-string,[data-theme=dark] .hljs-meta .hljs-string{color:#a5d6ff}[data-theme=dark] .hljs-built_in,[data-theme=dark] .hljs-symbol{color:#ffa657}[data-theme=dark] .hljs-name,[data-theme=dark] .hljs-quote,[data-theme=dark] .hljs-selector-tag,[data-theme=dark] .hljs-selector-pseudo{color:#7ee787}[data-theme=dark] .hljs-section{color:#79c0ff}[data-theme=dark] .hljs-bullet{color:#f2cc60}[data-theme=dark] .hljs-addition{color:#aff5b4;background-color:#033a16}[data-theme=dark] .hljs-deletion{color:#ffdcd7;background-color:#67060c}