@hwp-editor/react 1.1.0 → 1.2.0

package/dist/index.css

@@ -35,11 +35,19 @@
 
 /* src/editor.css */
 .hwped {
+  --_hwped-desk: color-mix(in srgb, var(--hwped-fg) 5%, var(--hwped-bg));
+  --_hwped-fill: color-mix(in srgb, var(--hwped-fg) 7%, var(--hwped-bg));
+  --_hwped-hover: color-mix(in srgb, var(--hwped-accent) 9%, var(--hwped-bg));
+  --_hwped-press: color-mix(in srgb, var(--hwped-accent) 16%, var(--hwped-bg));
+  --_hwped-hairline: color-mix(in srgb, var(--hwped-border) 75%, transparent);
+  --_hwped-ring: 0 0 0 3px color-mix(in srgb, var(--hwped-accent) 35%, transparent);
+  --_hwped-quick: 100ms ease-out;
   background: var(--hwped-bg);
   color: var(--hwped-fg);
   font-family: var(--hwped-font);
   font-size: 13px;
   line-height: 1.5;
+  -webkit-font-smoothing: antialiased;
 }
 .hwped *,
 .hwped *::before,
@@ -59,12 +67,17 @@
   display: flex;
   align-items: center;
   gap: 8px;
-  padding: 6px 10px;
-  border-bottom: 1px solid var(--hwped-border);
+  min-height: 44px;
+  padding: 6px 12px;
+  border-bottom: 1px solid var(--_hwped-hairline);
+  background: var(--hwped-bg);
   flex: 0 0 auto;
