.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; }

.fixed { position: fixed; }

.absolute { position: absolute; }

.relative { position: relative; }

.sticky { position: sticky; }

.inset-0 { inset: 0px; }

.-right-12 { right: -3rem; }

.-top-16 { top: -4rem; }

.bottom-0 { bottom: 0px; }

.bottom-6 { bottom: 1.5rem; }

.left-0 { left: 0px; }

.left-1 { left: 0.25rem; }

.left-1\/2 { left: 50%; }

.left-6 { left: 1.5rem; }

.right-0 { right: 0px; }

.right-6 { right: 1.5rem; }

.top-0 { top: 0px; }

.top-1 { top: 0.25rem; }

.top-4 { top: 1rem; }

.top-6 { top: 1.5rem; }

.z-10 { z-index: 10; }

.z-50 { z-index: 50; }

.mx-auto { margin-left: auto; margin-right: auto; }

.mb-2 { margin-bottom: 0.5rem; }

.mb-3 { margin-bottom: 0.75rem; }

.mb-4 { margin-bottom: 1rem; }

.mb-5 { margin-bottom: 1.25rem; }

.mt-0\.5 { margin-top: 0.125rem; }

.mt-1 { margin-top: 0.25rem; }

.mt-2 { margin-top: 0.5rem; }

.mt-3 { margin-top: 0.75rem; }

.mt-4 { margin-top: 1rem; }

.mt-5 { margin-top: 1.25rem; }

.mt-6 { margin-top: 1.5rem; }

.line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.block { display: block; }

.flex { display: flex; }

.inline-flex { display: inline-flex; }

.grid { display: grid; }

.hidden { display: none; }

.h-10 { height: 2.5rem; }

.h-11 { height: 2.75rem; }

.h-12 { height: 3rem; }

.h-14 { height: 3.5rem; }

.h-24 { height: 6rem; }

.h-36 { height: 9rem; }

.h-5 { height: 1.25rem; }

.h-7 { height: 1.75rem; }

.h-\[calc\(100vh-3rem\)\] { height: calc(100vh - 3rem); }

.h-full { height: 100%; }

.min-h-10 { min-height: 2.5rem; }

.min-h-12 { min-height: 3rem; }

.min-h-14 { min-height: 3.5rem; }

.min-h-28 { min-height: 7rem; }

.min-h-52 { min-height: 13rem; }

.min-h-\[320px\] { min-height: 320px; }

.min-h-screen { min-height: 100vh; }

.w-10 { width: 2.5rem; }

.w-11 { width: 2.75rem; }

.w-12 { width: 3rem; }

.w-14 { width: 3.5rem; }

.w-16 { width: 4rem; }

.w-36 { width: 9rem; }

.w-5 { width: 1.25rem; }

.w-72 { width: 18rem; }

.w-full { width: 100%; }

.w-max { width: -moz-max-content; width: max-content; }

.min-w-0 { min-width: 0px; }

.max-w-2xl { max-width: 42rem; }

.max-w-3xl { max-width: 48rem; }

.max-w-4xl { max-width: 56rem; }

.max-w-5xl { max-width: 64rem; }

.max-w-\[1540px\] { max-width: 1540px; }

.max-w-md { max-width: 28rem; }

.max-w-sm { max-width: 24rem; }

.flex-1 { flex: 1 1 0%; }

.shrink-0 { flex-shrink: 0; }

.-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.cursor-pointer { cursor: pointer; }

.resize-y { resize: vertical; }

.grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }

.flex-col { flex-direction: column; }

.flex-col-reverse { flex-direction: column-reverse; }

.flex-wrap { flex-wrap: wrap; }

.items-end { align-items: flex-end; }

.items-center { align-items: center; }

.justify-center { justify-content: center; }

.justify-between { justify-content: space-between; }

.gap-1 { gap: 0.25rem; }

.gap-2 { gap: 0.5rem; }

.gap-3 { gap: 0.75rem; }

