.docs-area{position:absolute;top:0;right:0;bottom:0;left:0;background:#f6f5f1;color:#111;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;display:flex;flex-direction:column;overflow:hidden}.docs-error{background:#fdf1ee;color:#8b1a2f;border-left:3px solid #8b1a2f;padding:12px 16px;font-size:13px}.docs-error-inline{color:#8b1a2f;font-size:12px}.docs-library{padding:40px 48px;max-width:900px;margin:0 auto;width:100%;overflow-y:auto;flex:1}.docs-library-header h1{font-size:32px;font-weight:700;margin:0 0 8px;letter-spacing:-.01em}.docs-library-sub{color:#555;font-size:14px;line-height:1.5;margin:0 0 16px;max-width:560px}.docs-library-toolbar{display:flex;gap:8px;margin-bottom:24px}.docs-library-empty{padding:32px;background:#fff;border:1px solid #e8e6e0;border-radius:8px;text-align:center}.docs-library-empty p{margin:0 0 16px;color:#555}.docs-library-empty-note{margin-top:16px!important;font-size:12px;color:#888}.docs-library-list{list-style:none;padding:0;margin:0}.docs-library-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#fff;border:1px solid #e8e6e0;border-radius:6px;margin-bottom:8px}.docs-library-item-name{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.docs-library-item-actions{display:flex;gap:8px;align-items:center}.docs-kebab{position:relative;display:inline-flex}.docs-kebab-toggle{width:28px;height:28px;border:0;background:transparent;border-radius:4px;font-size:20px;line-height:1;color:#555;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.docs-kebab-toggle:hover:not(:disabled){background:#f0ebe0;color:#111}.docs-kebab-toggle:disabled{opacity:.4;cursor:default}.docs-kebab-menu{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border:1px solid #d4d2cc;border-radius:6px;box-shadow:0 4px 12px #00000014;min-width:140px;z-index:20;padding:4px}.docs-kebab-option{display:block;width:100%;text-align:left;background:transparent;border:0;padding:8px 12px;font-size:13px;border-radius:4px;cursor:pointer;color:#111;font-family:inherit}.docs-kebab-option:hover{background:#f0ebe0}.docs-kebab-option-danger{color:#8b1a2f}.docs-kebab-option-danger:hover{background:#fdf1ee}.docs-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.docs-modal{background:#fff;border-radius:8px;padding:24px;width:480px;max-width:calc(100vw - 32px);box-shadow:0 8px 32px #0003}.docs-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.docs-modal-header h2{margin:0;font-size:20px}.docs-modal-intro{color:#555;font-size:13px;line-height:1.5;margin:0 0 20px}.docs-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid #e8e6e0}.docs-editor{display:flex;flex-direction:column;flex:1;min-height:0}.docs-editor-header{display:flex;align-items:center;gap:16px;padding:10px 16px;border-bottom:1px solid #e8e6e0;background:#fff;flex-shrink:0}.docs-editor-title{flex:1;font-size:14px}.docs-editor-title-sub{color:#888}.docs-editor-save-status{font-size:12px;color:#666}.docs-editor-body{display:grid;grid-template-columns:180px 1fr 360px;flex:1;min-height:0}.docs-page-nav{border-right:1px solid #e8e6e0;background:#fff;overflow-y:auto}.docs-page-nav ul{list-style:none;padding:8px 0;margin:0}.docs-page-nav li{display:flex;gap:10px;padding:10px 14px;cursor:pointer;border-left:3px solid transparent;font-size:13px}.docs-page-nav li:hover{background:#f6f5f1}.docs-page-nav li.active{background:#fff7f2;border-left-color:#c55a28}.docs-page-nav-num{color:#888;width:16px;text-align:right}.docs-page-nav-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.docs-preview-pane{background:#d9d4cc;display:flex;flex-direction:column;min-height:0}.docs-preview-toolbar{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#1a1917;border-bottom:1px solid #000;flex-shrink:0}.docs-preview-toolbar .docs-btn{background:#2a2826;color:#fff;border-color:#3a3735}.docs-preview-toolbar .docs-btn:hover:not(:disabled){background:#3a3735}.docs-zoom-label{min-width:52px;text-align:center;font-variant-numeric:tabular-nums}.docs-preview-toolbar-hint{margin-left:auto;color:#888;font-size:11px}.docs-preview-zoom-frame{flex:1 1 auto;position:relative;width:100%;min-height:0;overflow:hidden;background:#d9d4cc}.docs-preview-iframe{position:absolute;top:0;left:0;border:0;background:#d9d4cc}.docs-fields-pane{border-left:1px solid #e8e6e0;background:#fff;overflow-y:auto;padding:20px;display:flex;flex-direction:column;min-height:0}.docs-html-panel{display:flex;flex-direction:column;flex:1;min-height:0;gap:16px;margin:-20px;padding:16px}.docs-html-history{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.docs-html-history-title{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#888;padding-bottom:8px;border-bottom:1px solid #e8e6e0;margin-bottom:10px}.docs-html-history-empty{font-size:12px;color:#aaa;font-style:italic}.docs-html-history ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.docs-html-history-item{margin:0}.docs-html-history-revert{display:flex;flex-direction:column;align-items:flex-start;width:100%;background:#faf8f4;border:1px solid #e8e6e0;border-radius:6px;padding:8px 10px;cursor:pointer;text-align:left;font-family:inherit;transition:background .1s,border-color .1s}.docs-html-history-revert:hover:not(:disabled){background:#f0ebe0;border-color:#c0bcb5}.docs-html-history-revert:disabled{opacity:.5;cursor:default}.docs-html-history-label{font-size:13px;color:#2c3a1f;line-height:1.3;word-break:break-word}.docs-html-history-meta{font-size:10px;color:#888;margin-top:4px;text-transform:uppercase;letter-spacing:.05em}.docs-html-brand-toggle{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#888;padding-bottom:8px;border-bottom:1px solid #e8e6e0}.docs-html-brand-toggle label{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.docs-html-brand-toggle input[type=checkbox]{margin:0;cursor:pointer}.docs-references{display:flex;flex-direction:column;border-bottom:1px solid #e8e6e0;padding-bottom:12px;transition:background-color .1s}.docs-references-dragover{background:#faf3eb;outline:1px dashed #c55a28;outline-offset:-4px}.docs-references-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:8px}.docs-references-header h3{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#888;margin:0}.docs-references-empty{font-size:12px;color:#888;line-height:1.4;margin:0}.docs-references-empty em{color:#555}.docs-references-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.docs-references-row{font-size:12px;color:#2c3a1f}.docs-references-row-main{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:4px;background:#faf8f4;border:1px solid #e8e6e0}.docs-references-filename{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.docs-references-toggle,.docs-references-delete{font-size:11px;color:#888;background:none;border:0;cursor:pointer;padding:2px 6px}.docs-references-toggle:hover,.docs-references-delete:hover{color:#c55a28}.docs-references-preview{margin:4px 0 0;padding:6px 8px;background:#f4f1ea;border-radius:4px;font-size:11px;color:#555;line-height:1.4;max-height:120px;overflow-y:auto;white-space:pre-wrap;font-family:inherit}.docs-html-undo{display:flex;justify-content:stretch;border-top:1px solid #e8e6e0;padding-top:12px}.docs-html-undo .docs-btn{width:100%;text-align:center}.docs-html-chat{display:flex;flex-direction:column;gap:8px;border-top:1px solid #e8e6e0;padding-top:12px}.docs-html-chat-input{width:100%;min-height:88px;resize:vertical;font-size:13px;font-family:inherit;padding:10px 12px;border:1px solid #d4d2cc;border-radius:6px;background:#fff;outline:none;line-height:1.4}.docs-html-chat-blank .docs-html-chat-input{background:#f4f1ea;border-style:dashed;border-color:#c0bcb5;color:#555}.docs-html-chat-blank .docs-html-chat-input:focus{background:#fff;border-style:solid;color:#111}.docs-html-chat-input:focus{border-color:#c55a28}.docs-html-chat-input::placeholder{color:#aaa}.docs-html-chat-submit{background:#c55a28;color:#fff;border:0;border-radius:6px;padding:10px 14px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.docs-html-chat-submit:disabled{background:#d4d2cc;cursor:default}.docs-html-chat-submit:hover:not(:disabled){background:#a8481f}.docs-field-form h2,.docs-field-stub h2{font-size:18px;margin:0 0 16px}.docs-field-stub-note{color:#777;font-size:13px;line-height:1.5}.docs-field-row{margin-bottom:18px}.docs-field-label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#666;margin-bottom:6px}.docs-field-input-wrap{display:flex;gap:6px}.docs-field-input{flex:1;padding:8px 10px;border:1px solid #d4d2cc;border-radius:4px;font-size:14px;font-family:inherit;background:#fff}.docs-field-input:focus{outline:2px solid #c55a28;outline-offset:-1px;border-color:transparent}.docs-field-textarea{flex:1;padding:8px 10px;border:1px solid #d4d2cc;border-radius:4px;font-size:14px;font-family:inherit;background:#fff;line-height:1.4;resize:vertical;box-sizing:border-box;min-height:60px}.docs-field-textarea:focus{outline:2px solid #c55a28;outline-offset:-1px;border-color:transparent}.docs-field-input-wrap-vertical{flex-direction:column;align-items:stretch}.docs-field-input-wrap-vertical .docs-ask-btn{align-self:flex-end;margin-top:4px}.docs-field-row-inline{display:flex;gap:12px;align-items:flex-end}.docs-field-row-inline .docs-field-row{flex:1;margin-bottom:0}.docs-section{margin-top:24px;border-top:1px solid #e8e6e0;padding-top:16px}.docs-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.docs-section-header h3{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#444;margin:0}.docs-section-empty{font-size:12px;color:#888;font-style:italic;margin:8px 0}.docs-list-item{border:1px solid #e8e6e0;border-radius:6px;padding:12px;background:#fafaf8;margin-bottom:10px}.docs-list-item-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px dashed #d4d2cc}.docs-list-item-num{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:700;color:#c55a28;background:#fff;padding:2px 8px;border-radius:4px;border:1px solid #e8d5c8}.docs-list-item-controls{margin-left:auto;display:flex;gap:2px}.docs-btn-danger{color:#8b1a2f}.docs-btn-danger:hover{color:#5d0e1f}.docs-risk-badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:3px;color:#fff}.docs-risk-risk-high{background:#8b1a2f}.docs-risk-risk-medium{background:#f0a500;color:#2a1a00}.docs-risk-risk-low{background:#5b7b3a}.docs-deficiency{background:#fff}.docs-canvas-editor{display:flex;flex-direction:column;flex:1;min-height:0;background:#d9d4cc}.docs-canvas-toolbar{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#1a1917;border-bottom:1px solid #000;flex-shrink:0}.docs-canvas-toolbar .docs-btn{background:#2a2826;color:#fff;border-color:#3a3735}.docs-canvas-toolbar .docs-btn:hover:not(:disabled){background:#3a3735}.docs-canvas-toolbar .docs-btn.docs-btn-primary{background:#c55a28;border-color:#c55a28}.docs-canvas-toolbar-spacer{flex:1}.docs-canvas-wrapper{flex:1;overflow:auto;padding:16px;min-height:0}.docs-canvas-surface{background:#fff;box-shadow:0 2px 8px #00000026}.docs-canvas-footer{display:flex;justify-content:space-between;padding:4px 10px;background:#1a1917;color:#aaa;font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;border-top:1px solid #000;flex-shrink:0}.docs-chat-drawer{position:absolute;top:49px;right:0;bottom:0;width:420px;background:#fff;border-left:1px solid #d4d2cc;box-shadow:-4px 0 16px #0000001a;display:flex;flex-direction:column;z-index:50}.docs-chat-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid #e8e6e0;background:#faf7f3;flex-shrink:0}.docs-chat-header-controls{display:flex;gap:6px}.docs-chat-intro{padding:12px 14px;background:#fff7f2;border-bottom:1px solid #f1e2d4;font-size:12px;line-height:1.5;color:#5a3a20;flex-shrink:0}.docs-chat-intro em{font-style:italic;color:#8b4515}.docs-chat-scroll{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:12px}.docs-chat-empty{color:#888;font-size:13px;text-align:center;margin-top:32px}.docs-chat-message{font-size:13px;line-height:1.45}.docs-chat-user .docs-chat-message-content{background:#f0f0ed;border-radius:8px;padding:8px 12px;align-self:flex-end;max-width:85%;margin-left:auto;display:inline-block}.docs-chat-assistant .docs-chat-message-content{color:#333;padding:4px 0}.docs-chat-applied{font-size:11px;color:#5b7b3a;margin-top:4px;font-weight:600}.docs-chat-input{padding:10px 14px;border-top:1px solid #e8e6e0;background:#fafaf8;flex-shrink:0}.docs-chat-input textarea{width:100%;padding:8px;border:1px solid #d4d2cc;border-radius:4px;font-family:inherit;font-size:13px;resize:vertical;box-sizing:border-box}.docs-chat-input button{margin-top:6px;width:100%}.docs-chat-edits{margin-top:10px;border:1px solid #d4d2cc;border-radius:6px;background:#fff}.docs-chat-edits-header{padding:8px 12px;border-bottom:1px solid #e8e6e0;font-size:12px;font-weight:600;color:#555;background:#faf7f3;text-transform:uppercase;letter-spacing:.06em}.docs-chat-edits-list{list-style:none;margin:0;padding:0;max-height:320px;overflow-y:auto}.docs-chat-edit{padding:8px 12px;border-bottom:1px solid #f0eee9}.docs-chat-edit:last-child{border-bottom:none}.docs-chat-edit-row{display:flex;gap:8px;cursor:pointer}.docs-chat-edit-path{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:#888;margin-bottom:4px}.docs-chat-edit-diff{font-size:12px;line-height:1.4}.docs-chat-edit-old{color:#8b1a2f;text-decoration:line-through;opacity:.7}.docs-chat-edit-arrow{color:#c55a28;font-weight:700;margin:2px 0}.docs-chat-edit-new{color:#111}.docs-chat-edit-rationale{font-size:11px;color:#777;font-style:italic;margin-top:4px}.docs-chat-edits-actions{display:flex;flex-wrap:wrap;gap:4px;padding:8px 12px;border-top:1px solid #e8e6e0;background:#faf7f3}.docs-ask-btn{white-space:nowrap}.docs-ask-panel{margin-top:8px;padding:12px;background:#faf7f3;border:1px solid #e8e6e0;border-radius:4px}.docs-ask-panel textarea{width:100%;padding:8px;border:1px solid #d4d2cc;border-radius:4px;font-family:inherit;font-size:13px;resize:vertical;box-sizing:border-box}.docs-ask-controls{display:flex;gap:8px;margin-top:8px}.docs-suggestion{margin-top:12px;padding:10px;background:#fff;border:1px solid #d4d2cc;border-radius:4px}.docs-suggestion-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#666;margin-bottom:4px}.docs-suggestion-text{font-size:13px;line-height:1.5;white-space:pre-wrap}.docs-suggestion-warning{margin-top:8px;padding:6px 8px;background:#fdf1ee;border-left:2px solid #f0a500;color:#6a4400;font-size:12px}.docs-btn{padding:8px 14px;border:1px solid #d4d2cc;background:#fff;border-radius:4px;font-size:13px;cursor:pointer;font-family:inherit}.docs-btn:hover:not(:disabled){background:#f6f5f1}.docs-btn:disabled{opacity:.5;cursor:not-allowed}.docs-btn-small{padding:6px 10px;font-size:12px}.docs-btn-primary{background:#c55a28;color:#fff;border-color:#c55a28}.docs-btn-primary:hover:not(:disabled){background:#a94b1f}.docs-btn-text{background:none;border:none;color:#555;cursor:pointer;font-size:13px;padding:4px 8px;font-family:inherit}.docs-btn-text:hover{color:#111;text-decoration:underline}.shell{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.shell-nav{display:flex;align-items:center;gap:16px;padding:6px 12px;background:#1a1917;color:#fff;font-size:13px;flex-shrink:0;z-index:100}.shell-nav-brand{font-weight:700;letter-spacing:.04em}.shell-nav-tab{padding:6px 12px;border:none;background:transparent;color:#ccc;cursor:pointer;font-size:13px;font-family:inherit;border-radius:4px}.shell-nav-tab:hover{color:#fff}.shell-nav-tab.active{background:#c55a28;color:#fff}.shell-main{flex:1;position:relative;min-height:0}.docs-undo-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#e8f0e3;border:1px solid #c2d3b0;border-radius:6px;margin:12px 0 18px;font-size:13px;color:#2c3a1f}.docs-undo-pill{display:inline-flex;align-items:center;gap:8px;padding:4px 6px 4px 12px;background:#e8f0e3;border:1px solid #97b67c;border-radius:999px;font-size:13px;color:#2c3a1f;margin-left:12px;white-space:nowrap}.docs-undo-pill-dismiss{padding:0 4px;font-size:14px;line-height:1;color:#6c8557}.docs-undo-pill-dismiss:hover{color:#2c3a1f}.docs-add-page{position:relative;margin:12px 8px}.docs-add-page-toggle{width:100%}.docs-add-page-menu{position:absolute;bottom:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #d4d2cc;border-radius:4px;padding:4px;box-shadow:0 4px 16px #00000026;z-index:50;display:flex;flex-direction:column}.docs-add-page-option{background:none;border:0;padding:8px 10px;text-align:left;cursor:pointer;font-size:13px;font-family:inherit;border-radius:3px;color:inherit}.docs-add-page-option:hover{background:#f4efe5}.docs-list-item{border:1px solid #e8e6e0;border-radius:6px;padding:12px;margin-bottom:12px;background:#fafaf7}.docs-list-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.docs-list-item-num{font-family:var(--mono, ui-monospace, monospace);font-size:12px;color:#888;font-weight:600}.docs-list-item-controls{display:flex;gap:4px}.docs-table-col-row{display:flex;gap:6px;margin-bottom:6px;align-items:center}.docs-table-col-row .docs-field-input{flex:1}.docs-table-row{border:1px solid #e8e6e0;border-radius:6px;padding:12px;margin-bottom:12px;background:#fafaf7}.docs-image-page-preview{border:1px solid #d4d2cc;border-radius:4px;background:#fff;padding:6px;margin-bottom:8px}.docs-image-page-preview img{display:block;max-width:100%;max-height:200px;object-fit:contain;margin:0 auto}.docs-prop-group{margin:18px 0;padding-top:12px;border-top:1px solid #e8e6e0}.docs-prop-group-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#888;margin:0 0 12px}.docs-prop-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.docs-prop-grid-2 .docs-field-row{margin-bottom:0}.docs-prop-color-row{display:flex;flex-direction:column}.docs-prop-color-controls{display:flex;gap:8px;align-items:center}.docs-prop-color-swatch{width:36px;height:32px;padding:0;border:1px solid #d4d2cc;border-radius:4px;background:#fff;cursor:pointer}.docs-prop-color-controls .docs-field-input{flex:1}.docs-prop-monospace{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:#555;word-break:break-all}.docs-modal-wide{width:720px}.docs-asset-drop{border:2px dashed #c0bcb5;border-radius:6px;padding:24px;text-align:center;cursor:pointer;background:#faf8f4;color:#555;font-size:13px;line-height:1.5;transition:background .15s,border-color .15s}.docs-asset-drop:hover,.docs-asset-drop.is-dragover{background:#f4efe5;border-color:#8a8478}.docs-asset-drop small{color:#888}.docs-asset-grid-label{margin:18px 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#777}.docs-asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;max-height:360px;overflow-y:auto;padding:4px}.docs-asset-tile{display:flex;flex-direction:column;align-items:stretch;border:1px solid #e8e6e0;border-radius:4px;background:#fff;padding:6px;cursor:pointer;font-family:inherit;text-align:left;transition:border-color .1s,transform .1s}.docs-asset-tile:hover{border-color:#c55a28;transform:translateY(-1px)}.docs-asset-tile img{width:100%;height:80px;object-fit:cover;background:#f0eee9;border-radius:2px}.docs-asset-tile-name{font-size:11px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#444}.tmp-app{height:100vh;display:flex;flex-direction:column;background:var(--bg-app);color:var(--text-primary);font-family:var(--font)}.tmp-header{padding:12px 16px;background:var(--bg-panel);border-bottom:.5px solid var(--border);display:flex;flex-direction:column;gap:8px}.tmp-title{font-size:14px;font-weight:700;letter-spacing:.02em}.tmp-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.tmp-btn{height:30px;padding:0 12px;font-family:var(--font);font-size:12px;font-weight:600;border-radius:5px;border:.5px solid var(--border);background:var(--bg-panel);color:var(--text-primary);cursor:pointer;transition:background .1s,border-color .1s}.tmp-btn:hover:not(:disabled){background:var(--bg-surface)}.tmp-btn:disabled{opacity:.45;cursor:not-allowed}.tmp-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.tmp-btn.primary:hover:not(:disabled){background:var(--accent-hover)}.tmp-input,.tmp-select{height:30px;padding:0 10px;font-family:var(--font);font-size:12px;border-radius:5px;border:.5px solid var(--border);background:var(--bg-input);color:var(--text-primary);outline:none}.tmp-input:focus,.tmp-select:focus{border-color:var(--text-secondary)}.tmp-input{flex:1;min-width:200px}.tmp-meta{font-size:11px;color:var(--text-tertiary)}.tmp-main{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:16px;overflow:auto}.tmp-drop{width:60%;max-width:700px;min-height:280px;border:2px dashed var(--border);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:13px}.tmp-canvas{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius);box-shadow:0 4px 20px #00000014;cursor:crosshair;background:#000}.tmp-footer{padding:12px 16px;background:var(--bg-panel);border-top:.5px solid var(--border);max-height:30vh;overflow-y:auto;font-size:12px;line-height:1.5}.tmp-error{color:#b02a19;font-weight:600}.tmp-regions{margin-bottom:6px;color:var(--text-primary)}.tmp-reasoning{color:var(--text-secondary)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-app: #f2efe9;--bg-panel: #ffffff;--bg-surface: #f7f5f1;--bg-input: #f7f5f1;--border: #dad7d0;--border-light: #e8e5df;--text-primary: #1a1917;--text-secondary: #6e6b64;--text-tertiary: #9c9890;--accent: #2b2b2a;--accent-hover: #3d3d3b;--markup-red: #d14f3a;--markup-blue: #2d7bce;--markup-green: #1d9e75;--markup-amber: #d49b1a;--markup-black: #1a1917;--radius: 8px;--radius-lg: 12px;--font: "DM Sans", -apple-system, system-ui, sans-serif}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg-panel);color:var(--text-primary);-webkit-font-smoothing:antialiased}button{font-family:var(--font)}.app{height:100vh;background:var(--bg-app);display:flex;overflow:hidden;padding:10px;position:relative}.app.drag-over:after{content:"Drop image to open";position:absolute;top:10px;right:10px;bottom:10px;left:10px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--accent);background:#ffffffd9;border:2px dashed var(--accent);border-radius:var(--radius-lg);z-index:20;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.toolbar{display:flex;flex-direction:column;background:var(--bg-panel);border:.5px solid var(--border);border-radius:var(--radius-lg);padding:6px;width:38px;flex-shrink:0;margin-right:10px;gap:2px}.tb{width:26px;height:26px;border:none;background:transparent;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;color:var(--text-secondary);transition:all .1s;position:relative}.tb:hover{background:var(--bg-surface);color:var(--text-primary)}.tb.on{background:var(--accent);color:#fff}.tb:disabled{opacity:.3;cursor:not-allowed}.tb:disabled:hover{background:transparent;color:var(--text-secondary)}.tb svg{width:14px;height:14px}.tb .tip{display:none;position:absolute;left:36px;top:50%;transform:translateY(-50%);background:var(--accent);color:#fff;font-size:11px;font-weight:500;padding:4px 8px;border-radius:4px;white-space:nowrap;z-index:10;pointer-events:none}.tb .tip:before{content:"";position:absolute;left:-4px;top:50%;transform:translateY(-50%);border:4px solid transparent;border-right-color:var(--accent);border-left:none}.tb:hover .tip{display:block}.sep{height:.5px;background:var(--border-light);margin:4px 2px}.tb-wrap{position:relative;display:flex}.mode-menu{position:absolute;left:34px;top:-2px;background:var(--bg-panel);border:.5px solid var(--border);border-radius:var(--radius);box-shadow:0 6px 20px #0000001f;padding:4px;width:190px;z-index:30}.mm-item{display:block;width:100%;text-align:left;border:none;background:transparent;padding:8px 10px;border-radius:5px;cursor:pointer;font-family:var(--font)}.mm-item:hover{background:var(--bg-surface)}.mm-item.on{background:var(--bg-surface);border:.5px solid var(--accent)}.mm-title{font-size:12px;font-weight:600;color:var(--text-primary)}.mm-sub{font-size:10px;color:var(--text-tertiary);margin-top:2px}.canvas{flex:1;background:var(--bg-panel);border:.5px solid var(--border);border-radius:var(--radius-lg);position:relative;overflow:hidden;min-width:0}.canvas>img{width:100%;height:100%;object-fit:cover;display:block}.canvas .canvas-container{position:absolute!important;top:0;right:0;bottom:0;left:0}.canvas .canvas-container canvas{display:block}.canvas .overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.badge{position:absolute;top:12px;left:14px;background:#ffffffeb;padding:5px 12px;border-radius:6px;font-size:11px;color:var(--text-secondary);border:.5px solid var(--border);font-weight:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.zoom{position:absolute;bottom:12px;left:12px;display:flex;background:#fffffff2;border-radius:6px;border:.5px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden}.zb{width:28px;height:28px;border:none;background:transparent;cursor:pointer;font-size:14px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .1s}.zb:hover{background:var(--bg-surface);color:var(--text-primary)}.zb:first-child{border-right:.5px solid var(--border-light)}.rpanel{display:flex;flex-direction:column;width:220px;flex-shrink:0;margin-left:10px;position:relative}.rpanel-resize{position:absolute;top:0;bottom:0;left:-6px;width:10px;cursor:ew-resize;z-index:5;background:transparent}.rpanel-resize:hover,.rpanel-resize:active{background:linear-gradient(to right,transparent 0,transparent 4px,var(--border) 4px,var(--border) 6px,transparent 6px,transparent 10px)}.rsec{background:var(--bg-panel);padding:14px}.rsec.top{border-radius:var(--radius-lg) var(--radius-lg) 0 0;border:.5px solid var(--border);border-bottom:none}.rsec.history{border-left:.5px solid var(--border);border-right:.5px solid var(--border);border-top:.5px solid var(--border-light);padding:12px 14px;flex-shrink:0;max-height:220px;display:flex;flex-direction:column;min-height:0}.rsec.mid{border-left:.5px solid var(--border);border-right:.5px solid var(--border);border-top:.5px solid var(--border-light);flex:1;display:flex;flex-direction:column;min-height:0}.rsec.bot{border-radius:0 0 var(--radius-lg) var(--radius-lg);border:.5px solid var(--border);border-top:.5px solid var(--border-light);padding:12px}.shdr{display:flex;align-items:center;gap:7px;margin-bottom:14px;padding-bottom:10px;border-bottom:.5px solid var(--border-light)}.shdr svg{width:13px;height:13px;color:var(--text-secondary)}.shdr span{font-size:12px;font-weight:600}.lbl{font-size:10px;color:var(--text-tertiary);margin-bottom:7px;text-transform:uppercase;letter-spacing:.07em;font-weight:600}.pg{margin-bottom:14px}.pg:last-child{margin-bottom:0}.sw-row{display:flex;gap:8px}.sw{width:20px;height:20px;border-radius:50%;border:none;cursor:pointer;padding:0;transition:transform .1s}.sw:hover{transform:scale(1.12)}.sw.on{box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--text-primary)}.sh{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.sv{font-size:11px;font-weight:600;color:var(--text-primary)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:var(--border);outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px #00000026}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px #00000026}.st-row{display:flex;gap:5px}.st{flex:1;height:28px;border:.5px solid var(--border);background:var(--bg-panel);border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;color:var(--text-secondary);transition:all .1s}.st:hover{border-color:var(--text-secondary);color:var(--text-primary)}.st.on{border-color:var(--accent);color:var(--accent);background:var(--bg-surface)}.clbl{font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.07em;font-weight:600;margin-bottom:10px}.msgs{flex:1;overflow-y:auto;margin-bottom:10px;font-size:12px;line-height:1.55}.msg{padding:8px 10px;border-radius:6px;margin-bottom:6px;background:var(--bg-surface)}.mmeta{font-size:10px;color:var(--text-tertiary);margin-bottom:2px;font-weight:500}.msgs-empty{font-size:11px;color:var(--text-tertiary);padding:4px 2px}.ref-chip{display:flex;align-items:center;gap:8px;padding:4px;margin-bottom:6px;background:var(--bg-surface);border:.5px solid var(--border);border-radius:6px;flex-shrink:0;transition:border-color .1s,background .1s}.ref-chip.drag{border-color:var(--accent);background:var(--bg-panel)}.ref-chip.disabled{opacity:.55}.ref-chip.excluded .ref-thumb{opacity:.35}.ref-include{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:2px;cursor:pointer}.ref-include input[type=checkbox]{margin:0;cursor:pointer;accent-color:var(--accent)}.ref-include input[type=checkbox]:disabled{cursor:not-allowed}.ref-thumb{width:40px;height:40px;object-fit:cover;border-radius:4px;border:.5px solid var(--border-light);flex-shrink:0;background:#fff}.ref-meta{min-width:0;flex:1;display:flex;flex-direction:column;gap:1px}.ref-label{font-size:11px;font-weight:600;color:var(--text-primary);line-height:1.2}.ref-sub{font-size:10px;color:var(--text-tertiary);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ref-clear{width:22px;height:22px;border:none;background:transparent;color:var(--text-secondary);font-size:16px;line-height:1;cursor:pointer;border-radius:4px;flex-shrink:0;padding:0}.ref-clear:hover{background:var(--bg-panel);color:var(--text-primary)}.cinp{width:100%;min-height:36px;resize:none;font-size:12px;font-family:var(--font);padding:8px 10px;border:.5px solid var(--border);border-radius:6px;background:var(--bg-input);color:var(--text-primary);outline:none;line-height:1.4;flex-shrink:0}.cinp-resize{height:6px;margin:0 0 -3px;cursor:ns-resize;border-radius:3px;background:transparent;flex-shrink:0}.cinp-resize:hover,.cinp-resize:active{background:var(--border)}.cinp:focus{border-color:var(--text-secondary)}.cinp::placeholder{color:var(--text-tertiary)}.model-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.model-select{flex:1;height:26px;border:.5px solid var(--border);background:var(--bg-panel);border-radius:5px;font-size:11px;font-family:var(--font);color:var(--text-primary);padding:0 6px;cursor:pointer;outline:none}.model-select:focus{border-color:var(--text-secondary)}.submit{width:100%;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);padding:0 16px;height:42px;font-size:13px;font-weight:600;font-family:var(--font);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .12s}.submit:hover:not(:disabled){background:var(--accent-hover)}.submit:disabled{opacity:.5;cursor:not-allowed}.submit svg{width:14px;height:14px}.panel-muted{font-size:11px;color:var(--text-tertiary);line-height:1.5}.hist-actions{display:flex;gap:4px;margin-left:auto}.hbtn{width:22px;height:22px;border:.5px solid var(--border);background:var(--bg-panel);border-radius:4px;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;padding:0;transition:all .1s}.hbtn:hover:not(:disabled){color:var(--text-primary);border-color:var(--text-secondary);background:var(--bg-surface)}.hbtn:disabled{opacity:.3;cursor:not-allowed}.hbtn svg{width:11px;height:11px}.hist-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:3px;padding-right:2px}.hist-row{display:flex;align-items:center;gap:8px;padding:4px 6px;border:.5px solid transparent;background:transparent;border-radius:5px;cursor:pointer;text-align:left;transition:all .1s;font-family:var(--font)}.hist-row:hover{background:var(--bg-surface)}.hist-row.on{background:var(--bg-surface);border-color:var(--accent)}.hist-group{display:flex;flex-direction:row;gap:3px;background:var(--bg-surface);border:.5px solid var(--border-light);border-radius:7px;padding:3px;position:relative}.hist-group:before{content:"";position:absolute;left:-2px;top:6px;bottom:6px;width:2px;border-radius:1px;background:var(--accent);opacity:.25}.hist-row.in-group{flex:1;min-width:0;border-radius:4px}.hist-row.in-group:hover{background:var(--bg-panel)}.hist-row.in-group.on{background:var(--bg-panel);border-color:var(--accent)}.hist-thumb{width:36px;height:28px;object-fit:cover;border-radius:3px;border:.5px solid var(--border-light);flex-shrink:0;background:var(--bg-surface)}.hist-meta{min-width:0;flex:1;display:flex;flex-direction:column;gap:1px}.hist-label{font-size:11px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.hist-sub{font-size:10px;color:var(--text-tertiary);line-height:1.2}.msg.msg-system{background:#f4eee1;color:var(--text-secondary)}.gen-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#fff9;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10;pointer-events:none}.gen-spinner{width:28px;height:28px;border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}.gen-text{font-size:12px;font-weight:600;color:var(--text-primary);background:#fffffff2;padding:4px 10px;border-radius:6px;border:.5px solid var(--border)}@keyframes spin{to{transform:rotate(360deg)}}.creative-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#f7f5f1f0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:15;display:flex;flex-direction:column;padding:18px 18px 22px}.creative-header{text-align:center;font-size:13px;font-weight:600;color:var(--text-primary);padding:6px 12px;margin-bottom:14px;flex-shrink:0}.creative-variants{flex:1;min-height:0;display:flex;gap:14px}.creative-variant{flex:1;min-width:0;border:1.5px solid var(--border);background:var(--bg-panel);border-radius:var(--radius-lg);cursor:pointer;position:relative;overflow:hidden;padding:0;transition:border-color .12s,transform .12s,box-shadow .12s}.creative-variant:hover{border-color:var(--accent);box-shadow:0 8px 28px #0000001f;transform:translateY(-1px)}.creative-variant img{display:block;width:100%;height:100%;object-fit:contain;background:var(--bg-surface)}.cv-label{position:absolute;top:10px;left:10px;background:#1a1917c7;color:#fff;font-size:11px;font-weight:600;padding:4px 9px;border-radius:4px;letter-spacing:.03em}.quota-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0e0d8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:100}.quota-card{position:relative;width:min(440px,90vw);background:var(--bg-panel);color:var(--text-primary);border:.5px solid var(--border);border-radius:10px;padding:24px 24px 20px;font-family:var(--font);box-shadow:0 20px 60px #00000073}.quota-close{position:absolute;top:6px;right:8px;width:26px;height:26px;border:none;background:transparent;color:var(--text-secondary);font-size:22px;line-height:1;cursor:pointer;border-radius:4px;padding:0}.quota-close:hover{background:var(--bg-surface);color:var(--text-primary)}.quota-headline{font-size:18px;font-weight:600;margin:0 0 10px;letter-spacing:-.01em}.quota-detail{font-size:13px;color:var(--text-secondary);line-height:1.5;margin:0}.quota-form{display:flex;gap:8px;margin-top:16px}.quota-email{flex:1;padding:8px 10px;font-size:13px;font-family:var(--font);border:.5px solid var(--border);border-radius:6px;background:var(--bg-input);color:var(--text-primary);outline:none}.quota-email:focus{border-color:var(--accent)}.quota-submit{padding:8px 14px;font-size:12px;font-weight:600;font-family:var(--font);border:none;border-radius:6px;background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap}.quota-submit:disabled{opacity:.5;cursor:not-allowed}.quota-thanks{margin-top:14px;font-size:13px;color:var(--accent);font-weight:500}.quota-error{margin-top:8px;font-size:11px;color:#d14f3a}.quota-footnote{margin-top:16px;padding-top:12px;border-top:.5px solid var(--border-light);font-size:11px;color:var(--text-tertiary);line-height:1.4}.brush-cursor{position:absolute;top:0;left:0;display:none;pointer-events:none;border:1px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0009;background:#ffffff0a;transform-origin:0 0;z-index:10}.rsec.layers{flex:0 0 auto;max-height:200px;display:flex;flex-direction:column}.lay-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding-right:2px}.lay-empty{font-size:11px;color:var(--text-tertiary);padding:6px 2px;text-align:center}.lay-row{display:flex;align-items:center;gap:6px;padding:3px 5px;border:.5px solid transparent;background:transparent;border-radius:5px;cursor:pointer;transition:all .1s;font-family:var(--font)}.lay-row:hover{background:var(--bg-surface)}.lay-row.on{background:var(--bg-surface);border-color:var(--accent)}.lay-row.hidden .lay-thumb,.lay-row.hidden .lay-label{opacity:.45}.lay-eye{width:18px;height:18px;flex-shrink:0;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;border-radius:3px;padding:0;display:flex;align-items:center;justify-content:center}.lay-eye.on{color:var(--text-primary)}.lay-eye:hover{background:var(--bg-panel)}.lay-eye svg{width:12px;height:12px}.lay-thumb{width:32px;height:32px;border-radius:3px;border:.5px solid var(--border-light);background:#fff;flex-shrink:0;display:block}.lay-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.lay-label{font-size:11px;font-weight:500;color:var(--text-primary);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lay-opacity{width:100%;height:8px;cursor:pointer;accent-color:var(--accent)}