@font-face { font-family:"Next Sans"; src:url("./assets/fonts/editor/dm-sans-regular.ttf") format("truetype"); font-weight:400; font-display:swap; }
@font-face { font-family:"Next Sans"; src:url("./assets/fonts/editor/dm-sans-semibold.ttf") format("truetype"); font-weight:600 800; font-display:swap; }
@font-face { font-family:"Next Serif"; src:url("./assets/fonts/editor/dm-serif-display.ttf") format("truetype"); font-weight:400; font-display:swap; }
@font-face { font-family:"Next Serif"; src:url("./assets/fonts/editor/dm-serif-display-italic.ttf") format("truetype"); font-weight:400; font-style:italic; font-display:swap; }

/* Isolated palette: never loaded by the current editor, account, or embeds. */
:root[data-editor-theme="fresh"][data-theme] {
  --ink:#19191f; --panel:#222228; --surface-0:#19191f; --surface-1:#222228; --surface-2:#29282f; --surface-3:#333139;
  --line:#3b3943; --edge:#57525f; --text:#eee9e3; --headline:#fff8f0; --sub:#aaa3b2; --text-soft:#c4bdcb; --sub-strong:#d5ccd9;
  --accent:#cab7fb; --accent2:#cab7fb; --accent-2:#cab7fb; --accent-ink:#241a38; --primary:#bda2f1; --primary-hover:#ceb8f8; --accent-wash:#3a304c;
  --next-action-ink:#241a38; --next-welcome:#201e25; --next-welcome-card:#29252f; --next-soft:#342c41;
  --chip:#333139; --chip2:#413b4c; --ghost:#aaa3b2;
  --viewer-scene-bg:#14131b; --viewer-grid-major:#565064; --viewer-grid-minor:#393344; --viewer-grid-opacity:.28;
  --shadow:0 12px 35px #0003; --next-banner-height:0px;
}
:root[data-editor-theme="fresh"][data-theme="light"] {
  --ink:#eeece7; --panel:#fffcf8; --surface-0:#eeece7; --surface-1:#fffcf8; --surface-2:#f6f3ee; --surface-3:#ece6e0;
  --line:#ded7ce; --edge:#b9aca9; --text:#393238; --headline:#2b252a; --sub:#7e717c; --text-soft:#6b606b; --sub-strong:#574c58;
  --accent:#7351ac; --accent2:#7351ac; --accent-2:#7351ac; --accent-ink:#fff; --primary:#7351ac; --primary-hover:#624294; --accent-wash:#eee5f8;
  --next-action-ink:#fffaf6; --next-welcome:#f6f3ee; --next-welcome-card:#fffcf8; --next-soft:#eee5f8;
  --chip:#ece6e0; --chip2:#e4dad2; --ghost:#847784;
  --viewer-scene-bg:#f2efea; --viewer-grid-major:#b8acae; --viewer-grid-minor:#d4cbd0; --viewer-grid-opacity:.32;
}
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] { font-family:"Next Sans",Arial,sans-serif; --dock-width:320px; --header-control-height:38px; }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] > .appbar { min-height:64px; padding:8px 18px; background:var(--surface-1); gap:16px; }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] .brand__logo { width:145px; height:43px; }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] .design-save-hud { padding-left:20px; flex:0 1 460px; }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] .design-save-hud input { width:180px; background:transparent; border-color:transparent; font-weight:600; }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] .design-save-hud input:hover,
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] .design-save-hud input:focus { background:var(--surface-2); border-color:var(--line); }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] :is(.btn.primary,button.primary,.btn--primary,.printed-controls__entry,#dock #dockClose) { background:var(--primary); color:var(--next-action-ink); border-color:var(--primary); box-shadow:none; text-shadow:none; }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] :is(.btn.primary,button.primary,.printed-controls__entry):hover { background:var(--primary-hover); border-color:var(--primary-hover); }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] :is(button,input,select,textarea):focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] .appbar :is(.chip,.btn,input) { border-radius:7px; }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #printedControlsDesktopSlot .printed-controls__entry { min-height:40px; font-size:13px; padding:10px 17px; border-radius:7px; }

/* A toolbar across the workspace, with the inspector on the left. */
@media(min-width:901px) {
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] { --editor-footer-height:44px; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] > .row { display:grid; grid-template-columns:auto minmax(0,1fr); grid-template-rows:46px minmax(0,1fr); flex:1; min-height:0; height:auto; overflow:hidden; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] .editor-rail { grid-column:1/-1; grid-row:1; width:100%; height:46px; min-height:0; flex-direction:row; align-items:center; gap:4px; padding:5px 16px; border:0; border-bottom:1px solid var(--line); background:var(--surface-1); }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] .editor-rail button { flex:0 0 auto; display:flex; flex-direction:row; align-items:center; justify-content:center; gap:9px; width:auto; min-width:86px; min-height:34px; height:34px; padding:6px 12px; border:1px solid transparent; border-radius:7px; font-size:13px; font-weight:600; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] .editor-rail button[aria-expanded="true"] { width:auto; padding:6px 12px; border-radius:7px; background:var(--accent-wash); color:var(--accent); border-color:transparent; box-shadow:none; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] .editor-rail button[hidden],
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"]:not(.shell-empty-editor) .editor-rail button[data-shell-panel="panel-style"] { display:none; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] .editor-rail .lucide { width:19px; height:19px; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] .editor-rail__utilities { display:flex; flex-direction:row; gap:6px; width:auto; padding:0; border:0; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] .editor-rail__assistant-icon,
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] .editor-rail__assistant-icon img { width:23px; height:23px; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] > .row > main { grid-column:2; grid-row:2; width:auto; height:100%; min-width:0; min-height:0; margin-left:0; background:var(--surface-0); }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] .editor-panel { grid-column:1; grid-row:2; width:var(--dock-width); border-left:0; border-right:1px solid var(--line); background:var(--surface-1); }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] .editor-panel[hidden] { width:0; border:0; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] .editor-panel-heading { position:sticky; top:0; width:100%; padding:12px 18px; border-bottom:1px solid var(--line); border-radius:0; background:var(--surface-1); display:flex; gap:10px; justify-content:space-between; z-index:6; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] .next-inspector-title { font-size:18px; font-weight:600; color:var(--headline); }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #dock #dockClose { width:32px; height:32px; min-height:32px; border:1px solid var(--line); border-radius:7px; color:var(--text-soft); background:var(--surface-2); }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #dock .panel { padding:18px; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #dock .panel > summary { display:none; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #viewer { inset:0 0 var(--editor-footer-height); border:0; border-radius:0; overflow:hidden; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"].shell-empty-editor #viewer { inset:0; border:0; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #shellStyleBar { left:16px; right:16px; margin:0 auto; top:14px; padding:6px 12px; border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line)); border-radius:12px; background:linear-gradient(120deg,var(--surface-2),var(--surface-1)); box-shadow:0 8px 24px #0002; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] .viewport-toolbar-stack { right:16px; top:14px; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] .editor-canvas-hint { background:var(--surface-0); border:0; font-size:12px; font-weight:400; padding:8px 18px; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] .appbar #printedPriceDisplay,
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] .appbar .printed-controls--price-open .printed-controls__panel { right:20px; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"].cart-open .appbar #printedPriceDisplay,
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"].cart-open .appbar .printed-controls--price-open .printed-controls__panel { right:calc(var(--cart-width) + 20px); }
}
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] :is(.shell-settings-card,.shell-create-card) { border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line)); background:linear-gradient(145deg,var(--surface-2),var(--surface-1)); box-shadow:inset 0 1px #ffffff08,0 4px 14px #0001; border-radius:12px; }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] .shell-card-header { border-color:var(--line); }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #dock :is(input[type="number"],select) { border-radius:6px; background:var(--surface-1); }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] .shell-panel-intro { font-size:13px; line-height:1.65; color:var(--text-soft); margin-bottom:22px; }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #shellStyleBar .style-selector-hud__select { background:var(--surface-2); border-color:var(--line); }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] .viewport-controls .btn { border:1px solid var(--line); background:var(--surface-1); color:var(--text-soft); box-shadow:none; border-radius:7px; }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] .viewport-controls [aria-pressed="true"] { color:var(--accent); background:var(--accent-wash); border-color:var(--edge); }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"].shell-empty-editor #fitDesignView { display:none; }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] :is(.cart-panel,.purchase-confirmation-panel) { top:calc(var(--appbar-height) + var(--next-banner-height)); }

