:root{--color-primary: #2f5bea;--color-primary-hover: #2448c8;--color-primary-light: #eef2ff;--color-brand: #0a1b3d;--color-text: #1f2937;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--color-border: #e5e7eb;--color-border-dashed: #c7d2fe;--color-bg: #f3f5f9;--color-card: #ffffff;--color-success: #059669;--color-accent: #0d9488;--color-accent-hover: #0f766e;--color-accent-light: #ecfdf5;--color-brand-hover: #152e5c;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-card: 0 4px 24px rgba(15, 23, 42, .06);--shadow-hover: 0 8px 30px rgba(47, 91, 234, .12);--header-height: 64px;--footer-height: 48px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}#app{min-height:100vh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:100;height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:var(--color-card);border-bottom:1px solid var(--color-border);box-shadow:0 1px 3px #0f172a0a}.header-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.header-logo{width:36px;height:36px}.header-title{display:flex;flex-direction:column;gap:2px}.header-title h1{margin:0;font-size:18px;font-weight:700;color:var(--color-brand);letter-spacing:-.02em}.header-title p{margin:0;font-size:12px;color:var(--color-text-secondary)}.header-meta{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--color-text-secondary)}.header-meta a{color:var(--color-primary);text-decoration:none;font-weight:500}.header-meta a:hover{text-decoration:underline}.app-main{flex:1;padding:24px}.edit-page{flex:1;display:flex;flex-direction:column;min-height:100vh;padding:24px;box-sizing:border-box}.edit-page .editor-panel{flex:1;min-height:0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:stretch;max-width:1600px;margin:0 auto;min-height:calc(100vh - var(--header-height) - var(--footer-height) - 48px)}.left-panel{display:flex;flex-direction:column;gap:20px;min-width:0}.right-panel{display:flex;flex-direction:column;min-width:0;min-height:0}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px 24px;box-shadow:var(--shadow-card)}.card-title{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--color-text);display:flex;align-items:center;gap:8px}.card-title:before{content:"";width:4px;height:16px;border-radius:2px;background:linear-gradient(180deg,var(--color-primary),#6366f1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:500;font-family:inherit;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.btn-brand{background:linear-gradient(135deg,var(--color-brand),var(--color-brand-hover));color:#fff;box-shadow:0 2px 8px #0a1b3d47}.btn-brand:hover:not(:disabled){background:linear-gradient(135deg,var(--color-brand-hover),#1e3a6e);box-shadow:0 6px 20px #0a1b3d38;transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--color-primary),#4f46e5);color:#fff;box-shadow:0 2px 8px #2f5bea47}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-hover),#4338ca);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.btn-outline{background:#fff;color:var(--color-primary);border:1px solid #a5b4fc}.btn-outline:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary-hover);background:var(--color-primary-light)}.btn-accent{background:#fff;color:var(--color-accent);border:1px solid #5eead4}.btn-accent:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent-hover);background:var(--color-accent-light)}.btn-secondary{background:var(--color-card);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-block{width:100%}.upload-zone{position:relative;display:flex;align-items:center;justify-content:center;height:240px;padding:24px;border:2px dashed var(--color-border-dashed);border-radius:var(--radius-md);background:linear-gradient(180deg,#fafbff,#f8fafc);cursor:pointer;overflow:hidden;transition:all .2s ease}.upload-zone:hover,.upload-zone:focus,.upload-zone:focus-visible{border-color:var(--color-primary);background:var(--color-primary-light);box-shadow:var(--shadow-hover);outline:none}.upload-zone input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.upload-hint{text-align:center;pointer-events:none}.upload-hint .upload-icon{font-size:32px;margin-bottom:12px;opacity:.6}.upload-hint p{margin:0 0 8px;font-size:14px;font-weight:500;color:var(--color-text)}.upload-hint span{font-size:12px;color:var(--color-text-muted);line-height:1.5}.upload-preview{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.result-box{padding:14px 16px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fafbfc;font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-all}.result-box.placeholder{color:var(--color-text-muted)}.preview-box{display:flex;align-items:center;justify-content:center;min-height:220px;padding:16px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fafbfc}.preview-box img{max-width:100%;max-height:320px;object-fit:contain}.preview-box .placeholder{color:var(--color-text-muted);font-size:13px}.smiles-before{color:var(--color-text)}.smiles-sep{color:var(--color-primary);font-weight:500}.smiles-after{color:#dc2626}.smiles-hint{margin-top:10px;font-size:12px;color:var(--color-text-muted)}.editor-textarea{width:100%;padding:12px 14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:13px;font-family:var(--font-mono);line-height:1.5;resize:vertical;transition:border-color .2s;background:#fafbfc}.editor-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2f5bea1f;background:#fff}.button-group{display:flex;gap:10px;flex-wrap:wrap}.button-group .btn{flex:1;min-width:120px}.app-footer{height:var(--footer-height);display:flex;align-items:center;justify-content:center;gap:8px;padding:0 24px;font-size:12px;color:var(--color-text-muted);background:var(--color-card);border-top:1px solid var(--color-border)}.app-footer a{color:var(--color-text-secondary);text-decoration:none}.app-footer a:hover{color:var(--color-primary)}.loader{position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;z-index:10}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:960px){.app-header{flex-direction:column;height:auto;padding:16px;gap:12px}.header-meta{flex-wrap:wrap;justify-content:center;text-align:center}.workspace{grid-template-columns:1fr}.app-main{padding:16px}}.upload-action[data-v-24eadf3d]{margin-top:12px}.editor-panel[data-v-88ba2161]{display:flex;flex-direction:column;flex:1;height:100%;min-height:calc(100vh - var(--header-height) - var(--footer-height) - 48px)}.editor-panel--embedded[data-v-88ba2161]{min-height:calc(100vh - 48px);height:calc(100vh - 48px)}.editor-panel .editor-textarea[data-v-88ba2161],.editor-panel .button-group[data-v-88ba2161]{margin-bottom:16px}.ketcher-container[data-v-88ba2161]{position:relative;flex:1;min-height:400px;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;overscroll-behavior:none;background:#fff}.editor-panel--embedded .ketcher-container[data-v-88ba2161]{flex:1 1 auto;min-height:0;height:0}.ketcher-frame[data-v-88ba2161]{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border:0}.ocsr-card[data-v-4956e2e4]{flex:1;display:flex;flex-direction:column;min-height:320px}.result-body[data-v-4956e2e4]{flex:1;display:flex;flex-direction:column;gap:12px}.section-header[data-v-4956e2e4]{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.section-label[data-v-4956e2e4]{font-size:12px;font-weight:600;color:var(--color-text-secondary)}.preview-open-btn[data-v-4956e2e4]{padding:2px 10px;border:1px solid var(--color-border);border-radius:999px;background:#fff;color:var(--color-text-secondary);font-size:11px;font-weight:600;cursor:pointer}.interactive-overview[data-v-4956e2e4]{position:relative;display:flex;align-items:center;justify-content:center;height:360px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#f8fafc;overflow:hidden}.image-stage[data-v-4956e2e4]{position:relative;display:inline-block;max-width:100%;max-height:100%;line-height:0}.overview-image[data-v-4956e2e4]{display:block;max-width:100%;max-height:360px;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.bbox-overlay[data-v-4956e2e4]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bbox-hitbox[data-v-4956e2e4]{position:absolute;box-sizing:border-box;margin:0;padding:0;border:1.5px solid transparent;background:transparent;cursor:pointer;pointer-events:auto;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.bbox-hitbox[data-v-4956e2e4]:hover{background:#86efac38;border-color:#4ade80d9}.bbox-hitbox.active[data-v-4956e2e4]{background:#86efac52;border-color:#4ade80;box-shadow:inset 0 0 0 1px #4ade8059}.bbox-tag[data-v-4956e2e4]{position:absolute;top:0;left:0;transform:translateY(calc(-100% - 2px));padding:2px 8px;border-radius:4px 4px 4px 0;background:#4ade80;color:#14532d;font-size:11px;font-weight:600;line-height:1.4;white-space:nowrap;pointer-events:none}.selected-result[data-v-4956e2e4]{display:flex;flex-direction:column;gap:8px;padding:12px;border:1.5px solid #86efac;border-radius:var(--radius-sm);background:#f0fdf4}.selected-label[data-v-4956e2e4]{font-size:12px;font-weight:600;color:var(--color-text-secondary)}.selected-header[data-v-4956e2e4]{display:flex;align-items:center;gap:8px}.result-index[data-v-4956e2e4]{flex:0 0 auto;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#22c55e;color:#fff;font-size:12px;font-weight:700;line-height:1}.score-badge[data-v-4956e2e4]{flex:0 0 auto;padding:2px 8px;border-radius:999px;background:#dcfce7;color:#166534;font-size:11px;font-weight:600;line-height:1.5}.feedback-button[data-v-4956e2e4]{margin-left:auto;flex:0 0 auto;padding:4px 10px;border:1px solid #bbf7d0;border-radius:999px;background:#fff;color:#15803d;font-size:12px;font-weight:600;line-height:1.4;cursor:pointer}.feedback-button[data-v-4956e2e4]:disabled{cursor:not-allowed;opacity:.6}.placeholder[data-v-4956e2e4]{color:var(--color-text-muted);font-size:13px}.preview-modal[data-v-4956e2e4]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;padding:0;background:#0f172ab8;cursor:zoom-out}.preview-modal-scroll[data-v-4956e2e4]{width:100%;height:100%;overflow:auto;padding:64px 32px 32px;text-align:center;cursor:default}.preview-modal-image[data-v-4956e2e4]{width:auto;height:auto;object-fit:contain;border-radius:var(--radius-md);background:#fff;box-shadow:0 20px 60px #0f172a59;transition:width .12s ease,height .12s ease;cursor:zoom-out}.preview-toolbar[data-v-4956e2e4]{position:fixed;top:20px;right:24px;z-index:1001;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;background:#fffffff5;box-shadow:0 8px 24px #0f172a33;cursor:default}.preview-zoom-btn[data-v-4956e2e4]{width:28px;height:28px;border:1px solid var(--color-border);border-radius:50%;background:#fff;color:var(--color-text);font-size:18px;line-height:1;cursor:pointer}.preview-scale[data-v-4956e2e4]{min-width:44px;text-align:center;color:var(--color-text-secondary);font-size:12px;font-weight:600}.feedback-modal[data-v-4956e2e4]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:16px;background:#0f172a80}.feedback-dialog[data-v-4956e2e4]{width:min(360px,100%);padding:16px;border-radius:var(--radius-md);background:#fff;box-shadow:0 20px 60px #0f172a47}.feedback-dialog h3[data-v-4956e2e4]{margin:0 0 6px;color:var(--color-text);font-size:16px}.feedback-dialog p[data-v-4956e2e4]{margin:0 0 10px;color:var(--color-text-secondary);font-size:12px;line-height:1.45}.feedback-textarea[data-v-4956e2e4]{width:100%;min-height:72px;resize:vertical;padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:13px;line-height:1.45}.feedback-textarea[data-v-4956e2e4]:focus{border-color:#dc2626;outline:none;box-shadow:0 0 0 3px #dc26261f}.feedback-actions[data-v-4956e2e4]{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.feedback-cancel[data-v-4956e2e4],.feedback-submit[data-v-4956e2e4]{padding:6px 14px;border-radius:999px;font-size:12px;font-weight:600;cursor:pointer}.feedback-cancel[data-v-4956e2e4]{border:1px solid var(--color-border);background:#fff;color:var(--color-text-secondary)}.feedback-submit[data-v-4956e2e4]{border:1px solid #dc2626;background:#dc2626;color:#fff}.feedback-cancel[data-v-4956e2e4]:disabled,.feedback-submit[data-v-4956e2e4]:disabled{cursor:not-allowed;opacity:.6}