.gap-4 { gap: 1rem; }

.gap-5 { gap: 1.25rem; }

.gap-6 { gap: 1.5rem; }

.gap-8 { gap: 2rem; }

.space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); }

.space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); }

.space-y-5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)); }

.space-y-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); }

.overflow-hidden { overflow: hidden; }

.overflow-x-auto { overflow-x: auto; }

.truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.whitespace-nowrap { white-space: nowrap; }

.whitespace-pre-line { white-space: pre-line; }

.rounded-2xl { border-radius: 1rem; }

.rounded-3xl { border-radius: 1.5rem; }

.rounded-\[1\.5rem\] { border-radius: 1.5rem; }

.rounded-\[1\.6rem\] { border-radius: 1.6rem; }

.rounded-\[1\.75rem\] { border-radius: 1.75rem; }

.rounded-\[2rem\] { border-radius: 2rem; }

.rounded-full { border-radius: 9999px; }

.rounded-bl-full { border-bottom-left-radius: 9999px; }

.border { border-width: 1px; }

.border-0 { border-width: 0px; }

.border-\[\#EEE5DA\]\/15 { border-color: rgb(238 229 218 / 0.15); }

.border-\[\#EEE5DA\]\/20 { border-color: rgb(238 229 218 / 0.2); }

.border-white\/10 { border-color: rgb(255 255 255 / 0.1); }

.bg-\[\#183448\]\/35 { background-color: rgb(24 52 72 / 0.35); }

.bg-\[\#183448\]\/45 { background-color: rgb(24 52 72 / 0.45); }

.bg-\[\#203B4D\] { --tw-bg-opacity: 1; background-color: rgb(32 59 77 / var(--tw-bg-opacity, 1)); }

.bg-\[\#223F52\] { --tw-bg-opacity: 1; background-color: rgb(34 63 82 / var(--tw-bg-opacity, 1)); }

.bg-\[\#A24E18\] { --tw-bg-opacity: 1; background-color: rgb(162 78 24 / var(--tw-bg-opacity, 1)); }

.bg-\[\#DDD4C8\] { --tw-bg-opacity: 1; background-color: rgb(221 212 200 / var(--tw-bg-opacity, 1)); }

.bg-\[\#E5D9CC\] { --tw-bg-opacity: 1; background-color: rgb(229 217 204 / var(--tw-bg-opacity, 1)); }

.bg-\[\#E7DDD1\] { --tw-bg-opacity: 1; background-color: rgb(231 221 209 / var(--tw-bg-opacity, 1)); }

.bg-\[\#E8D9C8\] { --tw-bg-opacity: 1; background-color: rgb(232 217 200 / var(--tw-bg-opacity, 1)); }

.bg-\[\#E9DED2\] { --tw-bg-opacity: 1; background-color: rgb(233 222 210 / var(--tw-bg-opacity, 1)); }

.bg-\[\#ECE2D7\] { --tw-bg-opacity: 1; background-color: rgb(236 226 215 / var(--tw-bg-opacity, 1)); }

.bg-\[\#EDE1D5\] { --tw-bg-opacity: 1; background-color: rgb(237 225 213 / var(--tw-bg-opacity, 1)); }

.bg-\[\#EEE5DA\] { --tw-bg-opacity: 1; background-color: rgb(238 229 218 / var(--tw-bg-opacity, 1)); }

.bg-\[\#EEE5DA\]\/10 { background-color: rgb(238 229 218 / 0.1); }

.bg-\[\#F2E7DC\] { --tw-bg-opacity: 1; background-color: rgb(242 231 220 / var(--tw-bg-opacity, 1)); }

.bg-\[\#F7EFE4\]\/85 { background-color: rgb(247 239 228 / 0.85); }

.bg-\[var\(--theme\)\] { background-color: var(--theme); }

.bg-transparent { background-color: transparent; }

.bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }

.bg-white\/10 { background-color: rgb(255 255 255 / 0.1); }

.bg-white\/\[0\.055\] { background-color: rgb(255 255 255 / 0.055); }

.bg-white\/\[0\.06\] { background-color: rgb(255 255 255 / 0.06); }

.bg-white\/\[0\.07\] { background-color: rgb(255 255 255 / 0.07); }

.bg-\[linear-gradient\(105deg\2c rgba\(31\2c 58\2c 75\2c \.96\)\2c rgba\(42\2c 83\2c 104\2c \.72\)_48\%\2c rgba\(154\2c 52\2c 47\2c \.42\)\)\] { background-image: linear-gradient(105deg,rgba(31,58,75,.96),rgba(42,83,104,.72) 48%,rgba(154,52,47,.42)); }

.bg-\[linear-gradient\(135deg\2c \#9A342F\2c \#A24E18\)\] { background-image: linear-gradient(135deg,#9A342F,#A24E18); }

.bg-\[linear-gradient\(90deg\2c \#9A342F\2c \#A24E18\2c \#DDD4C8\)\] { background-image: linear-gradient(90deg,#9A342F,#A24E18,#DDD4C8); }

.object-cover { -o-object-fit: cover; object-fit: cover; }

.p-1\.5 { padding: 0.375rem; }

.p-3 { padding: 0.75rem; }

.p-4 { padding: 1rem; }

.p-5 { padding: 1.25rem; }

.p-6 { padding: 1.5rem; }

.p-8 { padding: 2rem; }

.px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }

.px-2\.5 { padding-left: 0.625rem; padding-right: 0.625rem; }

.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }

.px-4 { padding-left: 1rem; padding-right: 1rem; }

.px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }

.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }

.py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; }

.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }

.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }

.py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }

.pb-1 { padding-bottom: 0.25rem; }

.pb-2 { padding-bottom: 0.5rem; }

.pb-28 { padding-bottom: 7rem; }

.pb-6 { padding-bottom: 1.5rem; }

.pb-8 { padding-bottom: 2rem; }

.text-left { text-align: left; }

.text-center { text-align: center; }

.text-2xl { font-size: 1.5rem; line-height: 2rem; }

.text-3xl { font-size: 1.875rem; line-height: 2.25rem; }

.text-4xl { font-size: 2.25rem; line-height: 2.5rem; }

.text-\[10px\] { font-size: 10px; }

.text-\[11px\] { font-size: 11px; }

.text-\[clamp\(3rem\2c 6vw\2c 6\.4rem\)\] { font-size: clamp(3rem, 6vw, 6.4rem); }

.text-base { font-size: 1rem; line-height: 1.5rem; }

.text-lg { font-size: 1.125rem; line-height: 1.75rem; }

.text-sm { font-size: 0.875rem; line-height: 1.25rem; }

.text-xl { font-size: 1.25rem; line-height: 1.75rem; }

.text-xs { font-size: 0.75rem; line-height: 1rem; }

.font-black { font-weight: 900; }

.font-bold { font-weight: 700; }

.font-medium { font-weight: 500; }

.font-semibold { font-weight: 600; }

.uppercase { text-transform: uppercase; }

.leading-6 { line-height: 1.5rem; }

.leading-7 { line-height: 1.75rem; }

.leading-\[0\.9\] { line-height: 0.9; }

.leading-none { line-height: 1; }

.leading-tight { line-height: 1.25; }

.tracking-\[-0\.03em\] { letter-spacing: -0.03em; }

.tracking-\[0\.18em\] { letter-spacing: 0.18em; }

.tracking-\[0\.28em\] { letter-spacing: 0.28em; }

.tracking-tight { letter-spacing: -0.025em; }

.text-\[\#223F52\] { --tw-text-opacity: 1; color: rgb(34 63 82 / var(--tw-text-opacity, 1)); }

.text-\[\#274C61\] { --tw-text-opacity: 1; color: rgb(39 76 97 / var(--tw-text-opacity, 1)); }

.text-\[\#284C60\] { --tw-text-opacity: 1; color: rgb(40 76 96 / var(--tw-text-opacity, 1)); }

.text-\[\#9A342F\] { --tw-text-opacity: 1; color: rgb(154 52 47 / var(--tw-text-opacity, 1)); }

.text-\[\#9A342F\]\/85 { color: rgb(154 52 47 / 0.85); }

.text-\[\#A24E18\] { --tw-text-opacity: 1; color: rgb(162 78 24 / var(--tw-text-opacity, 1)); }

.text-\[\#DDD4C8\] { --tw-text-opacity: 1; color: rgb(221 212 200 / var(--tw-text-opacity, 1)); }

.text-\[\#F7EFE4\] { --tw-text-opacity: 1; color: rgb(247 239 228 / var(--tw-text-opacity, 1)); }

.text-\[\#FFF7EC\] { --tw-text-opacity: 1; color: rgb(255 247 236 / var(--tw-text-opacity, 1)); }

.text-\[\#FFF7EC\]\/70 { color: rgb(255 247 236 / 0.7); }

.text-\[\#FFF7EC\]\/75 { color: rgb(255 247 236 / 0.75); }

.text-slate-500 { --tw-text-opacity: 1; color: rgb(100 116 139 / var(--tw-text-opacity, 1)); }

.text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }

.text-white\/45 { color: rgb(255 255 255 / 0.45); }

.text-white\/50 { color: rgb(255 255 255 / 0.5); }

.text-white\/55 { color: rgb(255 255 255 / 0.55); }

.text-white\/60 { color: rgb(255 255 255 / 0.6); }

.text-white\/70 { color: rgb(255 255 255 / 0.7); }

.opacity-25 { opacity: 0.25; }

.opacity-35 { opacity: 0.35; }

.opacity-55 { opacity: 0.55; }

.mix-blend-luminosity { mix-blend-mode: luminosity; }

.shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }

.shadow-\[0_20px_46px_rgba\(31\2c 58\2c 75\2c \.24\)\] { --tw-shadow: 0 20px 46px rgba(31,58,75,.24); --tw-shadow-colored: 0 20px 46px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }

.shadow-\[inset_0_1px_0_rgba\(255\2c 255\2c 255\2c \.14\)\] { --tw-shadow: inset 0 1px 0 rgba(255,255,255,.14); --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }

.shadow-glow { --tw-shadow: 0 22px 55px rgba(24, 52, 72, 0.32), 0 14px 38px rgba(154, 52, 47, 0.18); --tw-shadow-colored: 0 22px 55px var(--tw-shadow-color), 0 14px 38px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }

.shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }

.shadow-soft { --tw-shadow: 0 18px 50px rgba(20, 43, 58, 0.18); --tw-shadow-colored: 0 18px 50px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }

.outline-none { outline: 2px solid transparent; outline-offset: 2px; }

.ring-1 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); }

.ring-\[\#A24E18\]\/25 { --tw-ring-color: rgb(162 78 24 / 0.25); }

.ring-\[\#CCB69F\] { --tw-ring-opacity: 1; --tw-ring-color: rgb(204 182 159 / var(--tw-ring-opacity, 1)); }

.ring-\[\#CDBEAF\] { --tw-ring-opacity: 1; --tw-ring-color: rgb(205 190 175 / var(--tw-ring-opacity, 1)); }

.ring-\[\#D0BBA6\] { --tw-ring-opacity: 1; --tw-ring-color: rgb(208 187 166 / var(--tw-ring-opacity, 1)); }

.ring-\[\#D0C2B4\] { --tw-ring-opacity: 1; --tw-ring-color: rgb(208 194 180 / var(--tw-ring-opacity, 1)); }

.ring-\[\#D3BDA6\] { --tw-ring-opacity: 1; --tw-ring-color: rgb(211 189 166 / var(--tw-ring-opacity, 1)); }

.ring-\[\#D4C7B9\] { --tw-ring-opacity: 1; --tw-ring-color: rgb(212 199 185 / var(--tw-ring-opacity, 1)); }

.ring-\[\#D6CABD\] { --tw-ring-opacity: 1; --tw-ring-color: rgb(214 202 189 / var(--tw-ring-opacity, 1)); }

.ring-\[\#D8C5B2\] { --tw-ring-opacity: 1; --tw-ring-color: rgb(216 197 178 / var(--tw-ring-opacity, 1)); }

.ring-\[\#EEE5DA\] { --tw-ring-opacity: 1; --tw-ring-color: rgb(238 229 218 / var(--tw-ring-opacity, 1)); }

.ring-\[\#EEE5DA\]\/20 { --tw-ring-color: rgb(238 229 218 / 0.2); }

.ring-\[var\(--theme\)\] { --tw-ring-color: var(--theme); }

.blur-3xl { --tw-blur: blur(64px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }

.blur-xl { --tw-blur: blur(24px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }

.contrast-125 { --tw-contrast: contrast(1.25); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }

.filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }

.backdrop-blur { --tw-backdrop-blur: blur(8px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); }

.backdrop-blur-xl { --tw-backdrop-blur: blur(24px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); }

.transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }

.duration-300 { transition-duration: 300ms; }

.sync-dialog { width: min(440px, calc(100% - 32px)); border: 1px solid var(--line); border-radius: 16px; padding: 24px; color: var(--ink); background: white; }
.sync-dialog::backdrop { background: #25213770; }
.sync-dialog h2 { margin-top: 0; }
.sync-dialog input { width: 100%; min-width: 0; box-sizing: border-box; border: 1px solid var(--line); border-radius: 8px; padding: 10px; }
.sync-dialog .sync-code { overflow-wrap: anywhere; -webkit-user-select: all; -moz-user-select: all; user-select: all; padding: 12px; border-radius: 8px; background: var(--soft); font-family: monospace; letter-spacing: 1px; }
.sync-dialog .sync-message { min-height: 24px; }
.sync-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.sync-button { font-size: 12px; white-space: nowrap; }
header { gap: 12px; flex-wrap: wrap; }
.workspace, main, .panel, .form-row > *, .grid > * { min-width: 0; }
img { max-width: 100%; }
textarea { max-width: 100%; box-sizing: border-box; }
.math-block { max-width: 100%; overflow-x: auto; }
.sync-warning { padding: 12px 16px; color: #9b3349; background: #fff1f3; }
.ai-unavailable { border-left: 3px solid #b2a1fa; padding: 12px; background: var(--soft); }
.ai-fields { border: 0; padding: 0; margin: 0; min-width: 0; display: grid; gap: 10px; }
.ai-fields input[type="text"] { width: 100%; box-sizing: border-box; border: 1px solid var(--line); background: var(--soft); border-radius: 9px; padding: 10px; color: var(--ink); }
.ai-consent { display: flex; align-items: flex-start; gap: 8px; line-height: 1.7; }
.ai-consent input { flex: 0 0 auto; margin-top: 6px; }
.ai-live { min-height: 26px; margin: 0; overflow-wrap: anywhere; }
.ai-help { line-height: 1.7; margin: 0; }
#aiConnectForm .actions { margin-top: 0; }
#aiSettingsTitle { margin: 0; }
#aiGenerate [type="file"] { width: 100%; }
#aiGenerate textarea { width: 100%; }
#aiGenerate :focus-visible, #aiConnectForm :focus-visible { outline: 3px solid #7863ee; outline-offset: 3px; }
#aiGenerate input, #aiGenerate textarea, #aiConnectForm input, #aiConnectForm button { scroll-margin-block: 20px 100px; }
button:disabled { cursor: not-allowed; opacity: .6; }
@media (max-width: 820px) {
  body { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
  aside nav { position: fixed; z-index: 40; bottom: 0; left: 0; right: 0; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0; overflow: visible; padding: 7px 3px calc(7px + env(safe-area-inset-bottom)); background: #fff; border-top: 1px solid var(--line); box-shadow: 0 -3px 18px #33255b0a; }
  aside nav a { position: relative; display: flex; flex-direction: column; justify-content: center; gap: 3px; padding: 6px 0; font-size: 10px; line-height: 1.4; border-radius: 8px; }
  aside nav i { font-size: 20px; width: auto; line-height: 1; }
  #reviewBadge:not(:empty) { position: absolute; top: 0; right: 12%; font-size: 9px; }
  header .crumb { flex: 1; }
  header .edition { order: 3; width: 100%; justify-content: flex-end; }
  header .edition select { width: auto; max-width: 100%; }
  .section-head { flex-wrap: wrap; gap: 8px; }
  .form-row { flex-wrap: wrap; }
  .row { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}
.placeholder\:text-white\/35::-moz-placeholder { color: rgb(255 255 255 / 0.35); }
.placeholder\:text-white\/35::placeholder { color: rgb(255 255 255 / 0.35); }
.hover\:-translate-y-1:hover { --tw-translate-y: -0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.hover\:bg-\[\#EEE5DA\]\/10:hover { background-color: rgb(238 229 218 / 0.1); }
.hover\:bg-\[\#F7EFE4\]:hover { --tw-bg-opacity: 1; background-color: rgb(247 239 228 / var(--tw-bg-opacity, 1)); }
.hover\:text-\[\#FFF7EC\]:hover { --tw-text-opacity: 1; color: rgb(255 247 236 / var(--tw-text-opacity, 1)); }
.hover\:brightness-105:hover { --tw-brightness: brightness(1.05); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }
.active\:scale-\[0\.99\]:active { --tw-scale-x: 0.99; --tw-scale-y: 0.99; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.disabled\:cursor-not-allowed:disabled { cursor: not-allowed; }
.disabled\:opacity-35:disabled { opacity: 0.35; }
@media (min-width: 640px) {

 .sm\:bottom-8 { bottom: 2rem; }

 .sm\:left-8 { left: 2rem; }

 .sm\:right-8 { right: 2rem; }

 .sm\:flex { display: flex; }

 .sm\:min-h-\[430px\] { min-height: 430px; }

 .sm\:w-auto { width: auto; }

 .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }

 .sm\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

 .sm\:flex-row { flex-direction: row; }

 .sm\:items-end { align-items: flex-end; }

 .sm\:items-center { align-items: center; }

 .sm\:justify-end { justify-content: flex-end; }

 .sm\:justify-between { justify-content: space-between; }

 .sm\:gap-3 { gap: 0.75rem; }

 .sm\:p-5 { padding: 1.25rem; }

 .sm\:p-7 { padding: 1.75rem; }

 .sm\:p-8 { padding: 2rem; }

 .sm\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }

 .sm\:pb-0 { padding-bottom: 0px; }

 .sm\:text-left { text-align: left; }

 .sm\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; }

 .sm\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; }

 .sm\:text-5xl { font-size: 3rem; line-height: 1; }

 .sm\:text-lg { font-size: 1.125rem; line-height: 1.75rem; } }
@media (min-width: 1024px) {

 .lg\:grid-cols-\[\.88fr_1\.12fr\] { grid-template-columns: .88fr 1.12fr; }

 .lg\:grid-cols-\[\.9fr_1\.1fr\] { grid-template-columns: .9fr 1.1fr; }

 .lg\:grid-cols-\[1\.12fr_\.88fr\] { grid-template-columns: 1.12fr .88fr; }

 .lg\:pt-20 { padding-top: 5rem; } }
@media (min-width: 1280px) {

 .xl\:flex { display: flex; }

 .xl\:hidden { display: none; }

 .xl\:px-8 { padding-left: 2rem; padding-right: 2rem; }

 .xl\:pb-0 { padding-bottom: 0px; }

 .xl\:pb-8 { padding-bottom: 2rem; } }