@media screen {
/* Demo-only interface skin. Label artwork and print/export geometry stay untouched. */
:root body.lime-editor {
  --le-bg:#f6f8fc; --le-surface:#fff; --le-soft:#edf2f9; --le-stage:#e3ecff;
  --le-ink:#18263e; --le-muted:#697a94; --le-line:#dce4f0; --le-hover:#e4ecfa;
  --le-lime:#1456f5; --le-primary-ink:#fff; --le-lime-hover:#0642d3; --le-accent:#0642d3; --le-selected:#dbe7ff;
  --le-dot:#b8c8df; --le-danger:#a73e40; --le-shadow:0 12px 40px #152b4b0a;
  --blue:var(--le-accent); --line:var(--le-line); --muted:var(--le-muted);
  color-scheme:light; background:var(--le-bg); color:var(--le-ink);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased; line-height:1.45;
}
:root[data-theme=dark] body.lime-editor {
  --le-bg:#101927; --le-surface:#172439; --le-soft:#1d2e45; --le-stage:#132036;
  --le-ink:#eef3fb; --le-muted:#a3b4cb; --le-line:#31435e; --le-hover:#283f60;
  --le-accent:#5594ff; --le-lime:#5594ff; --le-lime-hover:#7aacff; --le-primary-ink:#152b4b; --le-selected:#1a3c78; --le-dot:#314762; --le-danger:#f3978c;
  --le-shadow:0 12px 40px #00000024; color-scheme:dark;
}
:root body.lime-editor :is(button,input,select,textarea):not(.inline-text-editor) {
  background-color:var(--le-surface); color:var(--le-ink); border-color:var(--le-line); border-radius:8px;
}
:root body.lime-editor :is(button,summary,input,select,textarea):not(.inline-text-editor) {font-family:inherit}
:root body.lime-editor button {transition:background-color .18s ease,border-color .18s ease,color .18s ease;touch-action:manipulation}
:root body.lime-editor button:hover {background-color:var(--le-hover);border-color:var(--le-line)}
:root body.lime-editor :is(button,summary):focus-visible {outline:2px solid var(--le-accent);outline-offset:3px}
:root body.lime-editor :is(input,textarea,select):not(.inline-text-editor):focus {outline:2px solid var(--le-accent);outline-offset:1px;border-color:transparent}
:root body.lime-editor input::placeholder,:root body.lime-editor textarea::placeholder {color:var(--le-muted);opacity:.85}
:root body.lime-editor input[type=checkbox] {accent-color:var(--le-accent)}
:root body.lime-editor :is(.primary,#formatDialog #applySize) {background:var(--le-lime);border-color:var(--le-lime);color:var(--le-primary-ink);font-weight:600;box-shadow:none}
:root body.lime-editor :is(.primary:hover,#formatDialog #applySize:hover) {background:var(--le-lime-hover);border-color:var(--le-lime-hover);color:var(--le-primary-ink)}
:root body.lime-editor :is(label,.setting-label,.control-label,.muted,.hint,.source,.text-button,.subhead,.subhead span,.left-bottom,.left-bottom b,.small-icon,.eyebrow,.modal-heading p,.modal-note,.template-dialog-head p,.template-dialog-foot,.sheet-heading p,.sheet-actions span,.library-storage-note,.library-welcome p) {color:var(--le-muted)}
:root body.lime-editor select {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23697a94' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")!important}
:root[data-theme=dark] body.lime-editor select {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a3b4cb' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")!important}
:root body.lime-editor :is(h1,h2,h3) {color:var(--le-ink);letter-spacing:-.025em}
:root body.lime-editor :is(.badge,.pill,.key) {background:var(--le-soft);color:var(--le-muted);border-color:var(--le-line)}
:root body.lime-editor .divider {background:var(--le-line)}
:root body.lime-editor>header {background:var(--le-bg);border-color:var(--le-line);padding-inline:24px;gap:12px}
:root body.lime-editor .brand {color:var(--le-ink)}
:root body.lime-editor .brand-light {color:var(--le-muted)}
:root body.lime-editor>header button,:root body.lime-editor .download-menu summary {min-height:40px;padding:10px 16px;font-size:13px}
:root body.lime-editor .download-options {background:var(--le-surface);border-color:var(--le-line);box-shadow:var(--le-shadow);padding:8px;border-radius:12px}
:root body.lime-editor .download-options button {border:0;background:transparent}
:root body.lime-editor #documentBar {padding:18px 24px 0;gap:14px}
:root body.lime-editor #documentBar>span {color:var(--le-muted)}
:root body.lime-editor #documentName {background:transparent;border-color:transparent;letter-spacing:-.02em;font-size:18px}
:root body.lime-editor #documentName:hover,:root body.lime-editor #documentName:focus {background:var(--le-surface);border-color:var(--le-line)}
:root body.lime-editor #backToLabels {background:transparent;border:0;color:var(--le-muted);padding-inline:0}
:root body.lime-editor #backToLabels:hover {color:var(--le-ink)}
/* Workspace entry and saved documents. */
:root body.lime-editor #labelLibrary {padding:36px;max-width:1440px}
:root body.lime-editor .library-welcome {padding:8px 0 34px;margin-bottom:28px;border-bottom:1px solid var(--le-line)}
:root body.lime-editor .library-welcome h1 {font-size:32px;font-weight:500;letter-spacing:-1px;margin:0 0 10px}
:root body.lime-editor .library-welcome p {font-size:14px;max-width:520px;line-height:1.7}
:root body.lime-editor .library-welcome>.primary {font-size:14px;min-height:50px;padding:15px 21px;border-radius:7px}
:root body.lime-editor .library-list-head {margin-bottom:24px;gap:18px}
:root body.lime-editor .library-list-head h2 {font-size:18px;font-weight:500}
:root body.lime-editor .library-list-head h2 span {background:var(--le-soft);color:var(--le-muted);margin-left:9px;border-radius:5px}
:root body.lime-editor #labelSearch {min-height:44px;width:min(280px,100%);background:var(--le-surface)}
:root body.lime-editor #savedLabels {gap:20px;grid-template-columns:repeat(auto-fill,minmax(min(270px,100%),1fr))}
:root body.lime-editor .saved-label-card {background:var(--le-surface);border-color:var(--le-line);border-radius:14px;box-shadow:none;transition:box-shadow .2s ease,border-color .2s ease}
:root body.lime-editor .saved-label-card:hover {border-color:var(--le-dot);box-shadow:var(--le-shadow)}
:root body.lime-editor .open-saved-label {background:transparent;border-radius:0;padding:18px 18px 14px}
:root body.lime-editor .open-saved-label:hover {background:transparent}
:root body.lime-editor .saved-label-preview {background-color:var(--le-stage);background-image:radial-gradient(var(--le-dot) .6px,transparent .6px);background-size:12px 12px;border-radius:9px;margin-bottom:18px;padding:22px}
:root body.lime-editor .open-saved-label strong {font-size:17px;font-weight:550;color:var(--le-ink);letter-spacing:-.02em}
:root body.lime-editor .open-saved-label :is(span,small) {color:var(--le-muted);font-size:12px}
:root body.lime-editor .saved-label-actions {padding:0 18px 18px;gap:8px}
:root body.lime-editor .saved-label-actions button {min-height:36px}
:root body.lime-editor .saved-label-actions button:first-child {background:var(--le-soft);color:var(--le-ink);border-color:transparent}
:root body.lime-editor .saved-label-actions button:first-child:hover {background:var(--le-selected)}
:root body.lime-editor .delete-saved-label {color:var(--le-danger);background:transparent;border-color:transparent}
:root body.lime-editor .labels-empty {background:var(--le-soft);border:0;border-radius:12px;padding:64px 24px;color:var(--le-muted)}
:root body.lime-editor .labels-empty:before {content:"";display:block;width:58px;height:42px;border:1.5px solid var(--le-dot);background:var(--le-surface);border-radius:6px;margin:0 auto 24px;box-shadow:5px -5px 0 var(--le-soft),6px -6px 0 var(--le-dot)}
:root body.lime-editor .labels-empty h3 {font-size:22px;font-weight:500;color:var(--le-ink);margin:0 0 12px}
:root body.lime-editor .labels-empty p {font-size:14px;line-height:1.7;max-width:460px;margin:0 auto}
:root body.lime-editor .library-storage-note {line-height:1.7}
:root body.lime-editor #labelDeletionNotice {background:var(--le-selected);color:var(--le-ink);border-radius:9px}
:root body.lime-editor #labelDeletionNotice button {color:var(--le-accent);background:transparent;border:0}
/* Quiet controls and a dedicated template entry. */
:root body.lime-editor .compact-top {padding:20px 24px;gap:14px}
:root body.lime-editor .compact-top .template-trigger {background:#152b4b;color:#eef3fb;border-radius:10px;min-height:96px;padding:17px 19px;border:0}
:root body.lime-editor .compact-top .template-trigger:hover {background:#213b60}
:root body.lime-editor .template-trigger strong {font-size:16px;font-weight:550;letter-spacing:-.025em;color:#eef3fb}
:root body.lime-editor .template-trigger small {font-size:12px;color:#afc4e3;line-height:1.5}
:root body.lime-editor .template-trigger>.template-icon {color:#5594ff}
:root body.lime-editor .paper-size-panel {background:var(--le-surface);border-color:var(--le-line);border-radius:10px;padding:14px;gap:12px;align-items:center}
:root body.lime-editor .setting-label {font-size:12px;margin-bottom:7px}
:root body.lime-editor .compact-top :is(.code-control select,.size-control select,#formatSettings,#canvasOrientation) {background-color:var(--le-soft);border-color:transparent;color:var(--le-ink);font-size:14px;height:44px}
:root body.lime-editor .paper-segments {height:44px;background:var(--le-soft);border-color:transparent;gap:2px;border-radius:8px;padding:3px}
:root body.lime-editor .paper-segments button {background:transparent;color:var(--le-muted);font-size:13px;border-radius:5px;padding:6px 11px}
:root body.lime-editor .paper-segments [aria-pressed=true] {background:var(--le-lime);color:var(--le-primary-ink);box-shadow:none}
:root body.lime-editor .compact-top #fullscreen {background:var(--le-surface);border-color:var(--le-line);width:44px;height:44px}
:root body.lime-editor>main {background:var(--le-surface);border-color:var(--le-line);border-radius:14px;box-shadow:var(--le-shadow)}
:root body.lime-editor aside.layers,:root body.lime-editor aside.properties {border-color:var(--le-line);padding:22px 18px;background:var(--le-surface)}
:root body.lime-editor .panel-title h2 {font-size:16px;font-weight:550}
:root body.lime-editor .layers #empty {background:var(--le-soft);color:var(--le-muted);border:0;font-size:12px;border-radius:8px;min-height:45px}
:root body.lime-editor .layers #empty:hover {background:var(--le-hover);color:var(--le-ink)}
:root body.lime-editor .add {min-height:52px;margin-bottom:26px;font-size:14px;border-radius:8px}
:root body.lime-editor .subhead {font-size:10px;letter-spacing:1px;margin-bottom:12px}
:root body.lime-editor .subhead span {font-size:10px}
:root body.lime-editor #layers .layer {background:var(--le-bg);border:1px solid transparent;color:var(--le-ink);min-height:52px;border-radius:8px;margin:7px 0;box-shadow:none;padding:5px 8px}
:root body.lime-editor #layers .layer:is(:hover,.hovered) {background:var(--le-hover);border-color:transparent;box-shadow:none}
:root body.lime-editor #layers .layer.active,:root body.lime-editor #layers .layer.active:is(:hover,.hovered) {background:var(--le-selected);border-color:transparent;color:var(--le-ink);box-shadow:none}
:root body.lime-editor #layers .layer .select-layer {background:none;border:0;color:inherit;font-size:14px;padding-block:9px}
:root body.lime-editor .layer :is(.symbol,.delete) {color:var(--le-muted)}
:root body.lime-editor .layer .delete {background:transparent;font-size:18px;border:0}
:root body.lime-editor .layer .delete:hover {color:var(--le-danger)}
:root body.lime-editor .left-bottom {font-size:11px;line-height:1.8;padding-inline:2px}
:root body.lime-editor .left-bottom b {font-size:12px}
:root body.lime-editor .workspace {background:var(--le-stage)}
:root body.lime-editor .canvas-toolbar {background:var(--le-surface);border-color:var(--le-line);padding:11px 14px;gap:7px;flex-wrap:wrap}
:root body.lime-editor .canvas-toolbar button {background:transparent;border-color:var(--le-line);font-size:12px;min-height:32px}
:root body.lime-editor .canvas-toolbar button:hover {background:var(--le-soft)}
:root body.lime-editor .canvas-toolbar .inline {font-size:11px;color:var(--le-muted)}
:root body.lime-editor .source {padding:14px 18px;gap:10px}
:root body.lime-editor .source>span:first-child {font-size:11px}
:root body.lime-editor .source select {background-color:transparent;color:var(--le-muted);font-size:12px}
:root body.lime-editor #stage {background-image:radial-gradient(var(--le-dot) .65px,transparent .65px);background-size:14px 14px}
:root body.lime-editor #dimension {color:var(--le-muted);font-size:10px}
:root body.lime-editor .workspace>footer {background:var(--le-stage);border-color:var(--le-line);color:var(--le-muted);font-size:10px}
:root body.lime-editor #board {background:#fff;box-shadow:0 12px 30px #152b4b10,0 1px 3px #152b4b17}
:root body.lime-editor .prop-heading {background:var(--le-soft);color:var(--le-ink);padding:13px;border-radius:8px;font-size:14px}
:root body.lime-editor .prop-section {border-color:var(--le-line);margin-top:20px;padding-top:20px}
:root body.lime-editor .prop-section h3 {font-size:10px;letter-spacing:1px;color:var(--le-muted);font-weight:600;margin-bottom:14px}
:root body.lime-editor .properties :is(label,.control-label) {color:var(--le-muted);font-size:12px}
:root body.lime-editor .stepper {background:var(--le-soft);border-color:transparent;border-radius:8px;height:43px}
:root body.lime-editor .stepper :is(button,input) {background:transparent;color:var(--le-ink);border:0;border-radius:0}
:root body.lime-editor .stepper button {color:var(--le-muted)}
:root body.lime-editor .stepper button:hover {background:var(--le-hover);color:var(--le-ink)}
:root body.lime-editor .stepper:focus-within {outline:2px solid var(--le-accent)}
:root body.lime-editor .properties .buttons button {font-size:13px;min-height:41px}
:root body.lime-editor .buttons .on {background:var(--le-selected);border-color:transparent;color:var(--le-accent)}
:root body.lime-editor .content-input-wrap .content-field-actions button {background:transparent;border:0;color:var(--le-muted)}
:root body.lime-editor .content-input-wrap .content-field-actions button:hover {background:var(--le-soft);color:var(--le-ink)}
/* Block and template libraries, format dialog and A4 preview. */
:root body.lime-editor dialog {background:var(--le-surface);color:var(--le-ink);border-color:var(--le-line);border-radius:16px;box-shadow:0 24px 100px #10192733}
:root body.lime-editor dialog::backdrop {background:#10192770;backdrop-filter:blur(5px)}
:root body.lime-editor :is(.modal-heading h2,.template-dialog-head h2,.sheet-heading h2,.new-label-heading h2) {font-weight:500;letter-spacing:-.035em}
:root body.lime-editor .modal-heading .eyebrow {font-size:10px;letter-spacing:1.8px}
:root body.lime-editor .modal-heading p {font-size:14px;line-height:1.6}
:root body.lime-editor #tabs {border-color:var(--le-line);gap:10px}
:root body.lime-editor #tabs button {background:transparent;border-color:transparent;font-size:14px;color:var(--le-muted)}
:root body.lime-editor #tabs button.active {color:var(--le-ink);border-bottom-color:var(--le-accent)}
:root body.lime-editor :is(#search,.template-library input) {background:var(--le-bg);border-color:var(--le-line);min-height:44px}
:root body.lime-editor #catalog .catalog-item {min-height:56px;border-color:transparent;border-bottom-color:var(--le-line);background:transparent;border-radius:8px}
:root body.lime-editor #catalog .catalog-item:hover {background:var(--le-soft)}
:root body.lime-editor #catalog .catalog-item.selected {background:var(--le-selected);border-color:transparent;color:var(--le-ink)}
:root body.lime-editor .catalog-item :is(.ci-icon,.tick) {color:var(--le-muted)}
:root body.lime-editor .catalog-item .tick {border-color:var(--le-dot);display:flex;align-items:center;justify-content:center}
:root body.lime-editor .catalog-item.selected .tick {background:var(--le-lime);border-color:var(--le-lime);color:var(--le-primary-ink)}
:root body.lime-editor .chosen {background:var(--le-soft)}
:root body.lime-editor .chosen h3 {font-size:15px;font-weight:550}
:root body.lime-editor .chosen-item {background:var(--le-surface);border-color:var(--le-line);color:var(--le-ink);min-height:42px}
:root body.lime-editor .chosen-item button {background:transparent;border:0;color:var(--le-muted)}
:root body.lime-editor :is(.close,.template-dialog-head button,.new-label-heading button,.sheet-heading button) {background:transparent;border:0;color:var(--le-muted);border-radius:8px}
:root body.lime-editor .template-dialog-head,:root body.lime-editor .template-dialog-foot,:root body.lime-editor .sheet-heading,:root body.lime-editor .sheet-actions {border-color:var(--le-line)}
:root body.lime-editor .library-format-controls {background:var(--le-bg);border-color:var(--le-line)}
:root body.lime-editor .orientation-toggle [aria-pressed=true] {background:var(--le-selected);color:var(--le-accent);border-color:transparent}
:root body.lime-editor .template-library>aside {background:var(--le-bg);border-color:var(--le-line)}
:root body.lime-editor #templateCategories button {background:transparent;border:0;color:var(--le-muted);border-radius:7px;font-size:13px}
:root body.lime-editor #templateCategories button:hover {background:var(--le-soft);color:var(--le-ink)}
:root body.lime-editor #templateCategories button[aria-pressed=true] {background:var(--le-selected);color:var(--le-ink)}
:root body.lime-editor .template-card {background:var(--le-surface);border-color:var(--le-line);border-radius:10px;padding:13px}
:root body.lime-editor .template-card:hover {background:var(--le-bg);border-color:var(--le-dot)}
:root body.lime-editor .template-card>span {color:var(--le-muted)}
:root body.lime-editor .template-card strong {font-weight:550;font-size:14px}
:root body.lime-editor .template-thumb {background:var(--le-stage);border-radius:7px}
:root body.lime-editor .library-notice {background:var(--le-soft);border-color:var(--le-line);color:var(--le-muted)}
:root body.lime-editor #sheetPreview {background:var(--le-stage)}
:root body.lime-editor #formatDialog .formatbar {background:var(--le-surface)}
:root body.lime-editor #newLabelDialog {padding:28px;border-radius:14px}
:root body.lime-editor #newLabelForm {gap:22px}
:root body.lime-editor #newLabelForm :is(input,#newLabelSizeToggle) {min-height:46px}
:root body.lime-editor #newLabelSizeOptions {border-color:var(--le-line);background:var(--le-bg)}
:root body.lime-editor #newLabelSizeOptions button {background:transparent;border:0}
:root body.lime-editor #newLabelSizeOptions button[aria-pressed=true],:root body.lime-editor #newLabelSizeOptions button:hover {background:var(--le-selected);color:var(--le-ink)}
:root body.lime-editor #newLabelSizeOptions button:focus-visible,:root body.lime-editor #newLabelSizeToggle:focus-visible {outline:2px solid var(--le-accent)}
:root body.lime-editor #toast {background:#152b4b;color:#eef3fb;border-radius:9px;box-shadow:var(--le-shadow)}
:root[data-theme=dark] body.lime-editor #toast {background:var(--le-lime);color:var(--le-primary-ink)}
/* Restrict layout changes to the interface. Keep all panels usable on narrow screens. */
@media(min-width:901px) and (max-width:1180px) {
  :root body.lime-editor>main {grid-template-columns:205px minmax(240px,1fr) 295px}
  :root body.lime-editor aside.layers,:root body.lime-editor aside.properties {padding:18px 12px}
  :root body.lime-editor .source>span:first-child {display:none}
}
@media(max-width:900px) {
  :root body.lime-editor #labelLibrary {padding:26px 22px}
  :root body.lime-editor .compact-top {padding:16px 16px;gap:12px}
  :root body.lime-editor>main {width:calc(100% - 32px)}
  :root body.lime-editor .layers {max-height:none;padding:18px}
  :root body.lime-editor .layers .panel-title {display:flex;margin-bottom:14px}
  :root body.lime-editor #layers {gap:7px;padding:2px 0 5px;overscroll-behavior-x:contain}
  :root body.lime-editor #layers .layer {min-width:160px;max-width:240px;margin:0}
  :root body.lime-editor .layer .delete {display:block;padding:6px}
  :root body.lime-editor .add {margin-bottom:15px;min-height:48px}
  :root body.lime-editor .workspace {height:520px;min-height:440px}
  :root body.lime-editor .properties {padding:22px;border-top:1px solid var(--le-line)}
  :root body.lime-editor .library-welcome h1 {font-size:28px}
}
@media(max-width:600px) {
  :root body.lime-editor #labelLibrary {padding:22px 16px}
  :root body.lime-editor .library-welcome {padding-top:4px;padding-bottom:26px;gap:22px;margin-bottom:24px}
  :root body.lime-editor .library-welcome h1 {font-size:28px}
  :root body.lime-editor .library-list-head {gap:15px}
  :root body.lime-editor #labelSearch {width:100%}
  :root body.lime-editor .labels-empty {padding:46px 20px}
  :root body.lime-editor .labels-empty h3 {font-size:20px}
  :root body.lime-editor #documentBar {padding:14px 16px 0;gap:10px}
  :root body.lime-editor #documentName {font-size:16px;min-width:100px}
  :root body.lime-editor>header {gap:8px;padding:12px 16px}
  :root body.lime-editor>header button,:root body.lime-editor .download-menu summary {font-size:12px;padding:9px 12px}
  :root body.lime-editor .compact-top {padding:14px 12px}
  :root body.lime-editor .compact-top .template-trigger {min-height:85px;padding:15px}
  :root body.lime-editor .compact-top .paper-size-panel {padding:14px;gap:12px 8px}
  :root body.lime-editor .compact-top .paper-size-panel .code-control {min-width:0}
  :root body.lime-editor .paper-segments {width:100%}
  :root body.lime-editor>main {width:calc(100% - 24px);border-radius:11px}
  :root body.lime-editor aside.layers,:root body.lime-editor aside.properties {padding:18px 15px}
  :root body.lime-editor .source {padding:12px;flex-wrap:wrap}
  :root body.lime-editor .source>span:first-child {display:none}
  :root body.lime-editor .source select {max-width:calc(100% - 78px);flex:1}
  :root body.lime-editor .canvas-toolbar {gap:6px;padding:10px}
  :root body.lime-editor .canvas-toolbar .divider {display:none}
  :root body.lime-editor .canvas-toolbar .inline {font-size:10px}
  :root body.lime-editor .canvas-toolbar button {min-height:32px;padding:5px 7px}
  :root body.lime-editor .workspace {height:470px}
  :root body.lime-editor .workspace>footer {flex-wrap:wrap;gap:6px;padding:12px;font-size:9px}
  :root body.lime-editor #tabs {gap:3px}
  :root body.lime-editor #tabs button {font-size:12px;padding:10px 4px}
  :root body.lime-editor .modal-main {padding:20px 15px}
  :root body.lime-editor .modal-heading h2 {font-size:24px}
  :root body.lime-editor .modal-heading p {font-size:12px}
  :root body.lime-editor #catalog .catalog-item {font-size:13px;gap:12px;min-height:54px}
  :root body.lime-editor .chosen {padding:16px}
  :root body.lime-editor #newLabelDialog {padding:23px}
  :root body.lime-editor .template-card {padding:8px}
  :root body.lime-editor .template-card strong {font-size:12px}
  :root body.lime-editor .template-dialog-head {padding:18px}
}
@media(prefers-reduced-motion:reduce) {
  :root body.lime-editor :is(button,.saved-label-card) {transition:none}
}
/* Match the legacy theme's grouped ID selectors to keep the interface palette consistent. */
:root body.lime-editor :is(.workspace,#sheetPreview) {background-color:var(--le-stage)}
:root body.lime-editor :is(#search,.source select) {background-color:var(--le-bg);color:var(--le-muted)}
:root body.lime-editor :is(.buttons .on,.catalog-item.selected,#templateCategories [aria-pressed=true],.orientation-toggle [aria-pressed=true]) {background:var(--le-selected);color:var(--le-accent);border-color:transparent}
:root body.lime-editor .compact-top .template-trigger small {color:#afc4e3}
:root body.lime-editor .compact-top .template-trigger .template-icon {color:#5594ff}
html:has(>body.lime-editor) {background:#f6f8fc}
html[data-theme=dark]:has(>body.lime-editor) {background:#101927}
:root body.lime-editor :is(main,dialog,.paper-size-panel,.canvas-toolbar,.download-options) {background-color:var(--le-surface);border-color:var(--le-line);color:var(--le-ink)}
/* The host page supplies its visible viewport; an auto-height iframe is not a viewport. */
:root.constructor-embedded body.lime-editor :is(#dialog,#formatDialog,#templateDialog,#sheetDialog,#newLabelDialog)[open] {
  top:var(--host-modal-top,24px);
  bottom:auto;
  margin-block:0;
  max-height:var(--host-modal-max-height,calc(100dvh - 48px));
  min-height:0;
  transform:none;
}
@media(max-width:760px) {
  :root.constructor-embedded body.lime-editor #dialog[open] {
    height:min(800px,var(--host-modal-max-height,calc(100dvh - 48px)));
    grid-template-rows:minmax(0,1fr) auto;
  }
  :root.constructor-embedded body.lime-editor #dialog .modal-main {height:auto;min-height:0}
  :root.constructor-embedded body.lime-editor #dialog .chosen {min-height:132px}
}

}