/* Wide, colorful starting surface; the editor canvas remains the main event. */
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder { padding:0; background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 55%); }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .viewport-empty__shell { padding:34px 42px 26px; align-items:center; }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .viewport-empty__panel { width:min(100%,1340px); max-width:1340px; padding:0; border:0; background:none; box-shadow:none; }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .viewport-empty__badge { margin:0 0 16px; padding:7px 14px; color:var(--text-soft); font-size:10px; letter-spacing:.13em; border:1px solid color-mix(in srgb,var(--accent) 38%,var(--line)); background:var(--surface-1); border-radius:999px; box-shadow:none; }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .viewport-empty__hero { gap:0; margin:0 0 28px; text-align:center; }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .viewport-empty__title { font:400 clamp(34px,3.6vw,54px)/1.12 "Next Serif",Georgia,serif; color:var(--headline); letter-spacing:-.025em; margin:0 0 10px; max-width:none; }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .start-title-accent { color:var(--accent); font-style:italic; background:none; -webkit-text-fill-color:currentColor; }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .viewport-empty__copy { display:block; color:var(--text-soft); font-size:14px; line-height:1.6; margin:0; max-width:none; }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .viewport-empty__actions { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin:0 0 30px; }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .viewport-empty__action { --start-accent:#c4a3fa; position:relative; display:grid; grid-template-columns:88px minmax(0,1fr); align-items:center; gap:12px; padding:22px 16px; min-height:170px; border:1px solid color-mix(in srgb,var(--start-accent) 52%,var(--line)); border-radius:16px; background:radial-gradient(ellipse at 0% 0%,color-mix(in srgb,var(--start-accent) 17%,transparent),transparent 85%),var(--surface-1); box-shadow:inset 0 1px #ffffff0a,0 12px 24px #0002; text-align:left; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .viewport-empty__action[data-empty-state-action="open-image"] { --start-accent:#f5bd63; }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .viewport-empty__action[data-empty-state-action="browse-designs"] { --start-accent:#f195c4; }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .viewport-empty__action[data-empty-state-action="quick-start"] { --start-accent:#7dbef5; }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .viewport-empty__action:hover { transform:translateY(-3px); border-color:var(--start-accent); box-shadow:inset 0 1px #ffffff14,0 12px 28px #0003,0 0 24px color-mix(in srgb,var(--start-accent) 10%,transparent); }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .viewport-empty__action-icon { width:88px; height:88px; margin:0; padding:0; border:0; background:none; box-shadow:none; }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .viewport-empty__action-icon img { width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 8px 12px color-mix(in srgb,var(--start-accent) 25%,transparent)); }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .viewport-empty__action-body { padding:0 0 16px; gap:7px; min-width:0; }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .start-action-eyebrow { display:block; color:var(--start-accent); font-size:9px; letter-spacing:.1em; }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .viewport-empty__action-title { color:var(--headline); font-size:16px; font-weight:600; }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .viewport-empty__action-copy { display:block; max-width:none; color:var(--text-soft); font-size:12px; line-height:1.6; }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .start-action-arrow { position:absolute; right:14px; bottom:12px; width:28px; height:28px; border-radius:50%; color:#221b2a; background:var(--start-accent); box-shadow:0 4px 16px color-mix(in srgb,var(--start-accent) 20%,transparent); }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .viewport-empty__ai { max-width:860px; margin:0 auto; padding:7px 8px 7px 20px; border:1px solid color-mix(in srgb,var(--accent) 60%,var(--line)); border-radius:18px; background:linear-gradient(115deg,var(--surface-2),var(--surface-1)); box-shadow:0 8px 28px #0002,0 0 25px color-mix(in srgb,var(--accent) 7%,transparent); }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .viewport-empty__ai-controls { gap:10px; }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .start-ai-spark { color:var(--accent); }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .viewport-empty__ai-input { color:var(--text); font-size:14px; font-style:normal; background:none; }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .viewport-empty__ai-input::placeholder { color:var(--sub-strong); }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .viewport-empty__ai-submit { color:var(--next-action-ink); min-width:134px; border-radius:12px; box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 15%,transparent); }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .start-suggestions { margin:13px 0 26px; gap:8px; }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .start-suggestions-label { color:var(--sub); }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .start-suggestions button { color:var(--text-soft); background:var(--surface-1); border-color:var(--line); box-shadow:none; }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .start-suggestions button:hover { background:var(--accent-wash); border-color:var(--accent); }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .start-designs { padding:20px 0 0; margin:0; border-top:1px solid var(--line); }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .start-design__media { background:radial-gradient(ellipse at 50% 20%,var(--surface-3),var(--surface-1)); border-color:var(--line); border-radius:14px; height:auto; aspect-ratio:1.1; padding:12px; }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .viewport-empty__footer { display:none; }
html[data-editor-theme="fresh"][data-theme="light"] body[data-editor-shell="canvas"] #placeholder .start-action-eyebrow { color:color-mix(in srgb,var(--start-accent) 35%,#453448); }
@media(min-width:901px) {
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #shellStyleBar.below-view-controls { top:68px; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] .editor-panel { box-shadow:8px 0 28px #0002; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] .editor-panel-heading { background:linear-gradient(100deg,var(--accent-wash),var(--surface-1) 90%); }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] .appbar #printedPriceDisplay { bottom:4px; }
}
@media(min-width:901px) and (max-width:1200px) {
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] .editor-rail button { min-width:70px; padding-inline:8px; gap:6px; }
    html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .viewport-empty__action { grid-template-columns:60px minmax(0,1fr); padding:16px 12px; gap:8px; min-height:170px; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .viewport-empty__action-icon { width:60px; height:60px; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .viewport-empty__action-title { font-size:14px; }
}
@media(max-width:900px) {
    .next-inspector-title { display:none; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] > .appbar { min-height:56px; padding:8px 12px; gap:8px; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] .design-save-hud { padding:0; border:0; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .viewport-empty__shell { padding:28px 22px; align-items:flex-start; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .viewport-empty__actions { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .start-design-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media(max-width:600px) {
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .viewport-empty__shell { padding:24px 16px; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .viewport-empty__badge { font-size:8px; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .viewport-empty__title { font-size:38px; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .viewport-empty__copy { font-size:12px; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .viewport-empty__action { display:flex; flex-direction:column; align-items:flex-start; min-height:216px; padding:16px; gap:12px; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .viewport-empty__action-icon { width:64px; height:64px; align-self:center; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .viewport-empty__action-title { font-size:14px; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .start-action-eyebrow { font-size:8px; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .viewport-empty__action-copy { font-size:11px; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .viewport-empty__ai { padding:6px 7px 6px 12px; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .viewport-empty__ai-input { font-size:12px; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .viewport-empty__ai-submit { min-width:42px; width:42px; padding:8px; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .viewport-empty__ai-submit :is(span,.lucide:first-child) { display:none; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .viewport-empty__ai-submit .lucide:last-child { display:block; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .start-design-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(prefers-reduced-motion:reduce) {
  html[data-editor-theme="fresh"] .viewport-empty__action { transition:none !important; }
}

@media(min-width:901px) and (max-height:820px) {
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .viewport-empty__shell { padding:20px 32px; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .viewport-empty__hero { margin-bottom:20px; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .viewport-empty__title { font-size:44px; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .viewport-empty__actions { margin-bottom:22px; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .viewport-empty__action { min-height:150px; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #placeholder .start-design__media { aspect-ratio:1.35; }
}
@media(max-width:900px) and (orientation:landscape) and (max-height:600px) {
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] { --rail-width:56px; --dock-width:300px; }
}
/* Final preview refinements: compact naming, one composer surface, readable support. */
@media(min-width:901px) {
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] .design-save-hud { flex:0 1 auto; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #designNameInput { flex:0 1 220px; width:220px; }
  html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #dock #panel-help { padding-top:18px; }
}
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] .design-assistant__composer { background:transparent; }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #designAssistantInput { background:transparent; border:0; box-shadow:none; border-radius:0; }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #panel-help .support-card__heading { grid-template-columns:28px minmax(0,1fr); align-items:center; gap:8px 10px; }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #panel-help .support-card__heading > div { display:contents; }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #panel-help .support-card__icon { width:28px; height:28px; border-radius:8px; }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #panel-help .support-card__heading h3 { margin:0; font-size:14px; text-transform:none; }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #panel-help .support-card__heading p { grid-column:1/-1; font-size:12px; line-height:1.6; }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #panel-help .support-card__actions { grid-template-columns:1fr; }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #panel-help .support-card__action { justify-content:flex-start; min-height:40px; font-size:12px; }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #designAssistantInput:focus-visible { outline:none; }
html[data-editor-theme="fresh"][data-theme] body[data-editor-shell="canvas"] #panel-help .support-card:first-child { margin-top:0; }