@charset "UTF-8";

body[data-tool-ui="swiss"] {
  --ws-bg: #f7f6f3;
  --ws-panel: #fbfaf8;
  --ws-soft: #f0efeb;
  --ws-ink: #191919;
  --ws-muted: #666;
  --ws-faint: #6c6c6c;
  --ws-line: #d4d4ce;
  --ws-grid: #20201f;
  --ws-accent: #d83224;
  --ws-accent-text: #b8291c;
  --ws-active: #f4f3ef;
  --ws-control-line: #a9a9a2;
  --paper: var(--ws-bg);
  --surface: var(--ws-panel);
  --surface-soft: var(--ws-soft);
  --ink: var(--ws-ink);
  --muted: var(--ws-muted);
  --faint: var(--ws-faint);
  --line: var(--ws-line);
  --accent: var(--ws-accent);
  --accent-dark: var(--ws-accent-text);
  background: var(--ws-bg);
  color: var(--ws-ink);
  font-family: Arial, "Helvetica Neue", "Microsoft YaHei", sans-serif;
}
body[data-tool-ui="swiss"][data-home-theme="dark"] {
  --ws-bg: #151515;
  --ws-panel: #1e1e1e;
  --ws-soft: #262626;
  --ws-ink: #efefef;
  --ws-muted: #b3b3b3;
  --ws-faint: #a6a6a6;
  --ws-line: #343434;
  --ws-grid: #484848;
  --ws-accent-text: #f4796b;
  --ws-active: #363636;
  --ws-control-line: #6b6b6b;
  --paper: var(--ws-bg);
  --surface: var(--ws-panel);
  --surface-soft: var(--ws-soft);
  --ink: var(--ws-ink);
  --muted: var(--ws-muted);
  --faint: var(--ws-faint);
  --line: var(--ws-line);
  --accent: var(--ws-accent);
  --accent-dark: var(--ws-accent-text);
}
body[data-tool-ui="swiss"] .wb-appbar { position: sticky; top: 0; z-index: 30; background: var(--ws-bg); }
body[data-tool-ui="swiss"] #main { min-height: calc(100vh - 82px); }
body[data-tool-ui="swiss"] .view:not(.wb-home) { max-width: 1640px; margin: 0 auto; padding: 42px 42px 48px; }
body[data-tool-ui="swiss"] .page-heading { align-items: center; gap: 24px; margin-bottom: 25px; }
body[data-tool-ui="swiss"] .workspace-kicker { display: block; margin-bottom: 9px; color: var(--ws-muted); font-size: 10px; letter-spacing: .1em; }
body[data-tool-ui="swiss"] .page-heading h1 { color: var(--ws-ink); font-size: 38px; font-weight: 700; letter-spacing: -.045em; line-height: 1.25; }
body[data-tool-ui="swiss"] .page-heading h1 > span { color: var(--ws-accent-text); }
body[data-tool-ui="swiss"] .page-heading p { margin-top: 9px; color: var(--ws-muted); font-size: 13px; line-height: 1.85; }
body[data-tool-ui="swiss"] :is(.button, .icon-button, .text-button) { min-height: 44px; border-radius: 0; }
body[data-tool-ui="swiss"] .button { font-size: 12px; }
body[data-tool-ui="swiss"] :is(.issue-card, .answer-option, .button, .wb-button, .guide-category, input, textarea) { transition: border-color .15s ease, outline-color .15s ease; }
body[data-tool-ui="swiss"] .button-primary { border-color: var(--ws-accent); background: var(--ws-accent); color: #fff; }
body[data-tool-ui="swiss"] .button-secondary { border-color: var(--ws-control-line); background: var(--ws-panel); color: var(--ws-ink); }
body[data-tool-ui="swiss"] .button-subtle { border: 1px solid var(--ws-line); background: var(--ws-soft); color: var(--ws-ink); }
body[data-tool-ui="swiss"] .icon-button { color: var(--ws-muted); }
body[data-tool-ui="swiss"] .text-button { color: var(--ws-accent-text); }
body[data-tool-ui="swiss"] button:disabled { opacity: .45; }
body[data-tool-ui="swiss"] :is(#photo-grid, #analysis-panel, #analysis-title, #plan-details, #guide-question, #guide-result, .color-lab) { scroll-margin-top: 190px; }
body[data-tool-ui="swiss"] .prototype-tag { border-radius: 0; border-color: var(--ws-line); color: var(--ws-muted); background: var(--ws-panel); font-size: 11px; }
body[data-tool-ui="swiss"] dialog { border: 1px solid var(--ws-grid); border-radius: 0; background: var(--ws-panel); color: var(--ws-ink); }
body[data-tool-ui="swiss"] .dialog-header { border-color: var(--ws-line); }
body[data-tool-ui="swiss"] :is(.dialog-header .eyebrow, .zoom-toolbar, .preview-foot, .preview-block p) { color: var(--ws-muted); }
body[data-tool-ui="swiss"] .zoom-toolbar { border-color: var(--ws-line); background: var(--ws-soft); }
body[data-tool-ui="swiss"] .zoom-viewport { background: #202020; }
body[data-tool-ui="swiss"] .preview-card { border-color: var(--ws-line); border-radius: 0; background: var(--ws-panel); color: var(--ws-ink); }
body[data-tool-ui="swiss"] .preview-photos img { border-radius: 0; }
body[data-tool-ui="swiss"] .preview-image-label { background: var(--ws-soft); color: var(--ws-ink); }
body[data-tool-ui="swiss"] .preview-block { border-color: var(--ws-line); }
@media (hover: hover) {
  body[data-tool-ui="swiss"] .button-primary:hover { background: #be2c21; }
  body[data-tool-ui="swiss"] :is(.button-secondary:hover, .button-subtle:hover, .icon-button:hover) { background: var(--ws-active); color: var(--ws-ink); }
}
@media (max-width: 1180px) {
  body[data-tool-ui="swiss"] .view:not(.wb-home) { padding: 36px 28px 40px; }
}
@media (min-width: 701px) {
  body[data-tool-ui="swiss"] :is(#view-compare .flow-steps, #view-guide .guide-workflow) { position: sticky; top: 82px; z-index: 20; background: var(--ws-panel); }
}
@media (max-width: 700px) {
  body[data-tool-ui="swiss"] .view:not(.wb-home) { padding: 28px 20px 36px; }
  body[data-tool-ui="swiss"] .page-heading { align-items: flex-start; gap: 16px; margin-bottom: 22px; }
  body[data-tool-ui="swiss"] .page-heading h1 { font-size: 29px; }
  body[data-tool-ui="swiss"] .page-heading p { font-size: 12px; }
  body[data-tool-ui="swiss"] .workspace-kicker { font-size: 9px; }
  body[data-tool-ui="swiss"] :is(#photo-grid, #analysis-panel, #analysis-title, #plan-details, #guide-question, #guide-result, .color-lab) { scroll-margin-top: 120px; }
}