body {font-family:"Inter", sans-serif;background-color:var(--bg);color:var(--fg);margin:0}
header {max-height:72px;overflow:visible;padding:6px;position:relative;border-radius:var(--radius);transition:max-height 180ms ease,padding 180ms ease,transform 180ms ease,opacity 180ms ease}
body.standard-bar-disabled header {overflow:hidden}
header.standard-bar-hidden {max-height:0;opacity:0;padding-bottom:0;padding-top:0;pointer-events:none;transform:translateY(calc(-100% - 12px))}
header.standard-bar-visible {max-height:72px;opacity:1;pointer-events:auto;transform:translateY(0)}
header nav {border-radius:var(--radius);border:1px solid var(--secondary);padding:6px 8px 6px 8px;cursor:pointer}
header nav:hover {background-color:var(--secondary);box-shadow:var(--shadow);border-color:var(--border)}
nav {display:inline-block;position:relative}
input, textarea {transition:all 100ms;resize:none;font-family:"Inter", sans-serif;border-radius:var(--radius);font-size:calc(var(--fs));border:1px solid var(--border);background-color:var(--secondary-bg);color:var(--fg);padding:8px 10px 8px 10px;width:calc(100% - 21px)}
select {transition:all 100ms;font-family:"Inter", sans-serif;border-radius:var(--radius);font-size:calc(var(--fs));border:1px solid var(--border);background-color:var(--secondary-bg);color:var(--fg);padding:4px 6px 4px 6px;cursor:pointer}
select::picker(select) {border-radius:var(--radius);border:1px solid var(--radius);appearance:base-select}
select option {font-family:"Inter", sans-serif;font-size:calc(var(--fs));background-color:var(--secondary-bg);color:var(--fg);padding:4px 6px}
select option:hover {background-color:var(--border);color:var(--fg)}
select option:checked {background-color:var(--border);color:var(--fg)}
input:hover, textarea:hover {border-color:var(--secondary-border)}
input:focus, textarea:focus {outline:0;border-color:var(--secondary-border);box-shadow:var(--shadow)}
input[type=range] {-webkit-appearance:none;width:calc(100% - 10px);padding:0;height:10px;background:var(--secondary-bg);border:1px solid var(--border);outline:none;border-radius:var(--radius);-webkit-transition:.2s;transition:opacity .2s}
input[type=range]::-webkit-slider-thumb {-webkit-appearance:none;appearance:none;cursor:pointer;box-shadow:var(--shadow);width:38px;height:25px;background:var(--bg);border-radius:var(--radius);border:1px solid var(--border)}
input[type=range]::-moz-range-thumb {-webkit-appearance:none;appearance:none;cursor:pointer;box-shadow:var(--shadow);width:35px;height:30px;background:var(--bg);border-radius:var(--radius);border:1px solid var(--border)}
input[type="checkbox"] {display:none}
input[type="checkbox"].ios-switch {cursor:pointer;position:absolute;margin:8px 0 0 16px}
input[type="checkbox"].ios-switch + label {position:relative;padding:0 0 0 70px;line-height:24px;font-weight:normal;margin-top:0;margin-bottom:0}
input[type="checkbox"].ios-switch + label:before {content:"";cursor:pointer;position:absolute;display:block;left:0;top:0;width:52px;height:16px;margin-top:3px;border-radius:16px;background:var(--bg);border:1px solid var(--border);-webkit-transition:all 0.3s;transition:all 0.3s}
input[type="checkbox"].ios-switch + label:before:hover {box-shadow:var(--shadow)}
input[type="checkbox"].ios-switch + label:after {content:"";cursor:pointer;position:absolute;display:block;left:0;top:0;width:34px;height:22px;border-radius:12px;background:var(--secondary-bg);border:1px solid var(--border);-webkit-transition:all 0.3s;transition:all 0.3s}
input[type="checkbox"].ios-switch + label:hover:after {box-shadow:var(--shadow)}
input[type="checkbox"].ios-switch:checked + label:after {margin-left:20px}
input[type="checkbox"].ios-switch:checked + label:before {background:#1EB533}
input.undecorated, textarea.undecorated {background-color:rgba(0,0,0,0);border:0;width:300px;border-radius:0}
input.undecorated:focus, textarea.undecorated:focus {box-shadow:none}
input.large {font-size:calc(var(--fs) + 8px)}
[contenteditable='true'] {outline:none}
button {font-family:"Inter", sans-serif;border-radius:var(--radius);font-size:calc(var(--fs));transition:all 100ms;border:1px solid var(--border);background-color:var(--bg);color:var(--fg);cursor:pointer !important;padding:6px 16px 6px 16px}
button:hover {background-color:var(--secondary-bg)}
button.primary {background-color:var(--fg);color:var(--bg)}
button.primary svg {filter:invert(100%)}
button a {text-decoration:none;color:inherit}
button:hover a {text-decoration:1px underline solid var(--border)}
button.secondary {border:1px solid var(--border);background-color:rgba(0,0,0,0)}
button.secondary:hover {box-shadow:var(--shadow);border-color:var(--secondary-border);background-color:var(--transparent-bg)}
button.secondary svg {color:var(--fg);width:25px;height:25px;display:block}
button.plain {border:1px solid rgba(0,0,0,0);padding:5px;background-color:rgba(0,0,0,0)}
button.plain:hover {background-color:var(--secondary-bg);border:1px solid var(--border);box-shadow:var(--shadow)}
button.plain svg {color:var(--fg);width:25px;height:25px;display:block}
button.naked {border:none !important;padding:5px;background-color:rgba(0,0,0,0)}
button.naked:hover {background:none !important;backdrop-filter:blur(var(--blur));border:none;box-shadow:var(--shadow)}
button.naked svg {color:var(--fg);width:25px;height:25px;display:block}
button.undecorated {border:1px solid rgba(0,0,0,0);padding:5px;background-color:rgba(0,0,0,0);color:var(--fg)}
button.undecorated:hover {text-decoration:underline;background-color:rgba(0,0,0,0)}
button.tiny {padding:5px;font-size:calc(var(--fs) - 2px);border:1px solid var(--border);background-color:rgba(0,0,0,0)}
button.tiny:hover {box-shadow:var(--shadow);background-color:var(--bg)}
button.fat {padding:11px 24px 11px 24px}
h1, h2, h3, h4, h5, h6 {padding:0;margin:0}
label {font-weight:700;font-size:calc(var(--fs) + 2px);display:block;cursor:pointer}
a {transition:all 100ms;color:var(--fg);text-decoration:1px solid underline var(--border)}
a:hover {text-decoration:1px solid underline var(--fg)}
blockquote {font-family:"Open Sans", sans-serif;font-weight:normal;font-size:calc(var(--fs) + 4);line-height:28px;margin:0;padding:10px 0 10px 0}
canvas {outline:none !important}
li {list-style:none}
#editor-text-content ul, #editor-text-content ol {margin:0 0 0 1.5em;padding-left:1.5em}
#editor-text-content {tab-size:4;white-space:pre-wrap;position:relative}
#editor-text-content ul {list-style-type:disc}
#editor-text-content ol {list-style-type:decimal}
#editor-text-content li {list-style:inherit}
#editor-text-content .editor-text-table {border-collapse:collapse;table-layout:fixed;width:100%;margin:10px 0;white-space:normal}
#editor-text-content .editor-text-table th, #editor-text-content .editor-text-table td {border:1px solid var(--secondary-border);min-width:36px;min-height:28px;padding:6px 8px;vertical-align:top;overflow-wrap:anywhere}
#editor-text-content .editor-text-table th {background:var(--secondary-bg);font-weight:700}
#editor-text-content .editor-text-object-selected {outline:2px solid var(--blue);box-shadow:0 0 0 3px rgba(59,130,246,.12)}
.editor-text-table-picker {padding:10px;user-select:none}
.editor-text-table-picker-grid {display:grid;grid-template-columns:repeat(8,18px);gap:4px}
.editor-text-table-picker-cell {width:18px;height:18px;min-width:18px;padding:0;border:1px solid var(--secondary-border);border-radius:3px;background:var(--bg)}
.editor-text-table-picker-cell:hover, .editor-text-table-picker-cell.is-selected {background:var(--blue);border-color:var(--blue)}
.editor-text-table-picker-label {padding-top:8px;text-align:center;font-size:calc(var(--fs) - 1px);opacity:0.8}
.editor-text-table-resize-handle {position:fixed;z-index:7100;display:none;background:var(--blue);opacity:0.75;border-radius:999px;user-select:none}
.editor-text-table-resize-handle.is-visible {display:block}
.editor-text-table-resize-handle.is-column {cursor:col-resize}
.editor-text-table-resize-handle.is-row {cursor:row-resize}
.editor-text-table-resize-handle.is-dragging {opacity:1}
.context-menu-item-switch {justify-content:space-between;gap:14px}
.context-menu-item-switch .menu-switcher {pointer-events:none;margin-left:25px}
.context-menu-item-switch .menu-switcher .ios-switch + label:before {width:42px}
.context-menu-item-switch .menu-switcher .ios-switch + label:after {width:26px}
.context-menu-item-switch .menu-switcher .ios-switch:checked + label:after {margin-left:16px}
.editor-text-menu-stats {display:block;min-width:220px;cursor:default}
.editor-text-menu-stats:hover {transform:none;box-shadow:none;background-color:transparent}
.editor-text-menu-stats-label {font-size:calc(var(--fs) - 3px);font-weight:700;opacity:0.58;text-transform:uppercase;margin-bottom:7px}
.editor-text-menu-stats-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.editor-text-menu-stats-grid div {display:flex;flex-direction:column;gap:2px;min-width:0}
.editor-text-menu-stats-grid strong {font-size:calc(var(--fs) + 1px);font-weight:700;line-height:1.1;overflow:hidden;text-overflow:ellipsis}
.editor-text-menu-stats-grid span {font-size:calc(var(--fs) - 3px);opacity:0.68;white-space:nowrap}
.editor-text-menu-page-dimensions {display:block;min-width:220px;cursor:default}
.editor-text-menu-page-dimensions:hover {transform:none;box-shadow:none;background-color:transparent}
.editor-text-page-dimensions {display:flex;flex-direction:column;gap:8px}
.editor-text-page-dimension-inputs {display:grid;grid-template-columns:1fr 1fr;gap:8px}
.editor-text-page-dimension-inputs label {display:flex;align-items:center;gap:5px;min-width:0;font-size:calc(var(--fs) - 2px);font-weight:700}
.editor-text-page-dimension-input {box-sizing:border-box;width:56px;padding:5px 6px;font-size:calc(var(--fs) - 2px)}
.editor-text-page-dimension-inputs em {font-style:normal;font-size:calc(var(--fs) - 4px);font-weight:700;opacity:0.62;text-transform:uppercase}
.editor-text-page-dimension-uom {box-sizing:border-box;width:100%}
.editor-text-page-resize-action {max-height:0;opacity:0;overflow:hidden;transform:translateY(-4px);transition:max-height 160ms ease, opacity 160ms ease, transform 160ms ease}
.editor-text-page-resize-action.is-visible {max-height:42px;opacity:1;transform:translateY(0)}
.editor-text-page-resize-button {box-sizing:border-box;width:100%;margin-top:2px}
#editor-text-stage {position:relative;overflow:visible}
#editor-text-page-measure {display:none;width:100%;height:0}
#editor-text-page-backdrop {display:none;position:relative;width:100%;pointer-events:none}
.editor-text-stage-page-view {display:grid}
.editor-text-stage-page-view > #editor-text-page-measure,
.editor-text-stage-page-view > #editor-text-page-backdrop,
.editor-text-stage-page-view > #editor-text-ruler-layer,
.editor-text-stage-page-view > #editor-text-content {grid-area:1 / 1}
.editor-text-stage-page-view #editor-text-page-backdrop {display:flex;flex-direction:column;gap:28px}
#editor-text-page-backdrop .editor-text-page-card {box-sizing:border-box;position:relative;left:auto;right:auto;width:100%;background:#fff;border:1px solid rgba(15,23,42,0.06);border-radius:18px;box-shadow:0 18px 42px rgba(15,23,42,0.12)}
.editor-text-page-footer {position:absolute;left:1in;right:1in;bottom:0.34in;height:0.32in;display:flex;align-items:center;justify-content:center;color:#475569;font-size:12px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#editor-text-content.editor-text-page-view {position:relative;z-index:1;background-position:center top, center top;background-attachment:local, local;overflow-wrap:break-word;overflow:visible}
.editor-text-page-break-spacer {display:block;width:100%;pointer-events:none}
#editor-text-ruler-layer {display:none;position:relative;z-index:7000;pointer-events:none;color:#374151;font-size:10px;line-height:1}
.editor-text-ruler {box-sizing:border-box;background-color:#f8fafc;border:1px solid rgba(100,116,139,0.34);box-shadow:0 8px 20px rgba(15,23,42,0.08)}
.editor-text-ruler-horizontal {position:absolute;width:8.5in;height:24px;background-image:linear-gradient(to right, rgba(71,85,105,0.68) 0 1px, transparent 1px),linear-gradient(to right, rgba(100,116,139,0.5) 0 1px, transparent 1px),linear-gradient(to right, rgba(148,163,184,0.5) 0 1px, transparent 1px);background-size:96px 100%,48px 100%,24px 100%;background-repeat:repeat-x;overflow:hidden}
.editor-text-ruler-vertical {position:absolute;width:24px;height:11in;background-image:linear-gradient(to bottom, rgba(71,85,105,0.68) 0 1px, transparent 1px),linear-gradient(to bottom, rgba(100,116,139,0.5) 0 1px, transparent 1px),linear-gradient(to bottom, rgba(148,163,184,0.5) 0 1px, transparent 1px);background-size:100% 96px,100% 48px,100% 24px;background-repeat:repeat-y;overflow:hidden}
.editor-text-ruler-corner {position:absolute;width:24px;height:24px;background:#eef2f7;border:1px solid rgba(100,116,139,0.34);box-shadow:0 8px 20px rgba(15,23,42,0.08)}
.editor-text-ruler-label {position:absolute;display:block;color:#475569;user-select:none}
.editor-text-ruler-label-horizontal {top:9px;transform:translateX(3px)}
.editor-text-ruler-label-vertical {left:7px;transform:translateY(4px)}
.editor-text-ruler-indent-marker {position:absolute;top:2px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid var(--blue);filter:drop-shadow(0 1px 1px rgba(15,23,42,0.2));transform:translateX(-5px)}
.editor-text-footer-dialogue-body {display:flex;flex-direction:column;gap:10px;margin:12px 0 14px}
.editor-text-footer-option {display:flex;align-items:center;gap:8px;font-size:calc(var(--fs));font-weight:600}
.editor-text-footer-page-numbers {display:inline-block !important;position:static !important;width:16px;height:16px;margin:0;accent-color:var(--fg)}
.editor-text-footer-text-label {font-size:calc(var(--fs) - 1px)}
.editor-text-footer-text {box-sizing:border-box;width:100%}
footer {margin-top:50px;opacity:0.8}