.code-entry-actions,.table-entry-actions,.text-entry-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.workspace:has(.code-studio){--code-border:color-mix(in srgb,var(--accent) 22%,var(--line))}.code-entry-actions .button{padding:14px 20px;font-size:14px}.code-edit-actions{position:relative}.workspace:has(.code-studio) .editor-grid{grid-template-columns:minmax(0,1fr) 310px}.code-studio-toolbar{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-start;gap:18px;padding:16px 24px;border-bottom:1px solid var(--line);background:var(--surface)}.code-language-picker{display:flex;flex-direction:column;gap:6px;min-width:0;margin-bottom:20px}.code-language-picker .code-field{width:100%;margin:0}.code-detected{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.code-detected:empty{display:none}.code-layout-switch button{cursor:pointer}.workspace:has(.code-studio) #page-surface,.workspace:has(.code-studio) #crop-help,.workspace:has(.code-studio) .crop-warning,.workspace:has(.code-studio) #reset-crop{display:none}.workspace:has(.code-studio) .document-toolbar{padding-block:10px;min-height:52px;background:var(--canvas)}.workspace:has(.code-studio) .canvas-area{display:block;padding:18px;height:760px;overflow:hidden;min-width:0}.code-studio{display:grid;grid-template-columns:1fr;gap:16px;width:100%;height:100%;min-width:0}.code-studio[data-view=edit],.code-studio[data-view=preview]{grid-template-columns:1fr}.code-studio[data-view=edit] .code-preview-panel,.code-studio[data-view=preview] .code-source-panel{display:none}.code-source-panel{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--code-border);border-radius:16px;background:var(--surface);min-width:0;box-shadow:0 7px 22px #17243b05}.code-source-bar{display:flex;align-items:center;gap:9px;padding:12px 14px;border-bottom:1px solid var(--line);min-height:50px}.code-source-bar strong{font-size:12px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.code-source-bar .icon-button{width:30px;height:30px}.code-file-symbol{color:var(--accent);font:700 17px monospace;letter-spacing:-2px;flex-shrink:0}.code-upload-button{font-size:11px;white-space:nowrap;flex-shrink:0;padding:4px}.code-upload-button svg{width:14px;height:14px}.code-edit-actions{display:flex;align-items:center;gap:3px;padding:6px 8px;border-bottom:1px solid var(--line);flex-wrap:wrap}.code-edit-actions .icon-button{width:29px;height:29px}.code-edit-actions .text-button{font-size:11px;padding:5px}.code-more{margin-inline-start:auto;min-width:90px;max-width:150px}.code-more select{font-size:11px;min-height:30px;padding:5px 20px 5px 8px}#code-writing{flex:1;min-height:0;overflow:hidden;direction:ltr}.cm-editor{height:100%;font-size:12px}.cm-scroller{font-family:Text Mono,Text Arabic,Text Hebrew,monospace;font-variant-ligatures:none;line-height:1.6}.cm-content{padding:16px 0}.cm-line{padding-inline:14px!important}.cm-gutters{background:transparent!important;border-right:1px solid #8993a52b!important;opacity:.6}.cm-activeLine,.cm-activeLineGutter{background:#377dff0c!important}.cm-focused{outline:none!important}.cm-editor .cm-selectionBackground{background:#377dff35!important}.cm-cursor{border-left-color:currentColor!important}.cm-editor .cm-search{font:12px var(--font-body,Arial);background:var(--surface);color:var(--ink)}.cm-editor .cm-search input,.cm-editor .cm-search button{font-size:12px;max-width:170px}.cm-tooltip{font-size:12px}.cm-placeholder{opacity:.5}.code-editor-status{display:flex;justify-content:space-between;gap:8px;padding:9px 13px;font-size:10px;color:var(--muted);border-top:1px solid var(--line);background:var(--surface);flex-wrap:wrap}.code-preview-panel{display:flex;flex-direction:column;overflow:auto;min-width:0;align-items:stretch}.code-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 2px 12px;color:var(--muted);font-size:11px;min-height:30px}.code-preview-heading>span{display:flex;align-items:center;gap:6px;white-space:nowrap}.code-preview-heading svg{width:15px;height:15px}.code-preview-heading small{font-size:10px;text-align:end}#code-paper-wrap{direction:ltr;position:relative;margin:0 auto 18px;flex-shrink:0}#code-paper{transform-origin:top left;box-shadow:0 8px 28px #1a315415}#code-paper .code-page{border:1px solid #cdd5e3;cursor:text}.code-settings{min-width:0}.code-section{border-bottom:1px solid var(--line);padding-bottom:19px;margin-bottom:19px}.code-section h3{margin:0 0 12px}.code-section summary{font-size:13px;font-weight:650;margin:0 0 12px}.code-section summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.code-section summary:after{color:var(--muted);transition:transform .15s}.code-section:not([open]) summary:after{transform:rotate(-90deg)}.code-section:not([open]) summary{margin-bottom:0}.code-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;min-width:0}.code-field>span{font-weight:500;color:var(--muted)}.code-field input{width:100%;background:var(--surface);font:13px inherit}.code-field select{width:100%;min-width:0;min-height:40px;border:1px solid var(--code-border);border-radius:10px;background:var(--surface);color:var(--ink);font:13px inherit;padding:9px 10px}.code-field input::placeholder{color:var(--muted);opacity:.65}.code-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.code-theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:10px}.code-theme{overflow:hidden;padding:4px;min-width:0}.code-theme-art{display:block;font:9px/1.5 Text Mono,monospace;text-align:left;border-radius:5px;padding:7px 4px;margin-bottom:5px;white-space:nowrap;overflow:hidden;height:53px;direction:ltr}.code-theme-art i,.code-theme-art b,.code-theme-art em{font-style:normal;font-weight:500}.code-theme>span:last-child{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.code-font-strip{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--code-border);border-radius:11px;margin-bottom:12px}.code-font-strip input[type=range]{width:0;min-width:0;flex:1}.code-font-strip input[type=number]{width:45px;background:transparent}.code-font-strip label{display:flex;align-items:center;gap:5px}.code-font-strip label input{accent-color:var(--accent)}.code-check-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.code-settings .settings-checkbox{margin:0}.code-layout-warning{font-size:12px;line-height:1.6;color:#b43f32;background:#b43f320b;border-radius:10px;padding:10px}.code-reset svg{width:14px;height:14px}.workspace:has(.code-studio) .settings-heading{margin-bottom:20px}.workspace:has(.code-studio) .settings-actions{margin-top:20px}@media(min-width:1400px){.workspace:has(.code-studio) .editor-grid{grid-template-columns:minmax(0,1fr) 320px}}@media(max-width:1100px){.code-studio-toolbar{padding:12px 16px}}@media(max-width:760px){.workspace:has(.code-studio) .editor-grid{grid-template-columns:1fr}.workspace:has(.code-studio) .canvas-area{height:620px;padding:12px}.code-studio-toolbar{gap:9px}.code-theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.code-theme-art{height:66px;font-size:11px}}#code-language[hidden]{display:none}.code-settings .code-language-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:42px;text-align:start;padding:9px 11px;border:1px solid var(--code-border);border-radius:10px;background:var(--surface);color:var(--ink);font-family:inherit;font-size:13px;line-height:1.5}.code-language-trigger svg{display:block;width:17px;height:17px;color:var(--accent)}.code-language-trigger:hover{border-color:var(--accent)}.code-language-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.code-language-popup{position:fixed;inset:auto;margin:0;padding:0;z-index:12000;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;background:var(--surface);color:var(--ink);border:1px solid color-mix(in srgb,var(--accent) 32%,var(--line));border-radius:14px;box-shadow:0 12px 45px #10254826;font-family:inherit;font-size:13px}.code-language-popup[hidden]{display:none}.code-language-search-row{display:flex;gap:6px;align-items:center;flex:none;padding:9px;border-bottom:1px solid var(--line)}.code-language-search-row input{flex:1;min-width:0;width:0;border:0;background:var(--canvas);border-radius:7px;padding:10px;color:var(--ink);font-family:inherit;font-size:13px;line-height:1.5;outline-offset:1px}.code-language-close{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:7px;color:var(--accent)}.code-language-close:hover{background:var(--accent-soft)}.code-language-close svg{width:17px;height:17px}.code-language-options{overflow:auto;min-height:0;padding:5px;scrollbar-width:thin;overscroll-behavior:contain}.code-language-option{display:flex;align-items:center;min-height:36px;border-radius:7px;padding:7px 10px;cursor:pointer;line-height:1.5}.code-language-option[hidden]{display:none}.code-language-option[aria-selected=true]{font-weight:600;color:var(--accent-readable,var(--accent))}.code-language-option.is-active,.code-language-option:hover{background:var(--accent-soft)}.code-language-option[aria-selected=true]:after{content:"\2713";margin-inline-start:auto;padding-inline-start:10px;color:var(--accent)}.code-language-empty{margin:0;padding:22px 16px;text-align:center;color:var(--muted)}@media(max-width:680px){.code-language-option{min-height:44px}.code-language-search-row input{font-size:16px}}