@import"https://fonts.googleapis.com/css2?family=Assistant:wght@400;500;600;700&display=swap";:root{--wc-accent: #005199;--wc-accent-soft: #1799fc;--wc-surface: #ffffff;--wc-surface-muted: #f8f9fb;--wc-surface-inset: #f1f3f6;--wc-border: #e2e6eb;--wc-text: #1a2332;--wc-text-secondary: #5c6570;--wc-text-muted: #8b939e;--wc-radius: 8px;--wc-font: Assistant, "Segoe UI", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}#root{display:flex;flex-direction:column;height:100%;min-height:0}body{font-family:var(--wc-font);font-size:14px;color:var(--wc-text);background:var(--wc-surface-inset)}.boot-error{margin:24px;padding:16px;background:#fef2f2;color:#991b1b;border:1px solid #fecaca;border-radius:var(--wc-radius);white-space:pre-wrap}body.is-resizing,body.is-resizing *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.app{display:flex;flex-direction:row;flex:1;min-height:0;min-width:0}.app__nav{min-width:0;display:flex;flex-direction:column;min-height:0;align-self:stretch}.app__nav .params-panel{flex:1;min-height:0}.app__preview{flex:1;min-width:0;min-height:0;align-self:stretch;display:flex;flex-direction:column}.resize-handle{flex-shrink:0;background:var(--wc-border);transition:background .15s;z-index:2}.resize-handle:hover,.resize-handle:active{background:#c5d0dc}.resize-handle--vertical{width:6px;align-self:stretch;flex-shrink:0;cursor:col-resize;margin:0 -1px}.resize-handle--horizontal{height:6px;cursor:row-resize;width:100%}.params-panel{display:flex;flex-direction:column;min-height:0;background:var(--wc-surface);color:var(--wc-text);border-inline-end:1px solid var(--wc-border)}.params-panel__header{padding:20px 16px 16px;border-bottom:1px solid var(--wc-border);flex-shrink:0}.params-panel__eyebrow{margin:0 0 6px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--wc-text-muted)}.params-panel__header h1{margin:0 0 6px;font-size:18px;font-weight:700;color:var(--wc-text)}.params-panel__header p{margin:0;font-size:13px;color:var(--wc-text-secondary);line-height:1.45}.template-picker{list-style:none;margin:0;padding:12px 16px 20px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.template-picker__item{display:block;box-sizing:border-box;width:100%;text-align:start;text-decoration:none;padding:14px 16px;border-radius:var(--wc-radius);border:1px solid var(--wc-border);background:var(--wc-surface);color:var(--wc-text);cursor:pointer;font:inherit;transition:border-color .15s,background .15s}.template-picker__item:hover{border-color:#c5d4e3;background:var(--wc-surface-muted)}.template-picker__item strong{display:block;font-size:14px;font-weight:600;margin-bottom:4px;color:var(--wc-text)}.template-picker__item span{font-size:11px;color:var(--wc-text-muted)}.params-panel__nav{padding:14px 16px;border-bottom:1px solid var(--wc-border);flex-shrink:0}.params-panel__back{display:flex;align-items:center;gap:8px;width:100%;padding:0;border:0;background:transparent;color:var(--wc-text);font-size:15px;font-weight:600;cursor:pointer;text-align:start;font-family:inherit}.params-panel__back:hover{color:var(--wc-accent)}.params-panel__back-icon{font-size:16px;line-height:1;color:var(--wc-text-muted)}.params-panel__controls{display:flex;flex-direction:column;gap:12px;padding:12px 16px;border-bottom:1px solid var(--wc-border);flex-shrink:0}.params-panel__controls label{display:flex;flex-direction:column;gap:6px}.params-panel__controls label span{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--wc-text-muted)}.params-panel__controls select{width:100%;padding:8px 10px;border-radius:6px;border:1px solid var(--wc-border);background:var(--wc-surface);color:var(--wc-text);font-size:13px;font-family:inherit}.params-panel__controls select:focus{outline:2px solid rgb(0 81 153 / .25);outline-offset:1px;border-color:var(--wc-accent-soft)}.params-panel__fields{flex:1;overflow-y:auto;padding:12px 16px 24px;display:flex;flex-direction:column;gap:10px;background:var(--wc-surface-muted)}.param-field{display:flex;flex-direction:column;gap:4px}.param-field__key{font-size:11px;font-weight:500;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--wc-text-secondary);word-break:break-all}.param-field input{width:100%;padding:8px 10px;border-radius:6px;border:1px solid var(--wc-border);background:var(--wc-surface);color:var(--wc-text);font-size:13px;font-family:inherit}.param-field input:focus{outline:2px solid rgb(0 81 153 / .25);outline-offset:1px;border-color:var(--wc-accent-soft)}.preview-area{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--wc-surface-inset)}.preview-area--error,.preview-area--idle{background:var(--wc-surface-muted)}.preview-area__idle{margin:auto;padding:24px;font-size:15px;color:var(--wc-text-secondary)}.preview-area__error{padding:16px;color:#b91c1c;font-size:13px;white-space:pre-wrap;overflow:auto;flex:1}.preview-area__empty{flex-shrink:0;display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--wc-surface);border-bottom:1px solid var(--wc-border);font-size:13px}.preview-area__empty p{margin:0;flex:1}.preview-area__empty button{padding:6px 12px;border-radius:6px;border:1px solid var(--wc-border);background:var(--wc-surface);color:var(--wc-text);cursor:pointer;font-size:13px;font-family:inherit;font-weight:600}.preview-area__empty button:hover{background:var(--wc-surface-muted)}.preview-split{flex:1;display:flex;flex-direction:row;align-items:stretch;min-height:0;min-width:0;padding:8px;gap:0}.preview-split--all-hidden{flex:0}.preview-split__pane{display:flex;flex-direction:column;align-self:stretch;min-height:0;min-width:0;height:100%}.preview-split__pane--grow{flex:1 1 0;min-width:0}.preview-split__pane--collapsed{flex:0 0 auto;width:auto;max-width:100%}.preview-section{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--wc-surface);border:1px solid var(--wc-border);border-radius:var(--wc-radius);overflow:hidden}.preview-section--hidden{flex:0 0 auto}.preview-section__toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;background:var(--wc-surface-muted);border-bottom:1px solid var(--wc-border);flex-shrink:0}.preview-section__titles{display:flex;flex-direction:column;gap:2px;min-width:0}.preview-section__titles strong{font-size:12px;font-weight:600;color:var(--wc-text)}.preview-section__titles span{font-size:11px;color:var(--wc-text-muted)}.preview-section__actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.viewport-toggle{display:inline-flex;border:1px solid var(--wc-border);border-radius:6px;overflow:hidden;margin-inline-end:4px}.viewport-toggle__btn{padding:3px 8px;border:0;background:var(--wc-surface);font-size:11px;font-weight:600;font-family:inherit;color:var(--wc-text-secondary);cursor:pointer}.viewport-toggle__btn+.viewport-toggle__btn{border-inline-start:1px solid var(--wc-border)}.viewport-toggle__btn.is-active{background:var(--wc-surface-inset);color:var(--wc-text)}.viewport-toggle__btn:hover:not(.is-active){background:var(--wc-surface-muted)}.html-viewport{flex:1;min-height:0;display:flex;flex-direction:column;width:100%}.html-viewport--desktop iframe{width:100%;flex:1;min-height:0;height:100%;border:0;background:var(--wc-surface);box-shadow:0 2px 12px #0f172a1f;border-radius:2px}.html-viewport--mobile{align-items:center}.html-viewport--mobile iframe{width:100%;max-width:390px;flex:1;min-height:0;height:100%;margin:0 auto;box-shadow:0 2px 16px #0f172a2e;border-radius:8px}.preview-section__actions button{padding:4px 10px;border-radius:6px;border:1px solid var(--wc-border);background:var(--wc-surface);font-size:12px;cursor:pointer;color:var(--wc-text-secondary);font-family:inherit}.preview-section__actions button:hover{background:var(--wc-surface-inset);color:var(--wc-text)}.preview-section__frame-wrap{flex:1;min-height:0;display:flex;flex-direction:column;background:#d8dde3;padding:12px;overflow:auto}.preview-section__frame-wrap--print{position:relative;background:#cfd4da}.print-preview-frame--print-source{position:absolute;width:0;height:0;border:0;opacity:0;pointer-events:none}.preview-section__frame-wrap .html-viewport iframe,.preview-section__frame-wrap iframe.preview-section__pdf-frame{display:block;border:0;background:var(--wc-surface)}.preview-section__frame-wrap iframe.preview-section__pdf-frame,.preview-section__pdf-frame{width:100%;flex:1;min-height:0;height:100%;box-shadow:0 2px 12px #0f172a1f;border-radius:2px}.preview-section__frame-wrap--print iframe.preview-section__pdf-frame{background:#525659}.preview-section__status{margin:0 0 8px;padding:8px 12px;font-size:13px;color:var(--wc-text);background:#ffffffd9;border-radius:6px;flex-shrink:0}.preview-section__status--error{color:#b91c1c;white-space:pre-wrap}@media (max-width: 900px){.app{flex-direction:column}.app__nav{width:100%!important;max-height:40vh}.resize-handle--vertical:first-of-type{width:100%;height:6px;cursor:row-resize}.preview-split{flex-direction:column}.preview-split .resize-handle--vertical{width:100%;height:6px;cursor:row-resize}}