+  position: relative;
+  z-index: 1;
 }
 .hwped-title {
   font-weight: 600;
+  letter-spacing: -0.01em;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -75,10 +88,11 @@
 }
 .hwped-notice {
   color: var(--hwped-muted);
-  border: 1px solid var(--hwped-border);
-  border-radius: var(--hwped-radius);
-  padding: 1px 8px;
+  background: var(--_hwped-fill);
+  border-radius: 999px;
+  padding: 2px 10px;
   font-size: 12px;
+  letter-spacing: 0.01em;
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -86,56 +100,98 @@
   flex: 0 1 auto;
 }
 .hwped-badge {
-  border-radius: var(--hwped-radius);
-  padding: 1px 8px;
+  border-radius: 999px;
+  padding: 2px 10px;
   font-size: 12px;
-  border: 1px solid var(--hwped-border);
+  font-weight: 600;
+  letter-spacing: 0.01em;
+  border: 1px solid transparent;
+  background: var(--_hwped-fill);
   flex: 0 0 auto;
 }
 .hwped-badge-ok {
   color: var(--hwped-success);
-  border-color: var(--hwped-success);
+  background: color-mix(in srgb, var(--hwped-success) 14%, transparent);
 }
 .hwped-badge-err {
   color: var(--hwped-error);
-  border-color: var(--hwped-error);
+  background: color-mix(in srgb, var(--hwped-error) 14%, transparent);
 }
 .hwped-count {
   color: var(--hwped-muted);
   font-size: 12px;
+  letter-spacing: 0.01em;
+  font-variant-numeric: tabular-nums;
   flex: 0 0 auto;
 }
 .hwped-btn {
   font: inherit;
+  font-weight: 500;
   color: var(--hwped-fg);
   background: var(--hwped-bg);
   border: 1px solid var(--hwped-border);
   border-radius: var(--hwped-radius);
-  padding: 3px 10px;
+  min-height: 28px;
+  padding: 3px 12px;
   cursor: pointer;
+  transition:
+    background-color var(--_hwped-quick),
+    border-color var(--_hwped-quick),
+    transform var(--_hwped-quick);
 }
 .hwped-btn:hover:not(:disabled) {
-  border-color: var(--hwped-accent);
+  background: var(--_hwped-hover);
+  border-color: color-mix(in srgb, var(--hwped-accent) 55%, var(--hwped-border));
+}
+.hwped-btn:active:not(:disabled) {
+  background: var(--_hwped-press);
+  transform: scale(0.97);
 }
 .hwped-btn:disabled {
   color: var(--hwped-muted);
+  background: transparent;
+  border-color: var(--_hwped-hairline);
   cursor: not-allowed;
-  opacity: 0.6;
+  opacity: 0.55;
 }
 .hwped-btn-primary {
   background: var(--hwped-accent);
   border-color: var(--hwped-accent);
   color: #ffffff;
+  font-weight: 600;
+}
+.hwped-btn-primary:hover:not(:disabled) {
+  background: color-mix(in srgb, var(--hwped-accent) 88%, #000000);
+  border-color: color-mix(in srgb, var(--hwped-accent) 88%, #000000);
+}
+.hwped-btn-primary:active:not(:disabled) {
+  background: color-mix(in srgb, var(--hwped-accent) 78%, #000000);
+}
+.hwped-btn-primary:disabled {
+  color: var(--hwped-muted);
+  background: color-mix(in srgb, var(--hwped-accent) 14%, var(--hwped-bg));
+  border-color: transparent;
+  opacity: 1;
+}
+.hwped-btn-danger {
+  color: var(--hwped-error);
 }
 .hwped-btn-danger:hover:not(:disabled) {
   border-color: var(--hwped-error);
   color: var(--hwped-error);
+  background: color-mix(in srgb, var(--hwped-error) 9%, var(--hwped-bg));
 }
 .hwped-btn-link {
   border: none;
+  background: none;
+  min-height: 0;
   padding: 0;
   color: var(--hwped-accent);
   text-decoration: underline;
+  text-underline-offset: 2px;
+}
+.hwped-btn-link:hover:not(:disabled) {
+  background: none;
 }
 .hwped-toolbar > .hwped-btn {
   flex: 0 0 auto;
@@ -147,14 +203,32 @@
   background: var(--hwped-bg);
   border: 1px solid var(--hwped-border);
   border-radius: var(--hwped-radius);
-  padding: 4px 8px;
+  min-height: 28px;
+  padding: 4px 9px;
   width: 100%;
+  transition: border-color var(--_hwped-quick), box-shadow var(--_hwped-quick);
+}
+.hwped-input::placeholder,
+.hwped-textarea::placeholder {
+  color: var(--hwped-muted);
+  opacity: 0.8;
+}
+.hwped-input:hover:not(:disabled),
+.hwped-textarea:hover:not(:disabled) {
+  border-color: color-mix(in srgb, var(--hwped-fg) 30%, var(--hwped-border));
 }
 .hwped-input:focus,
-.hwped-textarea:focus,
-.hwped-btn:focus-visible {
-  outline: 2px solid var(--hwped-accent);
-  outline-offset: 1px;
+.hwped-textarea:focus {
+  outline: none;
+  border-color: var(--hwped-accent);
+  box-shadow: var(--_hwped-ring);
+}
+.hwped-btn:focus-visible,
+.hwped-tab:focus-visible,
+.hwped-preset:focus-visible,
+.hwped-cell:focus-visible {
+  outline: none;
+  box-shadow: var(--_hwped-ring);
 }
 .hwped-input-narrow {
   width: 96px;
@@ -163,7 +237,11 @@
 .hwped-check {
   display: inline-flex;
   align-items: center;
-  gap: 4px;
+  gap: 6px;
+  cursor: pointer;
+}
+.hwped-check input {
+  accent-color: var(--hwped-accent);
 }
 .hwped-main {
   display: flex;
@@ -173,54 +251,76 @@
 .hwped-canvas {
   flex: 1 1 auto;
   overflow: auto;
-  padding: 16px;
+  padding: 24px;
   display: flex;
   flex-direction: column;
   align-items: center;
-  gap: 16px;
+  gap: 24px;
+  background: var(--_hwped-desk);
 }
 .hwped-side {
   flex: 0 0 300px;
-  border-left: 1px solid var(--hwped-border);
+  border-left: 1px solid var(--_hwped-hairline);
+  background: var(--hwped-bg);
   display: flex;
   flex-direction: column;
   min-height: 0;
 }
 .hwped-tabs {
   display: flex;
-  border-bottom: 1px solid var(--hwped-border);
+  gap: 2px;
+  margin: 10px 12px 2px;
+  padding: 3px;
+  background: var(--_hwped-fill);
+  border-radius: calc(var(--hwped-radius) + 2px);
   flex: 0 0 auto;
 }
 .hwped-tab {
   font: inherit;
+  font-weight: 500;
   flex: 1 1 0;
-  padding: 6px 0;
+  min-height: 26px;
+  padding: 3px 0;
   background: none;
   border: none;
-  border-bottom: 2px solid transparent;
+  border-radius: var(--hwped-radius);
   color: var(--hwped-muted);
   cursor: pointer;
+  transition:
+    background-color var(--_hwped-quick),
+    color var(--_hwped-quick),
+    transform var(--_hwped-quick);
+}
+.hwped-tab:hover:not(.hwped-tab-active) {
+  color: var(--hwped-fg);
+}
+.hwped-tab:active {
+  transform: scale(0.97);
 }
 .hwped-tab-active {
   color: var(--hwped-fg);
-  border-bottom-color: var(--hwped-accent);
+  background: var(--hwped-bg);
   font-weight: 600;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 0 0 0.5px rgba(0, 0, 0, 0.06);
 }
 .hwped-panel {
-  padding: 10px;
+  padding: 12px;
   overflow: auto;
   display: flex;
   flex-direction: column;
-  gap: 12px;
+  gap: 16px;
 }
 .hwped-field {
   display: flex;
   flex-direction: column;
-  gap: 4px;
+  gap: 6px;
 }
 .hwped-label {
   font-size: 12px;
-  color: var(--hwped-muted);
+  font-weight: 600;
+  letter-spacing: 0.01em;
+  line-height: 1.35;
+  color: color-mix(in srgb, var(--hwped-fg) 72%, var(--hwped-bg));
 }
 .hwped-row {
   display: flex;
@@ -228,10 +328,32 @@
   gap: 6px;
   flex-wrap: wrap;
 }
+.hwped-row[role=group] {
+  gap: 0;
+  flex-wrap: nowrap;
+}
+.hwped-row[role=group] > .hwped-btn {
+  flex: 1 1 0;
+  padding-inline: 6px;
+  border-radius: 0;
+  margin-left: -1px;
+}
+.hwped-row[role=group] > .hwped-btn:first-child {
+  margin-left: 0;
+  border-radius: var(--hwped-radius) 0 0 var(--hwped-radius);
+}
+.hwped-row[role=group] > .hwped-btn:last-child {
+  border-radius: 0 var(--hwped-radius) var(--hwped-radius) 0;
+}
+.hwped-row[role=group] > .hwped-btn:hover:not(:disabled),
+.hwped-row[role=group] > .hwped-btn:focus-visible {
+  position: relative;
+  z-index: 1;
+}
 .hwped-quote {
-  border: 1px solid var(--hwped-border);
+  background: var(--_hwped-fill);
   border-radius: var(--hwped-radius);
-  padding: 6px 8px;
+  padding: 8px 10px;
   max-height: 120px;
   overflow: auto;
   white-space: pre-wrap;
@@ -244,36 +366,47 @@
 .hwped-empty {
   margin: auto;
   text-align: center;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 12px;
 }
 .hwped-error {
   color: var(--hwped-error);
   margin: 0;
-  padding: 6px 10px;
-  border-bottom: 1px solid var(--hwped-border);
+  padding: 8px 12px;
+  background: color-mix(in srgb, var(--hwped-error) 9%, var(--hwped-bg));
+  border-bottom: 1px solid var(--_hwped-hairline);
+  box-shadow: inset 3px 0 0 currentColor;
 }
 .hwped-error-kind {
   display: inline-block;
   margin-right: 8px;
-  padding: 0 6px;
-  border: 1px solid currentColor;
-  border-radius: var(--hwped-radius);
+  padding: 0 8px;
+  border-radius: 999px;
+  background: color-mix(in srgb, currentColor 14%, transparent);
   font-size: 11px;
+  font-weight: 600;
+  letter-spacing: 0.02em;
 }
 .hwped-error-timeout {
   color: var(--hwped-warning);
+  background: color-mix(in srgb, var(--hwped-warning) 10%, var(--hwped-bg));
 }
 .hwped-page {
   position: relative;
   width: min(100%, 720px);
-  border: 1px solid var(--hwped-border);
-  border-radius: 2px;
-  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
+  border-radius: 3px;
+  box-shadow:
+    0 0 0 1px color-mix(in srgb, var(--hwped-fg) 8%, transparent),
+    0 1px 2px rgba(0, 0, 0, 0.08),
+    0 8px 24px rgba(0, 0, 0, 0.12);
   background: #ffffff;
   cursor: text;
 }
 .hwped-page:focus-visible {
   outline: 2px solid var(--hwped-accent);
-  outline-offset: 2px;
+  outline-offset: 3px;
 }
 .hwped-page-svg,
 .hwped-page-img {
@@ -291,13 +424,15 @@
   left: 0;
   right: 0;
   pointer-events: none;
+  transition: background-color var(--_hwped-quick);
 }
 .hwped-band-selected {
-  background: color-mix(in srgb, var(--hwped-accent) 22%, transparent);
-  outline: 1px solid var(--hwped-accent);
+  background: color-mix(in srgb, var(--hwped-accent) 9%, transparent);
+  box-shadow: inset 3px 0 0 var(--hwped-accent), inset 0 0 0 1px color-mix(in srgb, var(--hwped-accent) 45%, transparent);
 }
 .hwped-band-pending {
-  background: color-mix(in srgb, var(--hwped-accent) 10%, transparent);
+  background: color-mix(in srgb, var(--hwped-accent) 6%, transparent);
+  box-shadow: inset 3px 0 0 color-mix(in srgb, var(--hwped-accent) 45%, transparent);
 }
 .hwped-grid {
   border-collapse: collapse;
@@ -314,10 +449,17 @@
   border: none;
   background: none;
   color: var(--hwped-fg);
-  padding: 4px 6px;
+  padding: 5px 8px;
   text-align: left;
   cursor: pointer;
-  min-height: 24px;
+  min-height: 28px;
+  transition: background-color var(--_hwped-quick);
+}
+.hwped-cell:hover {
+  background: var(--_hwped-hover);
+}
+.hwped-cell:active {
+  background: var(--_hwped-press);
 }
 .hwped-cell-selected {
   outline: 2px solid var(--hwped-accent);
@@ -332,40 +474,48 @@
   padding: 0;
   display: flex;
   flex-direction: column;
-  gap: 10px;
+  gap: 12px;
 }
 .hwped-field-item {
-  border-bottom: 1px solid var(--hwped-border);
-  padding-bottom: 8px;
+  border-bottom: 1px solid var(--_hwped-hairline);
+  padding-bottom: 10px;
   display: flex;
   flex-direction: column;
-  gap: 4px;
+  gap: 6px;
 }
 .hwped-overlay {
   position: fixed;
   inset: 0;
-  background: rgba(0, 0, 0, 0.4);
+  background: rgba(0, 0, 0, 0.32);
+  backdrop-filter: blur(6px) saturate(120%);
+  -webkit-backdrop-filter: blur(6px) saturate(120%);
   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 1000;
+  animation: hwped-fade-in 160ms ease-out;
 }
 .hwped-dialog {
   background: var(--hwped-bg);
   color: var(--hwped-fg);
-  border: 1px solid var(--hwped-border);
-  border-radius: var(--hwped-radius);
+  border: 1px solid var(--_hwped-hairline);
+  border-radius: calc(var(--hwped-radius) * 2);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12), 0 24px 64px rgba(0, 0, 0, 0.28);
   width: min(560px, calc(100vw - 32px));
   max-height: calc(100vh - 64px);
   overflow: auto;
-  padding: 16px;
+  padding: 20px;
   display: flex;
   flex-direction: column;
-  gap: 12px;
+  gap: 14px;
+  animation: hwped-materialize 200ms cubic-bezier(0.2, 0.8, 0.2, 1);
 }
 .hwped-dialog-title {
   margin: 0;
-  font-size: 15px;
+  font-size: 17px;
+  font-weight: 600;
+  line-height: 1.3;
+  letter-spacing: -0.015em;
 }
 .hwped-presets {
   display: flex;
@@ -374,19 +524,82 @@
 }
 .hwped-preset {
   font: inherit;
+  font-weight: 500;
   border: 1px solid var(--hwped-border);
-  border-radius: var(--hwped-radius);
+  border-radius: 999px;
   background: var(--hwped-bg);
   color: var(--hwped-fg);
-  padding: 4px 10px;
+  min-height: 28px;
+  padding: 3px 12px;
   cursor: pointer;
+  transition:
+    background-color var(--_hwped-quick),
+    border-color var(--_hwped-quick),
+    transform var(--_hwped-quick);
+}
+.hwped-preset:hover:not(.hwped-preset-active) {
+  background: var(--_hwped-hover);
+}
+.hwped-preset:active {
+  transform: scale(0.97);
 }
 .hwped-preset-active {
   border-color: var(--hwped-accent);
+  background: color-mix(in srgb, var(--hwped-accent) 12%, var(--hwped-bg));
   color: var(--hwped-accent);
   font-weight: 600;
 }
 .hwped-dialog-actions {
   justify-content: flex-end;
+  padding-top: 4px;
+}
+@keyframes hwped-fade-in {
+  from {
+    opacity: 0;
+  }
+}
+@keyframes hwped-materialize {
+  from {
+    opacity: 0;
+    transform: scale(0.98);
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .hwped *,
+  .hwped *::before,
+  .hwped *::after {
+    transition-duration: 0ms !important;
+  }
+  .hwped-btn:active:not(:disabled),
+  .hwped-tab:active,
+  .hwped-preset:active {
+    transform: none;
+  }
+  .hwped-overlay,
+  .hwped-dialog {
+    animation: none;
+  }
+}
+@media (prefers-reduced-transparency: reduce) {
+  .hwped-overlay {
+    background: rgba(0, 0, 0, 0.55);
+    backdrop-filter: none;
+    -webkit-backdrop-filter: none;
+  }
+}
+@media (prefers-contrast: more) {
+  .hwped {
+    --_hwped-hairline: var(--hwped-fg);
+  }
+  .hwped-btn,
+  .hwped-input,
+  .hwped-textarea,
+  .hwped-preset,
+  .hwped-grid td {
+    border-color: var(--hwped-fg);
+  }
+  .hwped-tabs {
+    box-shadow: inset 0 0 0 1px var(--hwped-fg);
+  }
 }
 /*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme.css","../src/editor.css"],"sourcesContent":["/**\n * Theme contract for @hwp-editor/react. Hosts theme the editor ONLY by\n * overriding these variables on the editor root or any ancestor:\n *\n *   --hwped-bg       surface background\n *   --hwped-fg       primary text\n *   --hwped-muted    secondary text / disabled\n *   --hwped-accent   primary actions, selection\n *   --hwped-border   hairline borders\n *   --hwped-error    destructive / error text and badges\n *   --hwped-warning  transient warning (timeout badge only)\n *   --hwped-success  success badge\n *   --hwped-radius   corner radius\n *   --hwped-font     font stack (default: Pretendard -> system)\n *\n * Defaults below include a prefers-color-scheme dark fallback.\n */\n\n.hwped {\n  --hwped-bg: #ffffff;\n  --hwped-fg: #1a1d21;\n  --hwped-muted: #6b7280;\n  --hwped-accent: #1f5fbf;\n  --hwped-border: #d7dbe0;\n  --hwped-error: #b91c1c;\n  --hwped-warning: #a16207;\n  --hwped-success: #15803d;\n  --hwped-radius: 6px;\n  --hwped-font:\n    \"Pretendard\", \"Pretendard Variable\", \"Malgun Gothic\", \"맑은 고딕\",\n    -apple-system, \"Segoe UI\", Roboto, \"Noto Sans KR\", sans-serif;\n}\n\n@media (prefers-color-scheme: dark) {\n  .hwped {\n    --hwped-bg: #17191d;\n    --hwped-fg: #e5e7eb;\n    --hwped-muted: #9ca3af;\n    --hwped-accent: #5b8def;\n    --hwped-border: #33373f;\n    /* Lifted for >= 4.5:1 against --hwped-bg at 11-13px. */\n    --hwped-error: #f87171;\n    --hwped-warning: #fbbf24;\n    --hwped-success: #4ade80;\n  }\n}\n","/**\n * Scoped stylesheet for @hwp-editor/react. Every class carries the `hwped`\n * prefix; the root element gets `.hwped.hwped-root`. No global selectors,\n * no component-kit assumptions.\n */\n\n.hwped {\n  background: var(--hwped-bg);\n  color: var(--hwped-fg);\n  font-family: var(--hwped-font);\n  font-size: 13px;\n  line-height: 1.5;\n}\n\n.hwped *,\n.hwped *::before,\n.hwped *::after {\n  box-sizing: border-box;\n}\n\n.hwped-root {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 320px;\n  border: 1px solid var(--hwped-border);\n  border-radius: var(--hwped-radius);\n  overflow: hidden;\n}\n\n/* ---- toolbar ---- */\n\n.hwped-toolbar {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 6px 10px;\n  border-bottom: 1px solid var(--hwped-border);\n  flex: 0 0 auto;\n}\n\n.hwped-title {\n  font-weight: 600;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: 40%;\n}\n\n.hwped-spacer {\n  flex: 1 1 auto;\n}\n\n/* The title and this notice are the only toolbar items that may shrink: a\n   long engine reason truncates here (the full text stays reachable via the\n   element's title attribute) instead of being distributed across the badge,\n   count and buttons, which would collapse them to min-content and stack the\n   row. That is why every sibling below carries `flex: 0 0 auto` (G-03-1). */\n.hwped-notice {\n  color: var(--hwped-muted);\n  border: 1px solid var(--hwped-border);\n  border-radius: var(--hwped-radius);\n  padding: 1px 8px;\n  font-size: 12px;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  flex: 0 1 auto;\n}\n\n.hwped-badge {\n  border-radius: var(--hwped-radius);\n  padding: 1px 8px;\n  font-size: 12px;\n  border: 1px solid var(--hwped-border);\n  flex: 0 0 auto;\n}\n\n.hwped-badge-ok {\n  color: var(--hwped-success);\n  border-color: var(--hwped-success);\n}\n\n.hwped-badge-err {\n  color: var(--hwped-error);\n  border-color: var(--hwped-error);\n}\n\n.hwped-count {\n  color: var(--hwped-muted);\n  font-size: 12px;\n  flex: 0 0 auto;\n}\n\n/* ---- buttons / inputs ---- */\n\n.hwped-btn {\n  font: inherit;\n  color: var(--hwped-fg);\n  background: var(--hwped-bg);\n  border: 1px solid var(--hwped-border);\n  border-radius: var(--hwped-radius);\n  padding: 3px 10px;\n  cursor: pointer;\n}\n\n.hwped-btn:hover:not(:disabled) {\n  border-color: var(--hwped-accent);\n}\n\n.hwped-btn:disabled {\n  color: var(--hwped-muted);\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n\n.hwped-btn-primary {\n  background: var(--hwped-accent);\n  border-color: var(--hwped-accent);\n  color: #ffffff;\n}\n\n.hwped-btn-danger:hover:not(:disabled) {\n  border-color: var(--hwped-error);\n  color: var(--hwped-error);\n}\n\n.hwped-btn-link {\n  border: none;\n  padding: 0;\n  color: var(--hwped-accent);\n  text-decoration: underline;\n}\n\n/* Scoped to direct toolbar children on purpose: `.hwped-btn` is reused by\n   SegmentInspector, TableGrid, FieldsPanel, the compose dialog actions and\n   the empty-state button, where non-shrinkable buttons would trade this bug\n   for horizontal overflow in those narrow rows. */\n.hwped-toolbar > .hwped-btn {\n  flex: 0 0 auto;\n}\n\n.hwped-input,\n.hwped-textarea {\n  font: inherit;\n  color: var(--hwped-fg);\n  background: var(--hwped-bg);\n  border: 1px solid var(--hwped-border);\n  border-radius: var(--hwped-radius);\n  padding: 4px 8px;\n  width: 100%;\n}\n\n.hwped-input:focus,\n.hwped-textarea:focus,\n.hwped-btn:focus-visible {\n  outline: 2px solid var(--hwped-accent);\n  outline-offset: 1px;\n}\n\n.hwped-input-narrow {\n  width: 96px;\n  flex: 0 0 auto;\n}\n\n.hwped-check {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n}\n\n/* ---- layout ---- */\n\n.hwped-main {\n  display: flex;\n  flex: 1 1 auto;\n  min-height: 0;\n}\n\n.hwped-canvas {\n  flex: 1 1 auto;\n  overflow: auto;\n  padding: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 16px;\n}\n\n.hwped-side {\n  flex: 0 0 300px;\n  border-left: 1px solid var(--hwped-border);\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n}\n\n.hwped-tabs {\n  display: flex;\n  border-bottom: 1px solid var(--hwped-border);\n  flex: 0 0 auto;\n}\n\n.hwped-tab {\n  font: inherit;\n  flex: 1 1 0;\n  padding: 6px 0;\n  background: none;\n  border: none;\n  border-bottom: 2px solid transparent;\n  color: var(--hwped-muted);\n  cursor: pointer;\n}\n\n.hwped-tab-active {\n  color: var(--hwped-fg);\n  border-bottom-color: var(--hwped-accent);\n  font-weight: 600;\n}\n\n.hwped-panel {\n  padding: 10px;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.hwped-field {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.hwped-label {\n  font-size: 12px;\n  color: var(--hwped-muted);\n}\n\n.hwped-row {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n\n.hwped-quote {\n  border: 1px solid var(--hwped-border);\n  border-radius: var(--hwped-radius);\n  padding: 6px 8px;\n  max-height: 120px;\n  overflow: auto;\n  white-space: pre-wrap;\n  word-break: break-word;\n}\n\n.hwped-hint,\n.hwped-empty {\n  color: var(--hwped-muted);\n}\n\n.hwped-empty {\n  margin: auto;\n  text-align: center;\n}\n\n.hwped-error {\n  color: var(--hwped-error);\n  margin: 0;\n  padding: 6px 10px;\n  border-bottom: 1px solid var(--hwped-border);\n}\n\n.hwped-error-kind {\n  display: inline-block;\n  margin-right: 8px;\n  padding: 0 6px;\n  border: 1px solid currentColor;\n  border-radius: var(--hwped-radius);\n  font-size: 11px;\n}\n\n/* timeout is transient (retry may succeed); unavailable/protected are not. */\n.hwped-error-timeout {\n  color: var(--hwped-warning);\n}\n\n/* ---- page canvas ---- */\n\n.hwped-page {\n  position: relative;\n  width: min(100%, 720px);\n  border: 1px solid var(--hwped-border);\n  border-radius: 2px;\n  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);\n  background: #ffffff;\n  cursor: text;\n}\n\n.hwped-page:focus-visible {\n  outline: 2px solid var(--hwped-accent);\n  outline-offset: 2px;\n}\n\n.hwped-page-svg,\n.hwped-page-img {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n\n.hwped-page-svg > svg {\n  display: block;\n  width: 100%;\n  height: auto;\n}\n\n.hwped-band {\n  position: absolute;\n  left: 0;\n  right: 0;\n  pointer-events: none;\n}\n\n.hwped-band-selected {\n  background: color-mix(in srgb, var(--hwped-accent) 22%, transparent);\n  outline: 1px solid var(--hwped-accent);\n}\n\n.hwped-band-pending {\n  background: color-mix(in srgb, var(--hwped-accent) 10%, transparent);\n}\n\n/* ---- table grid ---- */\n\n.hwped-grid {\n  border-collapse: collapse;\n  width: 100%;\n}\n\n.hwped-grid td {\n  border: 1px solid var(--hwped-border);\n  padding: 0;\n}\n\n.hwped-cell {\n  font: inherit;\n  display: block;\n  width: 100%;\n  border: none;\n  background: none;\n  color: var(--hwped-fg);\n  padding: 4px 6px;\n  text-align: left;\n  cursor: pointer;\n  min-height: 24px;\n}\n\n.hwped-cell-selected {\n  outline: 2px solid var(--hwped-accent);\n  outline-offset: -2px;\n}\n\n.hwped-cell-anchor {\n  background: color-mix(in srgb, var(--hwped-accent) 14%, transparent);\n}\n\n/* ---- fields ---- */\n\n.hwped-fields {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.hwped-field-item {\n  border-bottom: 1px solid var(--hwped-border);\n  padding-bottom: 8px;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n/* ---- compose dialog ---- */\n\n.hwped-overlay {\n  position: fixed;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.4);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1000;\n}\n\n.hwped-dialog {\n  background: var(--hwped-bg);\n  color: var(--hwped-fg);\n  border: 1px solid var(--hwped-border);\n  border-radius: var(--hwped-radius);\n  width: min(560px, calc(100vw - 32px));\n  max-height: calc(100vh - 64px);\n  overflow: auto;\n  padding: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.hwped-dialog-title {\n  margin: 0;\n  font-size: 15px;\n}\n\n.hwped-presets {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n}\n\n.hwped-preset {\n  font: inherit;\n  border: 1px solid var(--hwped-border);\n  border-radius: var(--hwped-radius);\n  background: var(--hwped-bg);\n  color: var(--hwped-fg);\n  padding: 4px 10px;\n  cursor: pointer;\n}\n\n.hwped-preset-active {\n  border-color: var(--hwped-accent);\n  color: var(--hwped-accent);\n  font-weight: 600;\n}\n\n.hwped-dialog-actions {\n  justify-content: flex-end;\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/theme.css","../src/editor.css"],"sourcesContent":["/**\n * Theme contract for @hwp-editor/react. Hosts theme the editor ONLY by\n * overriding these variables on the editor root or any ancestor:\n *\n *   --hwped-bg       surface background\n *   --hwped-fg       primary text\n *   --hwped-muted    secondary text / disabled\n *   --hwped-accent   primary actions, selection\n *   --hwped-border   hairline borders\n *   --hwped-error    destructive / error text and badges\n *   --hwped-warning  transient warning (timeout badge only)\n *   --hwped-success  success badge\n *   --hwped-radius   corner radius\n *   --hwped-font     font stack (default: Pretendard -> system)\n *\n * Defaults below include a prefers-color-scheme dark fallback.\n */\n\n.hwped {\n  --hwped-bg: #ffffff;\n  --hwped-fg: #1a1d21;\n  --hwped-muted: #6b7280;\n  --hwped-accent: #1f5fbf;\n  --hwped-border: #d7dbe0;\n  --hwped-error: #b91c1c;\n  --hwped-warning: #a16207;\n  --hwped-success: #15803d;\n  --hwped-radius: 6px;\n  --hwped-font:\n    \"Pretendard\", \"Pretendard Variable\", \"Malgun Gothic\", \"맑은 고딕\",\n    -apple-system, \"Segoe UI\", Roboto, \"Noto Sans KR\", sans-serif;\n}\n\n@media (prefers-color-scheme: dark) {\n  .hwped {\n    --hwped-bg: #17191d;\n    --hwped-fg: #e5e7eb;\n    --hwped-muted: #9ca3af;\n    --hwped-accent: #5b8def;\n    --hwped-border: #33373f;\n    /* Lifted for >= 4.5:1 against --hwped-bg at 11-13px. */\n    --hwped-error: #f87171;\n    --hwped-warning: #fbbf24;\n    --hwped-success: #4ade80;\n  }\n}\n","/**\n * Scoped stylesheet for @hwp-editor/react. Every class carries the `hwped`\n * prefix; the root element gets `.hwped.hwped-root`. No global selectors,\n * no component-kit assumptions.\n *\n * Design notes (HIG-derived, #34): depth comes from tone and shadow rather\n * than extra lines; every control answers on press, not on release; status\n * is tinted by kind; motion is short, and dropped under reduced motion.\n *\n * Every tone below is DERIVED from the public --hwped-* tokens with\n * color-mix, so a host that maps those tokens (light or dark) gets the whole\n * palette. The --_hwped-* names are private and not part of the contract.\n */\n\n.hwped {\n  --_hwped-desk: color-mix(in srgb, var(--hwped-fg) 5%, var(--hwped-bg));\n  --_hwped-fill: color-mix(in srgb, var(--hwped-fg) 7%, var(--hwped-bg));\n  --_hwped-hover: color-mix(in srgb, var(--hwped-accent) 9%, var(--hwped-bg));\n  --_hwped-press: color-mix(in srgb, var(--hwped-accent) 16%, var(--hwped-bg));\n  --_hwped-hairline: color-mix(in srgb, var(--hwped-border) 75%, transparent);\n  --_hwped-ring: 0 0 0 3px color-mix(in srgb, var(--hwped-accent) 35%, transparent);\n  --_hwped-quick: 100ms ease-out;\n\n  background: var(--hwped-bg);\n  color: var(--hwped-fg);\n  font-family: var(--hwped-font);\n  font-size: 13px;\n  line-height: 1.5;\n  -webkit-font-smoothing: antialiased;\n}\n\n.hwped *,\n.hwped *::before,\n.hwped *::after {\n  box-sizing: border-box;\n}\n\n.hwped-root {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 320px;\n  border: 1px solid var(--hwped-border);\n  border-radius: var(--hwped-radius);\n  overflow: hidden;\n}\n\n/* ---- toolbar ---- */\n\n.hwped-toolbar {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-height: 44px;\n  padding: 6px 12px;\n  border-bottom: 1px solid var(--_hwped-hairline);\n  background: var(--hwped-bg);\n  flex: 0 0 auto;\n  position: relative;\n  z-index: 1;\n}\n\n.hwped-title {\n  font-weight: 600;\n  letter-spacing: -0.01em;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: 40%;\n}\n\n.hwped-spacer {\n  flex: 1 1 auto;\n}\n\n/* The title and this notice are the only toolbar items that may shrink: a\n   long engine reason truncates here (the full text stays reachable via the\n   element's title attribute) instead of being distributed across the badge,\n   count and buttons, which would collapse them to min-content and stack the\n   row. That is why every sibling below carries `flex: 0 0 auto` (G-03-1). */\n.hwped-notice {\n  color: var(--hwped-muted);\n  background: var(--_hwped-fill);\n  border-radius: 999px;\n  padding: 2px 10px;\n  font-size: 12px;\n  letter-spacing: 0.01em;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  flex: 0 1 auto;\n}\n\n/* Status reads by kind, not by outline: a tinted pill in the kind's color. */\n.hwped-badge {\n  border-radius: 999px;\n  padding: 2px 10px;\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: 0.01em;\n  border: 1px solid transparent;\n  background: var(--_hwped-fill);\n  flex: 0 0 auto;\n}\n\n.hwped-badge-ok {\n  color: var(--hwped-success);\n  background: color-mix(in srgb, var(--hwped-success) 14%, transparent);\n}\n\n.hwped-badge-err {\n  color: var(--hwped-error);\n  background: color-mix(in srgb, var(--hwped-error) 14%, transparent);\n}\n\n.hwped-count {\n  color: var(--hwped-muted);\n  font-size: 12px;\n  letter-spacing: 0.01em;\n  font-variant-numeric: tabular-nums;\n  flex: 0 0 auto;\n}\n\n/* ---- buttons / inputs ---- */\n\n.hwped-btn {\n  font: inherit;\n  font-weight: 500;\n  color: var(--hwped-fg);\n  background: var(--hwped-bg);\n  border: 1px solid var(--hwped-border);\n  border-radius: var(--hwped-radius);\n  min-height: 28px;\n  padding: 3px 12px;\n  cursor: pointer;\n  transition:\n    background-color var(--_hwped-quick),\n    border-color var(--_hwped-quick),\n    transform var(--_hwped-quick);\n}\n\n.hwped-btn:hover:not(:disabled) {\n  background: var(--_hwped-hover);\n  border-color: color-mix(in srgb, var(--hwped-accent) 55%, var(--hwped-border));\n}\n\n/* Feedback on press, instantly - never only on release. */\n.hwped-btn:active:not(:disabled) {\n  background: var(--_hwped-press);\n  transform: scale(0.97);\n}\n\n.hwped-btn:disabled {\n  color: var(--hwped-muted);\n  background: transparent;\n  border-color: var(--_hwped-hairline);\n  cursor: not-allowed;\n  opacity: 0.55;\n}\n\n.hwped-btn-primary {\n  background: var(--hwped-accent);\n  border-color: var(--hwped-accent);\n  color: #ffffff;\n  font-weight: 600;\n}\n\n.hwped-btn-primary:hover:not(:disabled) {\n  background: color-mix(in srgb, var(--hwped-accent) 88%, #000000);\n  border-color: color-mix(in srgb, var(--hwped-accent) 88%, #000000);\n}\n\n.hwped-btn-primary:active:not(:disabled) {\n  background: color-mix(in srgb, var(--hwped-accent) 78%, #000000);\n}\n\n/* A disabled primary keeps a trace of its accent, but must not read as live. */\n.hwped-btn-primary:disabled {\n  color: var(--hwped-muted);\n  background: color-mix(in srgb, var(--hwped-accent) 14%, var(--hwped-bg));\n  border-color: transparent;\n  opacity: 1;\n}\n\n/* Destructive reads as destructive at rest, not only on hover. */\n.hwped-btn-danger {\n  color: var(--hwped-error);\n}\n\n.hwped-btn-danger:hover:not(:disabled) {\n  border-color: var(--hwped-error);\n  color: var(--hwped-error);\n  background: color-mix(in srgb, var(--hwped-error) 9%, var(--hwped-bg));\n}\n\n.hwped-btn-link {\n  border: none;\n  background: none;\n  min-height: 0;\n  padding: 0;\n  color: var(--hwped-accent);\n  text-decoration: underline;\n  text-underline-offset: 2px;\n}\n\n.hwped-btn-link:hover:not(:disabled) {\n  background: none;\n}\n\n/* Scoped to direct toolbar children on purpose: `.hwped-btn` is reused by\n   SegmentInspector, TableGrid, FieldsPanel, the compose dialog actions and\n   the empty-state button, where non-shrinkable buttons would trade this bug\n   for horizontal overflow in those narrow rows. */\n.hwped-toolbar > .hwped-btn {\n  flex: 0 0 auto;\n}\n\n.hwped-input,\n.hwped-textarea {\n  font: inherit;\n  color: var(--hwped-fg);\n  background: var(--hwped-bg);\n  border: 1px solid var(--hwped-border);\n  border-radius: var(--hwped-radius);\n  min-height: 28px;\n  padding: 4px 9px;\n  width: 100%;\n  transition:\n    border-color var(--_hwped-quick),\n    box-shadow var(--_hwped-quick);\n}\n\n.hwped-input::placeholder,\n.hwped-textarea::placeholder {\n  color: var(--hwped-muted);\n  opacity: 0.8;\n}\n\n.hwped-input:hover:not(:disabled),\n.hwped-textarea:hover:not(:disabled) {\n  border-color: color-mix(in srgb, var(--hwped-fg) 30%, var(--hwped-border));\n}\n\n/* One focus treatment everywhere: accent edge plus a soft ring. */\n.hwped-input:focus,\n.hwped-textarea:focus {\n  outline: none;\n  border-color: var(--hwped-accent);\n  box-shadow: var(--_hwped-ring);\n}\n\n.hwped-btn:focus-visible,\n.hwped-tab:focus-visible,\n.hwped-preset:focus-visible,\n.hwped-cell:focus-visible {\n  outline: none;\n  box-shadow: var(--_hwped-ring);\n}\n\n.hwped-input-narrow {\n  width: 96px;\n  flex: 0 0 auto;\n}\n\n.hwped-check {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  cursor: pointer;\n}\n\n.hwped-check input {\n  accent-color: var(--hwped-accent);\n}\n\n/* ---- layout ---- */\n\n.hwped-main {\n  display: flex;\n  flex: 1 1 auto;\n  min-height: 0;\n}\n\n/* The desk: a tone below the chrome, so the page reads as a sheet on it. */\n.hwped-canvas {\n  flex: 1 1 auto;\n  overflow: auto;\n  padding: 24px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 24px;\n  background: var(--_hwped-desk);\n}\n\n.hwped-side {\n  flex: 0 0 300px;\n  border-left: 1px solid var(--_hwped-hairline);\n  background: var(--hwped-bg);\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n}\n\n/* Tabs as a segmented control: a recessed track, the active segment raised. */\n.hwped-tabs {\n  display: flex;\n  gap: 2px;\n  margin: 10px 12px 2px;\n  padding: 3px;\n  background: var(--_hwped-fill);\n  border-radius: calc(var(--hwped-radius) + 2px);\n  flex: 0 0 auto;\n}\n\n.hwped-tab {\n  font: inherit;\n  font-weight: 500;\n  flex: 1 1 0;\n  min-height: 26px;\n  padding: 3px 0;\n  background: none;\n  border: none;\n  border-radius: var(--hwped-radius);\n  color: var(--hwped-muted);\n  cursor: pointer;\n  transition:\n    background-color var(--_hwped-quick),\n    color var(--_hwped-quick),\n    transform var(--_hwped-quick);\n}\n\n.hwped-tab:hover:not(.hwped-tab-active) {\n  color: var(--hwped-fg);\n}\n\n.hwped-tab:active {\n  transform: scale(0.97);\n}\n\n.hwped-tab-active {\n  color: var(--hwped-fg);\n  background: var(--hwped-bg);\n  font-weight: 600;\n  box-shadow:\n    0 1px 2px rgba(0, 0, 0, 0.12),\n    0 0 0 0.5px rgba(0, 0, 0, 0.06);\n}\n\n.hwped-panel {\n  padding: 12px;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.hwped-field {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.hwped-label {\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: 0.01em;\n  line-height: 1.35;\n  color: color-mix(in srgb, var(--hwped-fg) 72%, var(--hwped-bg));\n}\n\n.hwped-row {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n\n/* A role=\"group\" row of peer actions (alignment) reads as one joined control. */\n.hwped-row[role=\"group\"] {\n  gap: 0;\n  flex-wrap: nowrap;\n}\n\n.hwped-row[role=\"group\"] > .hwped-btn {\n  flex: 1 1 0;\n  padding-inline: 6px;\n  border-radius: 0;\n  margin-left: -1px;\n}\n\n.hwped-row[role=\"group\"] > .hwped-btn:first-child {\n  margin-left: 0;\n  border-radius: var(--hwped-radius) 0 0 var(--hwped-radius);\n}\n\n.hwped-row[role=\"group\"] > .hwped-btn:last-child {\n  border-radius: 0 var(--hwped-radius) var(--hwped-radius) 0;\n}\n\n.hwped-row[role=\"group\"] > .hwped-btn:hover:not(:disabled),\n.hwped-row[role=\"group\"] > .hwped-btn:focus-visible {\n  position: relative;\n  z-index: 1;\n}\n\n.hwped-quote {\n  background: var(--_hwped-fill);\n  border-radius: var(--hwped-radius);\n  padding: 8px 10px;\n  max-height: 120px;\n  overflow: auto;\n  white-space: pre-wrap;\n  word-break: break-word;\n}\n\n.hwped-hint,\n.hwped-empty {\n  color: var(--hwped-muted);\n}\n\n.hwped-empty {\n  margin: auto;\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 12px;\n}\n\n/* An error is a band in the kind's tint with a leading bar, not bare red text. */\n.hwped-error {\n  color: var(--hwped-error);\n  margin: 0;\n  padding: 8px 12px;\n  background: color-mix(in srgb, var(--hwped-error) 9%, var(--hwped-bg));\n  border-bottom: 1px solid var(--_hwped-hairline);\n  box-shadow: inset 3px 0 0 currentColor;\n}\n\n.hwped-error-kind {\n  display: inline-block;\n  margin-right: 8px;\n  padding: 0 8px;\n  border-radius: 999px;\n  background: color-mix(in srgb, currentColor 14%, transparent);\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.02em;\n}\n\n/* timeout is transient (retry may succeed); unavailable/protected are not. */\n.hwped-error-timeout {\n  color: var(--hwped-warning);\n  background: color-mix(in srgb, var(--hwped-warning) 10%, var(--hwped-bg));\n}\n\n/* ---- page canvas ---- */\n\n/* Paper on the desk: layered shadow, the larger layer giving it thickness. */\n.hwped-page {\n  position: relative;\n  width: min(100%, 720px);\n  border-radius: 3px;\n  box-shadow:\n    0 0 0 1px color-mix(in srgb, var(--hwped-fg) 8%, transparent),\n    0 1px 2px rgba(0, 0, 0, 0.08),\n    0 8px 24px rgba(0, 0, 0, 0.12);\n  background: #ffffff;\n  cursor: text;\n}\n\n.hwped-page:focus-visible {\n  outline: 2px solid var(--hwped-accent);\n  outline-offset: 3px;\n}\n\n.hwped-page-svg,\n.hwped-page-img {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n\n.hwped-page-svg > svg {\n  display: block;\n  width: 100%;\n  height: auto;\n}\n\n.hwped-band {\n  position: absolute;\n  left: 0;\n  right: 0;\n  pointer-events: none;\n  transition: background-color var(--_hwped-quick);\n}\n\n/* Mark the selection without covering it: a light wash and an inset rule. */\n.hwped-band-selected {\n  background: color-mix(in srgb, var(--hwped-accent) 9%, transparent);\n  box-shadow:\n    inset 3px 0 0 var(--hwped-accent),\n    inset 0 0 0 1px color-mix(in srgb, var(--hwped-accent) 45%, transparent);\n}\n\n.hwped-band-pending {\n  background: color-mix(in srgb, var(--hwped-accent) 6%, transparent);\n  box-shadow: inset 3px 0 0 color-mix(in srgb, var(--hwped-accent) 45%, transparent);\n}\n\n/* ---- table grid ---- */\n\n.hwped-grid {\n  border-collapse: collapse;\n  width: 100%;\n}\n\n.hwped-grid td {\n  border: 1px solid var(--hwped-border);\n  padding: 0;\n}\n\n.hwped-cell {\n  font: inherit;\n  display: block;\n  width: 100%;\n  border: none;\n  background: none;\n  color: var(--hwped-fg);\n  padding: 5px 8px;\n  text-align: left;\n  cursor: pointer;\n  min-height: 28px;\n  transition: background-color var(--_hwped-quick);\n}\n\n.hwped-cell:hover {\n  background: var(--_hwped-hover);\n}\n\n.hwped-cell:active {\n  background: var(--_hwped-press);\n}\n\n.hwped-cell-selected {\n  outline: 2px solid var(--hwped-accent);\n  outline-offset: -2px;\n}\n\n.hwped-cell-anchor {\n  background: color-mix(in srgb, var(--hwped-accent) 14%, transparent);\n}\n\n/* ---- fields ---- */\n\n.hwped-fields {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.hwped-field-item {\n  border-bottom: 1px solid var(--_hwped-hairline);\n  padding-bottom: 10px;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n/* ---- compose dialog ---- */\n\n/* Dim to focus: a modal task gets a scrim that pushes the editor back. */\n.hwped-overlay {\n  position: fixed;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.32);\n  backdrop-filter: blur(6px) saturate(120%);\n  -webkit-backdrop-filter: blur(6px) saturate(120%);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1000;\n  animation: hwped-fade-in 160ms ease-out;\n}\n\n.hwped-dialog {\n  background: var(--hwped-bg);\n  color: var(--hwped-fg);\n  border: 1px solid var(--_hwped-hairline);\n  border-radius: calc(var(--hwped-radius) * 2);\n  box-shadow:\n    0 2px 8px rgba(0, 0, 0, 0.12),\n    0 24px 64px rgba(0, 0, 0, 0.28);\n  width: min(560px, calc(100vw - 32px));\n  max-height: calc(100vh - 64px);\n  overflow: auto;\n  padding: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  animation: hwped-materialize 200ms cubic-bezier(0.2, 0.8, 0.2, 1);\n}\n\n.hwped-dialog-title {\n  margin: 0;\n  font-size: 17px;\n  font-weight: 600;\n  line-height: 1.3;\n  letter-spacing: -0.015em;\n}\n\n.hwped-presets {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n}\n\n.hwped-preset {\n  font: inherit;\n  font-weight: 500;\n  border: 1px solid var(--hwped-border);\n  border-radius: 999px;\n  background: var(--hwped-bg);\n  color: var(--hwped-fg);\n  min-height: 28px;\n  padding: 3px 12px;\n  cursor: pointer;\n  transition:\n    background-color var(--_hwped-quick),\n    border-color var(--_hwped-quick),\n    transform var(--_hwped-quick);\n}\n\n.hwped-preset:hover:not(.hwped-preset-active) {\n  background: var(--_hwped-hover);\n}\n\n.hwped-preset:active {\n  transform: scale(0.97);\n}\n\n.hwped-preset-active {\n  border-color: var(--hwped-accent);\n  background: color-mix(in srgb, var(--hwped-accent) 12%, var(--hwped-bg));\n  color: var(--hwped-accent);\n  font-weight: 600;\n}\n\n.hwped-dialog-actions {\n  justify-content: flex-end;\n  padding-top: 4px;\n}\n\n@keyframes hwped-fade-in {\n  from {\n    opacity: 0;\n  }\n}\n\n/* Materialize, don't just fade: the surface arrives with a slight scale. */\n@keyframes hwped-materialize {\n  from {\n    opacity: 0;\n    transform: scale(0.98);\n  }\n}\n\n/* ---- accessibility preferences ---- */\n\n@media (prefers-reduced-motion: reduce) {\n  .hwped *,\n  .hwped *::before,\n  .hwped *::after {\n    transition-duration: 0ms !important;\n  }\n\n  .hwped-btn:active:not(:disabled),\n  .hwped-tab:active,\n  .hwped-preset:active {\n    transform: none;\n  }\n\n  .hwped-overlay,\n  .hwped-dialog {\n    animation: none;\n  }\n}\n\n@media (prefers-reduced-transparency: reduce) {\n  .hwped-overlay {\n    background: rgba(0, 0, 0, 0.55);\n    backdrop-filter: none;\n    -webkit-backdrop-filter: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .hwped {\n    --_hwped-hairline: var(--hwped-fg);\n  }\n\n  .hwped-btn,\n  .hwped-input,\n  .hwped-textarea,\n  .hwped-preset,\n  .hwped-grid td {\n    border-color: var(--hwped-fg);\n  }\n\n  .hwped-tabs {\n    box-shadow: inset 0 0 0 1px var(--hwped-fg);\n  }\n}\n"],"mappings":"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","names":[]}