/* Editor shell: the shared Max Jafarov tokens govern every app control. */
.editor-page{font-size:14px;height:100dvh;overflow:hidden;background:var(--bg);color:var(--ink)}
.app-header{height:80px;padding:16px 24px;background:var(--bg);border:0;gap:24px}.app-header .brand{font-size:20px}.document-switch{gap:16px;min-width:0}.document-name{border:0;background:var(--paper);color:var(--ink);border-radius:20px;min-height:44px;padding:10px 16px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-status{color:var(--muted);font-size:12px}.saved-status:before{color:var(--green)}.header-actions{gap:4px}.header-actions .button{min-height:44px}.header-actions .theme-toggle{order:-1}
.workspace{display:grid;grid-template-columns:minmax(270px,320px) minmax(0,1fr) minmax(300px,344px);gap:12px;padding:0 16px 16px;height:calc(100dvh - 80px);min-height:0;width:100%}
.chat-sidebar,.right-panel{position:relative;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);border:0;border-radius:28px;min-width:0;min-height:0;overflow:hidden;box-shadow:none}
.chat-sidebar{grid-column:1;grid-row:1}.canvas{grid-column:2;grid-row:1}.right-panel{grid-column:3;grid-row:1}.assistant-heading{padding:24px 20px 12px;gap:12px}.assistant-avatar{width:36px;height:44px;background:none;border:0}.assistant-avatar .mini-max{width:26px}.assistant-heading h2{font-size:16px;color:var(--ink)}.assistant-heading p{font-size:12px;color:var(--muted);line-height:1.5}.free-badge{border:0;background:var(--lime);color:var(--primary-text);font-size:11px;border-radius:12px;padding:4px 8px;letter-spacing:0}.assistant-heading #sheet-close{display:none}.assistant-content{padding:16px 20px 24px;flex:1;min-height:0;overflow:auto}.welcome-card{padding:12px 0 24px;margin:0;background:none;border:0;border-radius:0;color:var(--ink)}.welcome-card>span{color:var(--accent-red);font-size:22px}.welcome-card h3{font-size:26px;letter-spacing:-.035em;font-weight:600;line-height:1.18;margin:12px 0}.welcome-card p{font-size:14px;line-height:1.7;color:var(--muted)}.assistant-content h3{color:var(--ink)}.assistant-content>p{font-size:13px;color:var(--muted)}
.assistant-suggestions{display:grid;gap:8px;margin:8px 0 24px}.assistant-suggestions button,.assistant-back{border:0;background:var(--bg);color:var(--ink);border-radius:20px;padding:12px 14px;min-height:52px;display:flex;align-items:center;gap:12px;text-align:left;font-size:14px}.assistant-suggestions button:hover,.assistant-back:hover{background:var(--lime);color:var(--primary-text)}.assistant-suggestions .icon{flex-shrink:0;color:var(--green)}.assistant-suggestions button span:last-child{margin-left:auto;color:var(--muted)}.assistant-back{min-height:44px;font-size:13px;margin-bottom:16px;width:100%}
.composer-dock{flex-shrink:0;padding:12px 16px 16px;background:var(--paper);border:0}.composer{display:flex;align-items:flex-end;gap:8px;border:0;background:var(--bg);border-radius:28px;padding:8px 8px 8px 16px;box-shadow:none}.composer:focus-within{outline:2px solid var(--green);outline-offset:2px}.composer textarea{flex:1;min-width:0;width:100%;min-height:48px;max-height:144px;background:transparent;color:var(--ink);border:0;outline:0;resize:none;padding:12px 0;line-height:24px;font-size:15px}.composer-send{display:grid;place-items:center;width:48px;height:48px;min-width:48px;border:0;border-radius:999px;background:var(--green);color:white}.composer-send .icon{stroke-width:2.4}.composer-note{font-size:12px;line-height:1.6;color:var(--muted);text-align:left;margin:10px 4px 0}.dock-mascot,.ask-home{display:none!important}
.chat-message{border:0;padding:16px 0;color:var(--ink);background:transparent;font-size:14px;border-radius:20px;line-height:1.7}.chat-message.user{padding:14px 16px;background:var(--lifted);color:var(--ink);margin-left:20px}.chat-log{gap:8px}.chat-chips{gap:8px}.chat-chips button{min-height:44px;border:0;background:var(--bg);color:var(--ink);font-size:13px;border-radius:12px;padding:10px 14px}.sheet-ai-controls{margin-top:20px}.sheet-ai-controls summary{min-height:44px;cursor:pointer;color:var(--primary-text)}.privacy-consent{font-size:13px;color:var(--muted);line-height:1.6;margin-block:20px}.privacy-consent label{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}.privacy-consent input{margin-top:3px}.ai-local-note{border:0;color:var(--muted);font-size:13px;line-height:1.6;margin:16px 0}.tip-progress{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted);margin:24px 0 12px}.tip-progress strong{font-weight:400}.tip-card{padding:12px 0;border:0;border-radius:0;margin:0;gap:12px}.tip-marker{background:var(--lime);color:var(--primary-text);width:24px;height:24px;font-size:12px}.tip-card h4{font-size:14px;color:var(--ink);font-weight:600}.tip-card p{font-size:13px;color:var(--muted)}.tip-card button{min-height:44px;font-size:13px;color:var(--primary-text);padding:8px 0}.tip-marker.warning{background:var(--warning-bg);color:var(--warning)}
.inspector-heading{display:flex;align-items:center;justify-content:space-between;padding:24px 20px 12px;font-weight:600}.inspector-hint{font-size:12px;color:var(--muted);font-weight:400}.inspector-tabs{display:flex;gap:4px;background:var(--bg);border-radius:999px;padding:4px;margin:0 16px 8px;border:0}.inspector-tab{flex:1;border:0;border-radius:999px;min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:var(--muted);padding:8px}.inspector-tab small{font-size:14px}.inspector-tab.active{background:var(--lime);color:var(--primary-text)}.panel-scroll{padding:16px 20px 24px}.panel-title{margin-bottom:12px}.panel-title h2{font-size:22px;color:var(--ink);line-height:1.25}.panel-title-badge{display:none}.panel-intro{font-size:13px;line-height:1.6;color:var(--muted);margin-bottom:20px}.panel-foot{font-size:12px;color:var(--muted);padding:12px 20px;border:0;background:var(--paper)}.panel-foot .icon{width:16px;height:16px}
.section-nav,.choice-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.section-nav button,.choice-buttons button,.design-nav button{border:0;border-radius:12px;min-height:44px;padding:10px 12px;background:var(--bg);color:var(--muted);font-size:13px;text-align:left}.section-nav button[aria-pressed=true],.choice-buttons button[aria-pressed=true],.design-nav button[aria-pressed=true]{background:var(--lime);color:var(--primary-text);font-weight:600}.section-nav{padding-bottom:20px;border-bottom:1px solid var(--line)}.form-section{border:0;background:transparent;padding:0;margin-top:16px}.form-section>summary{display:none}.form-section .section-controls{margin-bottom:20px}.section-controls input,.field input,.field textarea,.field select,.bullet-row textarea{border:0;background:var(--bg);border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.6;color:var(--ink);min-height:48px}.field{gap:8px;margin-bottom:16px;color:var(--muted);font-size:13px}.field>span:first-child,.field .field-help{font-size:13px;color:var(--muted)}.field input::placeholder,.field textarea::placeholder{font-size:14px;color:var(--muted)}.field textarea{min-height:100px}.entry-card{border:0;border-radius:20px;background:var(--bg);padding:16px;margin-bottom:16px}.entry-card>summary{font-size:14px;color:var(--ink)}.entry-card>summary>strong{font-size:14px;font-weight:600}.entry-card .field input,.entry-card .field textarea{font-size:14px;padding:12px;background:var(--paper)}.entry-actions{gap:0}.entry-actions .icon-button{width:32px;min-width:32px;height:44px;min-height:44px;font-size:18px}.entry-card .form-grid,.form-grid{grid-template-columns:1fr;gap:0}.entry-card .grip{display:none}.section-chevron,.section-count{display:none}.add-button{background:var(--lifted);color:var(--ink);border:0;border-radius:20px;min-height:48px;padding:12px;font-size:14px;margin:16px 0}.add-button:hover{background:var(--lime);color:var(--primary-text)}.mini-toolbar{gap:4px;align-items:center}.mini-toolbar button{border:0;border-radius:12px;min-width:44px;min-height:44px;background:var(--bg);color:var(--ink);font-size:14px}.mini-toolbar>span{font-size:12px;color:var(--muted)}.photo-placeholder{background:var(--bg);border:0;border-radius:12px;width:56px;height:64px}.photo-controls small{font-size:12px;color:var(--muted)}.photo-controls .button{font-size:13px;min-height:44px}.link-row{border:0;border-radius:20px;background:var(--bg);padding:16px}.icon-trigger-btn{border:0!important;background:var(--lifted)!important;color:var(--ink)!important;border-radius:12px!important;font-size:13px!important;min-height:44px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border:0;font-size:14px;color:var(--ink)}.toggle-row small{color:var(--muted);font-size:12px;display:block;line-height:1.6;margin-top:4px}.range-field{display:block;color:var(--muted);font-size:13px;margin:20px 0}.range-field>span{display:flex;justify-content:space-between;gap:8px}.range-field input{width:100%;height:32px;accent-color:var(--green);margin-top:8px}.range-field output{color:var(--ink);font-variant-numeric:tabular-nums}
.design-nav{display:flex;gap:4px;margin-bottom:24px;flex-wrap:wrap}.design-nav button{flex:1;text-align:center}.design-invitation{display:flex;gap:12px;align-items:center;background:var(--lime);color:var(--primary-text);border:0;border-radius:20px;padding:16px;width:100%;min-height:52px;text-align:left;margin:16px 0}.design-invitation small{display:none}.template-options{gap:12px;margin:16px 0}.template-option{background:var(--bg);border:0;border-radius:20px;padding:10px;box-shadow:none;color:var(--ink)}.template-option.selected{background:var(--lime);outline:2px solid var(--green);outline-offset:0;box-shadow:none;border:0}.template-option .template-thumbnail{width:100%;height:auto;aspect-ratio:210/297;object-fit:contain;border-radius:4px;background:white;border:0}.template-option>strong{color:var(--ink);font-size:14px;margin:10px 2px 4px}.template-option>small{font-size:12px;color:var(--muted);margin:0 2px 4px;line-height:1.5}.template-search{margin:0 0 16px}.recipe-controls{border:0;background:transparent;padding:0}.recipe-controls>summary{display:none}.recipe-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.recipe-colors label{font-size:13px;color:var(--muted)}.recipe-colors input{display:block;border:0;padding:4px;border-radius:12px;background:var(--bg);width:100%;height:44px;margin-top:8px}.graphic-presets-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 24px}.graphic-preset-btn{border:0;border-radius:20px;background:var(--bg);color:var(--ink);padding:16px 12px;min-height:100px;text-align:left}.graphic-preset-btn.active{background:var(--lime);outline:2px solid var(--green)}.graphic-preset-btn strong{display:block;font-size:13px;margin-top:12px}.graphic-preset-btn .skill-graphic{width:100%;height:36px;color:var(--green);display:block}.meter-track{fill:var(--lifted)}.meter-fill{fill:currentColor}.graphic-rings .meter-track{fill:none;stroke:var(--lifted)}.graphic-rings .meter-fill{fill:none;stroke:currentColor}.swatches{gap:8px;flex-wrap:wrap}.swatch,.swatches input[type=color]{width:36px;height:36px;outline:0;border:4px solid var(--paper);border-radius:12px}.swatch.selected{outline:2px solid var(--green)}
.canvas{position:relative;background:var(--bg);background-image:none;display:flex;flex-direction:column;overflow:hidden;border-radius:28px;min-width:0}.canvas-toolbar{min-height:52px;padding:8px 16px;gap:12px;color:var(--muted);font-size:12px}.canvas-controls{gap:4px}.canvas-controls .icon-button{min-width:36px;width:36px;height:44px;min-height:44px}.canvas-toolbar .status-dot{background:var(--green);width:6px;height:6px}.canvas-scroll{padding:20px 24px 120px;overflow:auto;min-height:0}.page-stack .cv-page{border:0;border-radius:0;box-shadow:none;color-scheme:light}.canvas-hint{color:var(--muted);font-size:12px}.pagination-warning{color:var(--warning);font-size:13px;line-height:1.6;margin:16px auto;background:var(--warning-bg);border-radius:20px;padding:12px 16px}.pagination-warning:empty{display:none}
.overlay-bar{position:absolute;bottom:20px;left:50%;top:auto;transform:translateX(-50%);display:flex;align-items:center;gap:4px;max-width:calc(100% - 24px);padding:8px;background:var(--paper);border:0;border-radius:20px;box-shadow:var(--shadow);z-index:20;overflow:auto}.overlay-bar button{flex-shrink:0;min-width:44px;height:44px;padding:10px;border:0;border-radius:12px;background:transparent;color:var(--ink);display:flex;gap:8px;align-items:center;justify-content:center}.overlay-bar button.active{background:var(--lime);color:var(--primary-text)}.overlay-bar .ov-lock{font-size:13px;white-space:nowrap;background:var(--lime);color:var(--primary-text)}.overlay-bar .ov-sep{height:24px;width:1px;min-width:1px;background:var(--line);margin:0 4px}.overlay-bar .ov-swatches{display:none}.overlay-note{display:none!important}.canvas[data-locked=true] .ov-drawing-tools{display:none}.ov-drawing-tools{display:flex;gap:4px}.canvas[data-locked=true] .cv-overlay.editing{pointer-events:none}.canvas[data-locked=false] .cv-overlay.editing{pointer-events:none}.canvas[data-locked=false] .cv-overlay.editing .cv-ov{pointer-events:auto}.canvas[data-locked=true] .cv-ov{pointer-events:none!important}.canvas[data-locked=false][data-ov-tool=select] [data-free-key]{cursor:move;touch-action:none}.canvas[data-locked=false] [data-free-key]:hover{outline:1px solid var(--green);outline-offset:3px}.canvas [data-free-key].free-selected{outline:2px solid var(--green);outline-offset:3px}.cv-free-handle{position:absolute;width:12px;height:12px;background:white;border:2px solid #3b8a82;right:-7px;bottom:-7px;cursor:nwse-resize;z-index:20}.cv-grip{display:none!important}.cv-ov.selected{outline-color:#3b8a82}.cv-ov-handle{border-color:#3b8a82}
.object-inspector{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--line)}.object-inspector h3{font-size:18px;margin:0 0 8px}.object-inspector .object-description{font-size:13px;color:var(--muted);margin-bottom:20px}.inspector-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.inspector-grid label{font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:8px}.inspector-grid input{width:100%;min-height:44px;border:0;border-radius:12px;background:var(--bg);color:var(--ink);padding:10px;font-size:14px}.object-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.object-actions button{background:var(--bg);color:var(--ink);border:0;border-radius:12px;padding:10px 12px;min-height:44px;font-size:13px}.shape-library{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0 24px}.shape-library button{min-height:64px;border:0;border-radius:12px;background:var(--bg);color:var(--ink);display:grid;place-items:center;font-size:12px;padding:8px;gap:8px}
.wizard-dialog{width:650px}.wizard-dialog .dialog-brand{font-size:16px;color:var(--muted)}.wizard-dialog h1{font-size:36px;line-height:1.15;margin:16px 0}.wizard-dialog .muted{font-size:14px}.wizard-dialog .field{margin-top:16px}.wizard-navigation{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:16px;border:0}.wizard-skip{width:100%;margin-top:20px}.wizard-dots i{background:var(--lifted)}.wizard-dots i.active{background:var(--green)}.metrics-consent{font-size:12px;color:var(--muted);line-height:1.6}.tool-list button{min-height:52px;border:0;border-radius:12px;background:var(--bg);color:var(--ink);padding:16px;font-size:14px;margin-bottom:8px}.tool-list .danger{color:var(--accent-red)}.upload-zone{border:0;border-radius:20px;background:var(--bg);color:var(--muted);padding:24px 16px;font-size:13px}.upload-zone strong{color:var(--ink);font-size:14px}.upload-zone .icon{color:var(--green)}.mobile-tabs{display:none}.import-preview{max-width:100%;max-height:220px;object-fit:contain}.design-examples button{border:0;background:var(--bg);color:var(--ink);border-radius:20px;padding:16px;min-height:52px;font-size:13px}.font-item,.icon-item{border:0;background:var(--bg);color:var(--ink);border-radius:12px;min-height:44px}.font-item.selected,.icon-item.selected{background:var(--lime);color:var(--primary-text)}
@media(max-width:1200px) and (min-width:1001px){.workspace{grid-template-columns:270px minmax(0,1fr) 300px;gap:8px;padding-inline:8px}.app-header{gap:16px}.saved-status{display:none}.assistant-content,.panel-scroll{padding-inline:16px}.canvas-toolbar{flex-wrap:wrap}.canvas-scroll{padding-inline:12px}}
@media(max-width:1000px){.workspace{display:block;height:calc(100dvh - 144px);padding:0 12px 12px}.workspace>.chat-sidebar,.workspace>.right-panel,.workspace>.canvas{display:none;height:100%;width:100%}.workspace[data-mobile-panel=preview]>.canvas{display:flex}.workspace[data-mobile-panel=assistant]>.chat-sidebar{display:flex}.workspace[data-mobile-panel=content]>.right-panel{display:flex}.mobile-tabs{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:8px;height:64px;padding:8px 12px;background:var(--bg);z-index:30;border:0}.mobile-tabs button{flex:1;max-width:220px;min-height:48px;border:0;background:transparent;color:var(--muted);border-radius:999px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px}.mobile-tabs button.active{background:var(--lime);color:var(--primary-text)}.assistant-heading #sheet-close{display:flex;margin-left:auto}.panel-scroll,.assistant-content{padding:20px 24px}.template-options{grid-template-columns:repeat(3,1fr)}.saved-status{display:none}.composer{max-width:650px;margin-inline:auto}.composer-note{max-width:650px;margin-inline:auto}.form-grid{grid-template-columns:1fr 1fr;gap:12px}.overlay-bar{bottom:16px}.canvas-toolbar{padding-inline:12px}.free-badge{margin-left:0}}
@media(max-width:700px){.app-header{height:72px;padding:12px;gap:8px;flex-wrap:nowrap}.app-header .brand{font-size:16px;gap:5px}.app-header .brand-dot{display:none}.document-switch{display:none}.header-actions{margin-left:auto}.header-actions #more-button{font-size:0;padding:8px;min-width:44px}.header-actions #more-button .icon{width:20px;height:20px}.header-actions #undo-button,.header-actions #redo-button,.header-actions .theme-toggle{display:none}.header-actions #export-button{font-size:13px;padding:10px 14px;gap:6px}.workspace{height:calc(100dvh - 136px);padding:0 8px 8px}.canvas-scroll{padding:12px 8px 100px}.canvas-toolbar{font-size:11px;gap:4px;flex-wrap:wrap}.canvas-toolbar>div:first-child{max-width:50%;line-height:1.4}.canvas-controls{gap:0}.canvas-controls .icon-button{min-width:32px;width:32px}.toolbar-separator{margin-inline:2px}.panel-scroll,.assistant-content{padding:16px 20px}.template-options{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr;gap:0}.field input,.field textarea,.entry-card .field input,.entry-card .field textarea,.composer textarea{font-size:16px}.overlay-bar{padding:6px;gap:2px;border-radius:20px}.overlay-bar button{min-width:40px;height:44px;padding:8px}.overlay-bar .ov-lock span{display:none}.overlay-bar .ov-sep{margin:0 2px}.wizard-dialog h1{font-size:28px}.wizard-dialog{padding:20px}.wizard-navigation .button{padding-inline:14px}.mobile-tabs button{font-size:13px}.toast-stack{bottom:80px;left:12px;right:12px;max-width:calc(100vw - 24px)}.toast{font-size:13px}}
@media print{.app-header,.chat-sidebar,.right-panel,.canvas-toolbar,.overlay-bar,.mobile-tabs,.theme-toggle,.cv-free-handle{display:none!important}[data-free-key]{outline:none!important}}

.canvas-scroll{background-image:none!important;background-color:transparent}.overlay-bar [data-ov-layer],.overlay-bar [data-ov-delete]{display:none}.overlay-bar .ov-sep{display:none}.editor-page .template-option[hidden],.editor-page .form-section[hidden]{display:none!important}
.tip-card{background:transparent}.job-input,.import-text,.font-search-bar input,.font-preview-custom input{border:0;border-radius:12px;background:var(--bg);color:var(--ink);font-size:14px;padding:14px;min-height:48px}.job-input::placeholder,.import-text::placeholder{color:var(--muted);font-size:14px}
.font-picker-grid,.icon-picker-grid{border:0;border-radius:20px}.font-category-chips button,.icon-category-chips button{border:0;border-radius:12px;min-height:44px;font-size:13px}.font-item.selected,.icon-item.selected{box-shadow:none}
.overlay-bar .canvas-history{display:none}
.editor-page dialog{border:0;border-radius:28px;background:var(--paper);color:var(--ink)}
@media(max-width:700px){.overlay-bar .canvas-history{display:flex}.job-input,.import-text,.font-search-bar input,.font-preview-custom input{font-size:16px}.canvas[data-locked=false] .overlay-bar{left:12px;transform:none;max-width:calc(100% - 24px)}}
