:root{--paper:#fff;--ink:#141414;--muted:#666;--line:#efe7ea;--coral:#ff3d7f;--peach:#fff1f6;--radius:24px;font-family:Poppins,system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);background:#fff}body{font:400 16px/1.7 Poppins,system-ui,sans-serif;-webkit-font-smoothing:antialiased}html{scroll-padding-top:90px}.wrap{width:calc(100% - 40px);max-width:1160px;margin-inline:auto}h1,h2,h3{color:var(--ink)}h2{font-size:clamp(26px,3.6vw,38px);font-weight:800;letter-spacing:-.01em;line-height:1.2}p{color:var(--muted)}.site-header{height:64px;position:sticky;top:0;z-index:30;background:#ffffffed;backdrop-filter:blur(16px);border-bottom:1px solid var(--line);max-width:none;width:100%;padding-inline:max(20px,calc((100vw - 1120px)/2));gap:24px}.brand{font-size:20px;font-weight:800;letter-spacing:-.6px;gap:10px}.brand-icon{width:30px;height:30px;border-radius:10px;background:#141414;transform:none}.brand-icon svg{width:22px;height:22px}.site-header nav{font-size:14px;font-weight:400;gap:30px}.header-note{display:none}.menu-toggle,.mobile-home{display:none}.hero{padding-top:34px;text-align:center}.hero h1{font-size:clamp(32px,4.8vw,56px);font-weight:800;line-height:1.12;letter-spacing:-.02em;margin:0 auto 28px;max-width:1000px}.editor{border-radius:24px;box-shadow:0 10px 30px rgba(255,61,127,.10),0 2px 8px #0000000a;scroll-margin-top:85px}.editor.awaiting-image .editor-top,.editor.awaiting-image .toolbar,.editor.awaiting-image .inspector,.editor.awaiting-image .editor-bottom{display:none}.editor.awaiting-image .editor-body{display:block;min-height:0}.editor.awaiting-image .workspace{min-height:290px;background:#fff1f6;padding:18px}.editor.awaiting-image .empty-state{min-height:252px;max-width:none;background:transparent;border-color:#e9bdd0;border-radius:18px;padding:12px 16px 45px}.editor.awaiting-image .upload-illustration{height:48px;transform:scale(.75);transform-origin:top center;margin:0 0 -8px}.empty-state h2{font-size:18px;font-weight:700;letter-spacing:0;line-height:1.3;margin:12px 0}.empty-state p{font-size:15px}.upload-link{display:inline-flex;gap:20px;align-items:center;padding:12px 26px;color:white;background:linear-gradient(110deg,#ff3d7f,#ff7aa8);border:0;border-radius:999px;font-weight:600;font-size:15px;box-shadow:0 6px 18px #ff3d7f20}.upload-link:hover{background:#ff3d7f}.paste-hint{font-size:13px;color:#666;margin-top:12px}.format-note{font-size:12px;color:#666;margin-top:8px}.canvas-footnote{font-size:13px;color:#666;bottom:22px}.text-button{color:#ff3d7f}.canvas-footnote .text-button{border-color:#ff7aa8}.paper{border-color:#efe7ea;color:#666}.paper-back{background:#f4eeff}.plus{background:#ff3d7f}.drawn-arrow{stroke:#666}.trust-row{font-size:13px;color:#666;gap:28px;margin:18px 0 0}.trust-row svg{stroke:#141414;width:14px;height:14px}.intro-section{text-align:center;max-width:800px;padding-block:64px}.intro-section h2{margin:0 0 18px}.intro-section p{font-size:18px;margin:0}.content-panel{border-radius:40px;padding:56px 48px;margin-bottom:20px}.content-panel>h2,.tools-section>h2,.uses-section>h2{text-align:center;margin:0 0 40px}.pink-panel{background:#fff1f6}.mint-panel{background:#eafaf4}.lavender-panel{background:#f4eeff}.steps{gap:36px;align-content:start}.step-number{font:600 13px/1.5 Poppins,system-ui,sans-serif;color:#666;letter-spacing:0;margin-bottom:22px;display:flex;width:38px;height:38px;align-items:center;justify-content:center;background:#fff;border-radius:50%}.steps h3{font-size:18px;font-weight:700;letter-spacing:0;line-height:1.7;margin:0 0 10px}.steps p{font-size:15px;line-height:1.7;color:#666;margin:0}.tools-section{background:white;padding-block:64px;border:none}.tool-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.tool-cards article,.tool-cards article:first-child,.tool-cards article:nth-child(7){background:#fff;border:1px solid var(--line);border-radius:24px;min-height:126px;padding:22px;display:flex;flex-direction:column;gap:16px}.tool-cards h3{font-size:15px;font-weight:700;line-height:1.35;margin:0;letter-spacing:0}.card-icon,.tool-cards article:first-child .card-icon{background:#f5f5f7;border:0;color:#141414;width:36px;height:36px;border-radius:12px;margin:0}.card-icon svg{width:22px;height:22px}.privacy-section{display:grid;grid-template-columns:100px 1fr;gap:36px;max-width:1160px;align-items:center}.privacy-section h2{font-size:clamp(26px,3.6vw,38px);margin:0 0 20px}.privacy-section p{font-size:16px;line-height:1.7;max-width:none;margin:0;color:#666}.privacy-seal{width:90px;height:90px;transform:none;border:0;background:#ffffffa8;box-shadow:none;color:#141414}.privacy-seal svg{width:36px;height:36px}.uses-section{padding-block:64px}.use-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 48px}.use-grid article{background:#f5f5f7;border-radius:24px;padding:28px}.use-grid h3{font-size:18px;font-weight:700;margin:0 0 10px}.use-grid p{margin:0;font-size:16px}.more-section{text-align:center}.more-section>h2{margin-bottom:22px}.more-section p{margin:0;line-height:2}.more-section a{color:#ff3d7f;text-decoration:underline;text-underline-offset:3px}.faq-section{padding-block:64px;display:block;border:0}.faq-section>h2{font-size:clamp(26px,3.6vw,38px);text-align:center;margin:0 0 36px;font-weight:800}.faq-list{max-width:900px;margin:auto}.faq-list details,.faq-list details:first-child{border:1px solid var(--line);border-radius:18px;padding:22px 26px;margin-bottom:12px}.faq-list summary{align-items:center;font-size:18px;font-weight:700;gap:24px}.faq-list summary h3{font:700 18px/1.5 Poppins,system-ui,sans-serif;margin:0}.faq-list summary::after{color:#ff3d7f;font-size:28px;flex-shrink:0}.faq-list p{font-size:16px;line-height:1.7;max-width:none;color:#666;margin:16px 26px 0 0}footer{font-size:13px;gap:24px}footer .brand{font-size:20px}footer p,footer>span,footer>a:last-child{font-size:13px;color:#666}footer>a:last-child{margin-left:auto}.primary{font-size:15px;font-weight:600;border-radius:999px;background:linear-gradient(110deg,#ff3d7f,#ff7aa8);border:0;padding:12px 22px}.primary:hover:not(:disabled){background:#ff3d7f}.export:disabled{background:#ff3d7f}.editor-top{height:70px;padding-inline:18px}.file-title strong{font-size:13px}.file-title span:not(.file-icon){font-size:12px;margin-top:2px}.editor-body{grid-template-columns:112px minmax(0,1fr) 202px}.toolbar-heading{font-size:12px;letter-spacing:.05em;color:#666}.toolbar{padding:18px 10px}.tool-btn{height:44px;border-radius:12px;color:#666}.tool-btn.active{color:#ff3d7f;border-color:#ffd3e2;background:#fff1f6}.tool-btn:hover{background:#f5f5f7}.tool-btn:hover::after{font-size:13px;background:#141414}.select-tool{font-size:13px;min-height:36px}.tool-help{font-size:12px;color:#666}.select-tool kbd{font-size:12px}.workspace{background-color:#f5f5f7;background-image:radial-gradient(#dedbe0 .7px,transparent .7px)}.inspector{padding:18px 14px}.setting label,.setting label>span,.setting select,.setting small{font-size:12px;color:#666}.setting input[type=range]{accent-color:#ff3d7f}.stroke-options button.active{border-color:#ff7aa8;background:#fff1f6}.stroke-options i{background:#666}.privacy-card{border:0;background:#eafaf4;border-radius:16px}.privacy-card strong,.privacy-card p{font-size:12px;color:#666}.privacy-card svg{color:#141414}.editor-bottom{font-size:12px;height:38px;color:#666}.bottom-tip{display:none}.replace-image{font-size:12px;border-radius:999px;color:#141414;background:white}.setting .custom-color{width:22px;height:22px}.swatch{width:22px;height:22px}.local-status{max-width:75%}select{color:#141414;font-size:13px}kbd{font-size:12px;color:#666;background:#fff;border-color:var(--line)}dialog{background:white;border-radius:24px}dialog h2{font-size:28px;font-weight:700}#toast{font-size:13px;background:#141414;border-radius:18px}.crop-controls{font-size:13px}.crop-controls .primary{font-size:13px}.menu-toggle{font:600 14px Poppins,system-ui,sans-serif;color:white;background:#141414;border:0;border-radius:999px;padding:9px 18px}
@media(max-width:860px){.wrap{width:calc(100% - 32px)}.site-header{width:100%;height:64px;padding-inline:16px}.menu-toggle{display:block;margin-left:auto}.site-header nav{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:16px;box-shadow:0 12px 20px #00000008}.site-header nav.is-open{display:flex;flex-direction:column;gap:0}.site-header nav a{padding:12px 16px}.mobile-home{display:block}.hero{padding-top:26px}.hero h1{font-size:32px;line-height:1.12;letter-spacing:-.02em;margin-bottom:22px;max-width:650px}.hero h1 br{display:none}.editor.awaiting-image .workspace{min-height:290px;padding:12px}.editor.awaiting-image .empty-state{min-height:264px;padding:14px 10px 48px}.canvas-footnote{font-size:12px;bottom:22px}.canvas-footnote>span{display:block}.empty-state h2{max-width:none;font-size:18px}.empty-state p{font-size:15px}.trust-row{font-size:12px;gap:8px 16px;margin-top:16px}.trust-row svg{width:12px}.intro-section{padding-block:44px}.intro-section p{font-size:18px}.content-panel{padding:36px 24px;border-radius:28px}.content-panel>h2,.tools-section>h2,.uses-section>h2{margin-bottom:28px}.steps{grid-template-columns:1fr;gap:28px}.step-number{margin-bottom:12px}.steps h3{font-size:18px}.steps p{font-size:15px}.tools-section,.uses-section,.faq-section{padding-block:44px}.tool-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tool-cards article,.tool-cards article:first-child,.tool-cards article:nth-child(7){padding:18px;min-height:120px}.tool-cards h3{font-size:15px}.privacy-section{grid-template-columns:1fr;gap:24px}.privacy-seal{margin:0;width:64px;height:64px}.privacy-seal svg{width:28px;height:28px}.privacy-section h2{font-size:26px}.privacy-section p{font-size:16px}.use-grid{grid-template-columns:1fr;gap:14px}.use-grid article{padding:24px}.more-section p{font-size:16px;line-height:1.9}.faq-list details,.faq-list details:first-child{padding:18px}.faq-list summary h3{font-size:18px}.faq-list p{font-size:16px;margin-right:0}.editor-body{grid-template-columns:1fr}.editor-top{padding:10px;height:auto;min-height:64px;flex-wrap:wrap}.editor-actions{margin-left:auto;gap:4px}.file-title strong{font-size:12px;max-width:180px}.file-title span:not(.file-icon){font-size:12px}.primary.export{font-size:13px;padding:10px 14px}.icon-btn{width:30px;height:32px}.scale-label select{font-size:13px}.toolbar{flex-direction:row;overflow-x:auto;padding:8px;order:0;border-right:0;border-bottom:1px solid var(--line)}.toolbar-heading,.toolbar-divider,.tool-help{display:none}.tool-grid{display:flex;gap:3px}.tool-btn{width:40px;height:42px;flex-shrink:0}.select-tool{height:42px}.workspace{order:1;min-height:330px}.inspector{order:2;border:0;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:16px;padding:16px}.setting{flex:1 1 95px;margin:0;min-width:85px}.setting:first-of-type{flex-basis:160px}.setting label,.setting label>span,.setting select{font-size:12px}.privacy-card{display:none}.swatch{width:22px;height:22px}.setting input[type=range]{margin-top:16px}.editor-bottom{font-size:12px;height:auto;min-height:38px;padding:8px;gap:8px}.editor-bottom #tool-status{display:none}.local-status{max-width:100%;white-space:normal}footer{flex-wrap:wrap;gap:12px}footer p{margin:0}footer>a:last-child{margin-left:0}.brand{font-size:20px}.paste-hint{font-size:12px}.format-note{font-size:12px}.file-icon{display:none}.select-tool span,.select-tool kbd{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Shared arrow controls and the first inner-page template. */
.view-controls{position:absolute;top:10px;left:10px;z-index:4;display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;box-shadow:0 2px 8px #00000008;overflow:hidden}
.view-controls button{border:0;background:#fff;min-width:40px;min-height:40px;font-size:15px;color:#141414;padding:5px 10px}.view-controls button:hover:not(:disabled){background:#fff1f6}.view-controls button:disabled{opacity:.35}#view-reset{font-size:12px;min-width:56px}.view-controls button:focus-visible{outline-offset:-4px}
#arrow-style-setting small{font-size:12px;line-height:1.6;margin-top:8px;color:#666}#arrow-style-setting select{height:38px;font-size:13px}#arrow-style-setting{margin-bottom:18px}.editor-body .workspace.has-image{touch-action:none}.tool-cards h3 a{text-decoration:underline;text-decoration-color:#ff7aa8;text-underline-offset:4px;font-size:inherit;color:inherit;margin:0;border:0}.tool-cards h3 a:hover{color:#ff3d7f}
.arrow-page .hero h1{max-width:900px}.arrow-styles{padding-block:64px}.arrow-styles>h2{text-align:center;margin:0 0 36px}.arrow-style-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.arrow-style-grid article{min-width:0}.arrow-example{border-radius:24px;margin-bottom:20px;padding:16px}.arrow-example svg{display:block;width:100%;height:auto;stroke-width:3;color:#141414}.tint-1{background:#fff1f6}.tint-2{background:#eafaf4}.tint-3{background:#f4eeff}.tint-4{background:#eef3fa}.arrow-style-grid h3,.arrow-style-note h3{font-size:18px;line-height:1.7;margin:0 0 10px;font-weight:700}.arrow-style-grid p,.arrow-style-note p{font-size:15px;line-height:1.7;margin:0}.arrow-style-note{border-top:1px solid var(--line);margin-top:36px;padding-top:30px;display:grid;grid-template-columns:240px 1fr;gap:32px;align-items:center}.style-swatches{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.style-swatches i{width:24px;height:24px;border-radius:50%;background:#ef6251}.style-swatches i:nth-child(2){background:#141414}.style-swatches i:nth-child(3){background:#6c8dc9}.style-swatches span{font-size:12px;border:1px solid var(--line);border-radius:999px;padding:4px 8px}.arrow-page .use-grid article{background:#ffffffb3}.arrow-page .more-section{margin-top:44px}.more-section .coming-note{font-size:13px;line-height:1.7;margin-top:16px}.placeholder-page{padding-block:64px;max-width:800px}.placeholder-page h1{font-size:clamp(32px,5vw,56px);line-height:1.12;letter-spacing:-.02em}.placeholder-page p{font-size:18px}.placeholder-page .primary{margin-top:20px}
@media(max-width:860px){.arrow-style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.arrow-example{padding:8px;border-radius:20px;margin-bottom:14px}.arrow-style-grid h3{font-size:18px}.arrow-style-note{grid-template-columns:1fr;gap:20px}.arrow-styles{padding-block:44px}#arrow-style-setting{flex:1 1 100%;margin:0;display:grid;grid-template-columns:100px 1fr;gap:8px;align-items:center}#arrow-style-setting label{margin:0}#arrow-style-setting small{grid-column:1/-1;margin:0}.view-controls button{min-width:44px;min-height:44px}.editor-body .inspector{align-items:start}.workspace.has-image{padding-top:58px}#canvas-shell{max-width:100%}}
@media(min-width:861px){.arrow-page .hero h1{max-width:1120px}.arrow-page .privacy-card{display:none}}

/* Shared editor controls; page copy, headings and entry layout are unchanged. */
.inspector{max-height:560px;overflow-y:auto}.setting[hidden]{display:none!important}.setting input[type=number]{width:100%;padding:6px;border:1px solid var(--line);border-radius:8px}.check-row{display:flex!important;align-items:center;gap:7px;font-size:12px}.check-row input{width:auto!important;margin:0!important}.secondary-action{border:1px solid var(--line);border-radius:999px;padding:10px 15px;background:#fff;font-size:12px;white-space:nowrap}.object-details{border-top:1px solid var(--line);padding-top:12px;font-size:12px}.object-details summary{font-weight:600;cursor:pointer}.object-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:10px 0}.object-actions button{background:#f5f5f7;border:1px solid var(--line);border-radius:8px;min-height:32px;font-size:11px}#object-list{padding:0;list-style:none;max-height:160px;overflow:auto}#object-list button{display:block;width:100%;text-align:left;padding:7px 9px;border:0;border-radius:8px;background:white;font-size:12px}#object-list button[aria-pressed=true]{background:#fff1f6;color:#ba245b}.export-settings{border-top:1px solid var(--line);padding:10px 16px;text-align:left;font-size:12px}.editor.awaiting-image .export-settings{display:none}.export-settings summary{cursor:pointer;color:#666}.export-fields{display:flex;flex-wrap:wrap;gap:12px;padding-top:12px}.export-fields label{display:flex;flex-direction:column;gap:4px}.export-fields input,.export-fields select{border:1px solid var(--line);border-radius:8px;min-height:32px;padding:4px 8px;max-width:180px}.export-fields input[type=number]{width:88px}.draft-actions{display:flex;flex-wrap:wrap;gap:10px 18px;border-top:1px solid var(--line);padding-top:12px}.draft-actions small{flex-basis:100%}.editor-actions{flex-wrap:wrap}.editor-top{height:auto;min-height:70px;gap:10px}.tool-btn[data-tool=callout]{font-size:17px}.tool-btn[data-tool=callout] svg{display:none}.tool-btn[data-tool=callout]:before{content:'▱'}.tool-btn[data-tool=pan] svg{display:none}#canvas-container{touch-action:none}#pan-tool.active{color:#ff3d7f;background:#fff1f6}.select-tool[aria-pressed=true]{color:#ff3d7f;background:#fff1f6}
@media(max-width:860px){.inspector{max-height:none}.object-details{flex:1 1 100%}.object-actions{display:flex;flex-wrap:wrap}.object-actions button{padding:5px 12px;min-height:40px}#object-list{display:flex;flex-wrap:wrap;gap:5px;max-height:120px}#object-list button{min-height:40px}.secondary-action{padding:8px 10px}.export-fields input,.export-fields select{min-height:40px}.editor-actions{width:100%;justify-content:flex-end}.workspace.has-image{min-height:370px}.setting{flex-basis:140px}}

.restore-empty{display:none}.editor.awaiting-image .restore-empty{display:block;position:absolute;bottom:3px;left:50%;transform:translateX(-50%);font-size:11px;white-space:nowrap}.editor.awaiting-image .canvas-footnote{bottom:29px}
/* Editor mode: the uploaded tool becomes a focused workbench, while the SEO page remains static below it. */
.editor.editor-mode{max-width:1240px;border:1px solid #d9dde1;background:#fff;box-shadow:0 18px 55px #17232d1a,0 3px 10px #17232d0d}
.editor.editor-mode .editor-body{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(440px,1fr) auto;gap:0;background:#f3f4f5}
.editor.editor-mode .toolbar{order:0;display:flex;align-items:center;gap:8px;min-width:0;min-height:72px;padding:8px 14px;border:0;border-bottom:1px solid #d9dde1;background:#fff;overflow-x:auto}
.editor.editor-mode .toolbar-heading,.editor.editor-mode .toolbar-divider,.editor.editor-mode .tool-help{display:none}
.editor.editor-mode .tool-grid{display:flex;align-items:stretch;gap:5px;min-width:max-content}
.editor.editor-mode .tool-btn{width:76px;height:56px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;border-radius:10px;border:1px solid transparent;color:#4b5860;background:transparent;flex:0 0 auto}
.editor.editor-mode .tool-btn::after{content:attr(data-label);font-size:11px;line-height:1.15;white-space:nowrap}
.editor.editor-mode .tool-btn svg{width:22px;height:22px}
.editor.editor-mode .tool-btn.active{background:#303b38;border-color:#303b38;color:#fff;box-shadow:0 3px 8px #17232d26}
.editor.editor-mode .tool-btn:hover:not(.active){background:#eef1f3;color:#17232d}
.editor.editor-mode .select-tool{height:56px;min-width:76px;padding:4px 10px;border-radius:10px;border:1px solid transparent;background:transparent;color:#4b5860;display:flex;align-items:center;justify-content:center;gap:5px;flex:0 0 auto}
.editor.editor-mode .select-tool:hover{background:#eef1f3}
.editor.editor-mode .select-tool.active,.editor.editor-mode #pan-tool.active{background:#303b38;border-color:#303b38;color:#fff}
.editor.editor-mode .select-tool svg{width:21px;height:21px}
.editor.editor-mode .select-tool span{font-size:11px}
.editor.editor-mode .select-tool kbd{display:none}
.editor.editor-mode .delete-tool{color:#a33b46}
.editor.editor-mode .workspace{order:1;min-height:520px;padding:26px;background:#dfe3e7;background-image:linear-gradient(45deg,#d5d9dc 25%,transparent 25%),linear-gradient(-45deg,#d5d9dc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d5d9dc 75%),linear-gradient(-45deg,transparent 75%,#d5d9dc 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;display:flex;align-items:center;justify-content:center;position:relative}
.editor.editor-mode #canvas-shell{max-width:min(100%,1120px);max-height:100%;padding:14px;background:#fff;box-shadow:0 12px 30px #17232d26;border:1px solid #cbd1d5}
.editor.editor-mode #canvas-container{max-width:100%;max-height:100%}
.editor.editor-mode .inspector{order:2;display:flex;align-items:center;gap:14px;max-height:180px;overflow-x:auto;overflow-y:auto;padding:12px 16px;border:0;border-top:1px solid #d9dde1;background:#fff}
.editor.editor-mode .inspector>.toolbar-heading,.editor.editor-mode .inspector>.privacy-card{display:none}
.editor.editor-mode .inspector .setting{flex:0 0 auto;min-width:116px;margin:0}
.editor.editor-mode .object-details{flex:0 0 260px;max-height:150px;overflow:auto;border:0;border-left:1px solid #e1e4e6;padding:0 0 0 14px}
.editor.editor-mode .editor-bottom{background:#fff;border-top:1px solid #d9dde1}
.editor.editor-mode .export-settings{background:#fff}
.editor.editor-mode[aria-busy=true] .workspace{cursor:progress}
.editor.editor-mode[aria-busy=true] .workspace::after{content:'Opening locally…';position:absolute;top:18px;right:20px;padding:7px 12px;border-radius:999px;background:#303b38;color:#fff;font-size:12px;box-shadow:0 3px 10px #17232d26}
#export-scale option:disabled{color:#9aa2a8}
@media(min-width:861px){.editor.editor-mode .editor-actions{gap:8px}.editor.editor-mode .workspace{min-height:580px}.editor.editor-mode .inspector .setting:first-of-type{min-width:180px}}
@media(max-width:860px){.editor.editor-mode .editor-body{grid-template-rows:auto minmax(370px,1fr) auto}.editor.editor-mode .toolbar{min-height:68px;padding:6px 8px}.editor.editor-mode .tool-btn,.editor.editor-mode .select-tool{width:66px;min-width:66px;height:54px}.editor.editor-mode .workspace{min-height:390px;padding:14px}.editor.editor-mode #canvas-shell{padding:7px}.editor.editor-mode .inspector{max-height:230px;padding:10px}.editor.editor-mode .inspector .setting{min-width:105px}.editor.editor-mode .object-details{flex-basis:100%;border-left:0;border-top:1px solid #e1e4e6;padding:10px 0 0}}

/* Desktop editor mode keeps the complete tool rail beside the canvas. */
@media(min-width:861px){
 .editor.editor-mode .editor-body{display:grid;grid-template-columns:152px minmax(0,1fr) 232px;grid-template-rows:minmax(580px,1fr);gap:0}
 .editor.editor-mode .toolbar{order:0;display:flex;flex-direction:column;align-items:stretch;min-height:580px;padding:15px 10px;border:0;border-right:1px solid #d9dde1;background:#fff;overflow-y:auto;overflow-x:hidden}
 .editor.editor-mode .toolbar-heading,.editor.editor-mode .tool-help{display:block}
 .editor.editor-mode .toolbar-divider{display:block;height:1px;margin:10px 0 8px;background:#e1e4e6}
 .editor.editor-mode .tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;min-width:0}
 .editor.editor-mode .tool-btn{width:auto;height:44px;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;border-radius:10px;border:1px solid transparent;color:#4b5860;background:transparent;flex:0 0 auto}
 .editor.editor-mode .tool-btn::after{content:attr(data-label);font-size:10px;line-height:1.1;white-space:nowrap}
 .editor.editor-mode .tool-btn svg{width:20px;height:20px}
 .editor.editor-mode .tool-btn.active{background:#303b38;border-color:#303b38;color:#fff;box-shadow:0 3px 8px #17232d26}
 .editor.editor-mode .tool-btn:hover:not(.active){background:#eef1f3;color:#17232d}
 .editor.editor-mode .select-tool{width:100%;min-width:0;height:36px;min-height:36px;padding:4px 7px;border-radius:9px;border:1px solid transparent;background:transparent;color:#4b5860;display:flex;align-items:center;justify-content:flex-start;gap:6px;flex:0 0 auto}
 .editor.editor-mode .select-tool:hover{background:#eef1f3}
 .editor.editor-mode .select-tool.active,.editor.editor-mode #pan-tool.active{background:#303b38;border-color:#303b38;color:#fff}
 .editor.editor-mode .select-tool svg{width:18px;height:18px}
 .editor.editor-mode .select-tool span{font-size:11px}
 .editor.editor-mode .select-tool kbd{display:inline;margin-left:auto;background:#fff;color:#4b5860}
 .editor.editor-mode .delete-tool{color:#a33b46;margin-top:3px}
 .editor.editor-mode .tool-help{font-size:10px;line-height:1.6;margin:10px 4px 0;color:#7f8a91}
 .editor.editor-mode .workspace{order:1;min-height:580px;padding:24px;background:#dfe3e7;background-image:linear-gradient(45deg,#d5d9dc 25%,transparent 25%),linear-gradient(-45deg,#d5d9dc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d5d9dc 75%),linear-gradient(-45deg,transparent 75%,#d5d9dc 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}
 .editor.editor-mode .inspector{order:2;display:block;min-width:0;max-height:580px;overflow-x:hidden;overflow-y:auto;padding:17px 14px;border:0;border-left:1px solid #d9dde1;background:#fff}
 .editor.editor-mode .inspector .setting{display:block;min-width:0;margin:0 0 17px}
 .editor.editor-mode .inspector>.toolbar-heading{display:block;margin-bottom:16px}
 .editor.editor-mode .object-details{display:block;max-height:none;overflow:visible;border:0;border-top:1px solid #e1e4e6;padding:13px 0 0}
}

/* The inline text editor sits on the image at the clicked point. */
#inline-text-editor{position:absolute;z-index:20;padding:9px;background:#fff;border:1px solid #ff9fbb;border-radius:12px;box-shadow:0 12px 30px #17232d2e;min-width:220px}
#inline-text-editor[hidden]{display:none}
#inline-text-editor textarea{display:block;width:100%;min-height:58px;resize:vertical;border:1px solid #e1e4e6;border-radius:8px;padding:8px 9px;font:400 14px/1.45 Poppins,system-ui,sans-serif;color:#141414;background:#fff}
#inline-text-editor textarea:focus{outline:2px solid #ff9fbb;outline-offset:1px}
.inline-text-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:8px}
.inline-text-actions button{border:0;background:transparent;color:#666;font-size:12px;border-radius:999px;padding:6px 9px}
.inline-text-actions button:hover{color:#ff3d7f;background:#fff1f6}
.inline-text-actions .primary{color:#fff;background:#ff3d7f;padding:7px 12px}

/* Compact desktop tool rail: icons stay readable; names remain available through title/ARIA tooltips. */
@media(min-width:861px){
 .editor.editor-mode .editor-body{grid-template-columns:84px minmax(0,1fr) 232px}
 .editor.editor-mode .toolbar{padding:15px 8px}
 .editor.editor-mode .tool-grid{grid-template-columns:1fr;gap:5px}
 .editor.editor-mode .tool-btn{width:100%;height:42px}
 .editor.editor-mode .tool-btn::after{content:none}
 .editor.editor-mode .tool-btn:hover::after,.editor.editor-mode .tool-btn:focus-visible::after{content:attr(data-label);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);font-size:11px;line-height:1.2;white-space:nowrap;background:#141414;color:#fff;border-radius:7px;padding:7px 9px;z-index:40;pointer-events:none}
 .editor.editor-mode .select-tool{height:38px;min-height:38px;justify-content:center;padding:4px}
 .editor.editor-mode .select-tool span,.editor.editor-mode .select-tool kbd{display:none}
 .editor.editor-mode #pan-tool{font-size:0}
 .editor.editor-mode #pan-tool::after{content:'✥';font-size:20px}
 .editor.editor-mode .restore-tool{color:#4b5860}
 .editor.editor-mode .restore-tool:hover::after,.editor.editor-mode .restore-tool:focus-visible::after{content:'Restore original'}
 .editor.editor-mode .tool-help{display:none}
}
@media(max-width:860px){.editor.editor-mode .restore-tool{display:none}}
#inline-text-editor{box-sizing:border-box;max-width:calc(100% - 20px)}
#inline-text-editor textarea{box-sizing:border-box}

/* Intent-led polish: make the editor feel immediate for search visitors. */
.editor.editor-mode .editor-body{height:clamp(400px,calc(100vh - 270px),500px)}
.editor.editor-mode .tool-btn.active,.editor.editor-mode .select-tool.active,.editor.editor-mode #pan-tool.active{background:#ff3d7f;border-color:#ff3d7f;color:#fff;box-shadow:0 4px 12px #ff3d7f3d}
.editor.editor-mode .tool-btn:hover:not(.active),.editor.editor-mode .select-tool:hover:not(.active){background:#fff1f6;color:#ba245b}
.editor.editor-mode .workspace{min-height:0}
.editor.editor-mode .inspector{background:#fff}
.font-presets button.active{background:#ff3d7f;border-color:#ff3d7f;box-shadow:0 4px 10px #ff3d7f2e}
#inline-text-editor{min-width:250px;border-color:#ff7aa8;box-shadow:0 14px 34px #17232d3b}
.inline-text-title{font-size:13px;font-weight:700;color:#141414;margin:1px 2px 7px}
#inline-text-editor textarea{font-size:15px;line-height:1.5}
.inline-text-hint{font-size:11px;line-height:1.4;color:#666;margin:6px 2px 0}
@media(max-width:860px){
 .editor.editor-mode .editor-body{height:auto}
 .editor.editor-mode .workspace{min-height:390px}
 #inline-text-editor{min-width:220px}
}

/* Focused editor rail: two icon tiles per row keep the whole workbench in the first viewport. */
@media(min-width:861px){
 .editor.editor-mode .editor-body{grid-template-columns:116px minmax(0,1fr) 216px;height:clamp(400px,calc(100vh - 300px),520px);min-height:400px;grid-template-rows:minmax(0,1fr)}
 .editor.editor-mode .toolbar{height:100%;min-height:0;box-sizing:border-box;padding:13px 9px;overflow-y:auto;overflow-x:hidden}
 .editor.editor-mode .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
 .editor.editor-mode .tool-btn{height:46px;min-width:0;width:auto;position:relative}
 .editor.editor-mode .tool-btn::after{content:none}
 .editor.editor-mode .tool-btn:hover::after,.editor.editor-mode .tool-btn:focus-visible::after{content:attr(data-label);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);font-size:11px;line-height:1.2;white-space:nowrap;background:#141414;color:#fff;border-radius:7px;padding:7px 9px;z-index:40;pointer-events:none}
 .editor.editor-mode .tool-btn svg{width:21px;height:21px}
 .editor.editor-mode .toolbar-divider{margin:9px 0 7px}
 .editor.editor-mode .select-tool{height:36px;min-height:36px;width:100%;padding:4px;justify-content:center}
 .editor.editor-mode .select-tool span,.editor.editor-mode .select-tool kbd{display:none}
 .editor.editor-mode .workspace{min-height:0;height:100%;box-sizing:border-box;padding:16px;overflow:hidden}
 .editor.editor-mode .inspector{height:100%;max-height:none;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;padding:14px 12px}
 .editor.editor-mode #canvas-shell{max-height:100%;max-width:100%;padding:10px}
}

/* Three readable text presets, with labels shown only in the settings panel. */
.font-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.font-presets button{min-height:34px;padding:5px 4px;border:1px solid #e1e4e6;border-radius:8px;background:#fff;color:#4b5860;font-size:11px;font-weight:600;cursor:pointer}
.font-presets button:hover{background:#f5f7f8;color:#17232d}
.font-presets button.active{background:#303b38;border-color:#303b38;color:#fff;box-shadow:0 3px 8px #17232d20}
#font-preset-setting small{display:block;margin-top:7px;line-height:1.45}
@media(max-width:860px){
 .font-presets button{min-height:40px}
 .editor.editor-mode .tool-grid{display:grid;grid-template-columns:repeat(2,minmax(42px,1fr));gap:4px;min-width:0}
 .editor.editor-mode .tool-btn{width:auto;height:42px}
}

.upload-shortcuts{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:10px}
.upload-shortcut{display:inline-flex;align-items:center;gap:6px;border:1px solid #e4d9de;border-radius:999px;background:#fff;color:#293a34;padding:7px 12px;font:600 12px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.upload-shortcut:hover{border-color:#ef6251;color:#ef6251;background:#fff8f5}
.upload-shortcut svg{width:16px;height:16px}

/* Final intent pass: keep the tool rail compact and the active action unmistakable. */
.editor.editor-mode .editor-body{height:clamp(400px,calc(100vh - 270px),500px)}
.editor.editor-mode .tool-btn.active,.editor.editor-mode .select-tool.active,.editor.editor-mode #pan-tool.active{background:#ff3d7f;border-color:#ff3d7f;color:#fff;box-shadow:0 4px 12px #ff3d7f3d}
.editor.editor-mode .tool-btn:hover:not(.active),.editor.editor-mode .select-tool:hover:not(.active){background:#fff1f6;color:#ba245b}
.editor.editor-mode .workspace{min-height:0}
.font-presets button.active{background:#ff3d7f;border-color:#ff3d7f;box-shadow:0 4px 10px #ff3d7f2e}
@media(max-width:860px){.editor.editor-mode .editor-body{height:auto}.editor.editor-mode .workspace{min-height:390px}}

/* Annotely-style focused workbench: once an image is open, the editor owns the viewport. */
body.editor-mode{background:#202124;overflow:hidden;color:#e8eaed}
body.editor-mode .site-header,body.editor-mode .hero>h1,body.editor-mode .hero>p,body.editor-mode .hero>.eyebrow,body.editor-mode .trust-row,body.editor-mode main>section:not(.hero),body.editor-mode footer{display:none}
body.editor-mode main{margin:0;padding:0}
body.editor-mode .hero{width:100%;max-width:none;margin:0;padding:0}
body.editor-mode .editor.editor-mode{width:100%;height:100vh;min-height:100vh;margin:0;border:0;border-radius:0;box-shadow:none;background:#202124;display:grid;grid-template-rows:64px minmax(0,1fr) auto 34px;overflow:hidden}
body.editor-mode .editor-top{height:64px;min-height:64px;box-sizing:border-box;padding:0 18px;background:#292a2d;border-bottom:1px solid #3a3b3f;color:#f1f3f4}
body.editor-mode .file-title strong{color:#f1f3f4;font-size:13px}
body.editor-mode .file-title span:not(.file-icon){color:#aeb4bd;font-size:11px}
body.editor-mode .file-icon{color:#8ab4f8;background:#35373c}
body.editor-mode .editor-actions{gap:7px}
body.editor-mode .editor-actions .divider{background:#44464b}
body.editor-mode .icon-btn,body.editor-mode .secondary-action,body.editor-mode .scale-label select{color:#e8eaed;background:#35373c;border-color:#4a4c52}
body.editor-mode .icon-btn:hover:not(:disabled),body.editor-mode .secondary-action:hover:not(:disabled){background:#45474d;border-color:#666a72}
body.editor-mode .scale-label select{height:34px}
body.editor-mode .primary.export{background:#2680eb;color:#fff;box-shadow:none}
body.editor-mode .primary.export:hover:not(:disabled){background:#1a73e8}
body.editor-mode .editor-body{height:auto!important;min-height:0;grid-template-columns:112px minmax(0,1fr) 240px;grid-template-rows:minmax(0,1fr);background:#202124}
body.editor-mode .toolbar{height:100%;min-height:0;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;padding:14px 9px;background:#292a2d;border-right:1px solid #3a3b3f;color:#d9dce1}
body.editor-mode .toolbar-heading{color:#9aa0a6;font-size:10px;letter-spacing:.12em}
body.editor-mode .toolbar-divider{background:#414348}
body.editor-mode .tool-btn,body.editor-mode .select-tool{color:#c7cbd1;border-color:transparent;background:transparent}
body.editor-mode .tool-btn:hover:not(.active),body.editor-mode .select-tool:hover:not(.active){color:#fff;background:#35373c}
body.editor-mode .tool-btn.active,body.editor-mode .select-tool.active,body.editor-mode #pan-tool.active{color:#fff;background:#2680eb;border-color:#2680eb;box-shadow:0 3px 10px #0005}
body.editor-mode .select-tool.delete-tool:disabled,body.editor-mode .select-tool.restore-tool:disabled{opacity:.42}
body.editor-mode .tool-help{color:#8b9199}
body.editor-mode .workspace{height:100%;min-height:0;box-sizing:border-box;padding:18px;background:#202124;background-image:radial-gradient(#35363a .7px,transparent .7px);background-size:18px 18px;overflow:hidden}
body.editor-mode #canvas-shell{background:#17181a;border:1px solid #3c3e43;border-radius:8px;box-shadow:0 14px 38px #0008}
body.editor-mode .view-controls{background:#292a2d;border-color:#45474d;color:#e8eaed}
body.editor-mode .view-controls button{color:#e8eaed;background:transparent}
body.editor-mode .view-controls button:hover:not(:disabled){background:#3a3c42}
body.editor-mode .replace-image{background:#292a2d;color:#e8eaed;border-color:#4a4c52}
body.editor-mode .inspector{height:100%;max-height:none;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;padding:15px 14px;background:#292a2d;border-left:1px solid #3a3b3f;color:#e8eaed}
body.editor-mode .inspector>.toolbar-heading{color:#9aa0a6}
body.editor-mode .setting{border-color:#3f4146}
body.editor-mode .setting label,body.editor-mode .setting label>span,body.editor-mode .setting small,body.editor-mode .object-details,body.editor-mode .object-details summary{color:#b5bac2}
body.editor-mode .setting select,body.editor-mode .setting input[type=number],body.editor-mode .object-actions button,body.editor-mode #object-list button{color:#e8eaed;background:#35373c;border-color:#4a4c52}
body.editor-mode .setting select:focus,body.editor-mode .setting input:focus,body.editor-mode .object-actions button:focus{border-color:#8ab4f8;outline:2px solid #8ab4f844}
body.editor-mode .object-details{border-color:#414348}
body.editor-mode #object-list button[aria-pressed=true]{background:#174a86;color:#fff}
body.editor-mode .stroke-options button,body.editor-mode .font-presets button{background:#35373c;border-color:#4a4c52;color:#d7dbe1}
body.editor-mode .stroke-options button.active,body.editor-mode .font-presets button.active{background:#2680eb;border-color:#2680eb;color:#fff}
body.editor-mode .privacy-card{background:#263a35;color:#c4ddd4}
body.editor-mode .privacy-card strong,body.editor-mode .privacy-card p{color:#c4ddd4}
body.editor-mode .export-settings{background:#292a2d;border-top:1px solid #3a3b3f;color:#b5bac2}
body.editor-mode .export-settings summary{color:#b5bac2}
body.editor-mode .export-fields input,body.editor-mode .export-fields select{color:#e8eaed;background:#35373c;border-color:#4a4c52}
body.editor-mode .editor-bottom{height:34px;box-sizing:border-box;padding:0 14px;background:#202124;color:#9aa0a6;border-top:1px solid #303136}
body.editor-mode .local-status{color:#b5bac2}
body.editor-mode .editor-bottom kbd{color:#c7cbd1;background:#35373c;border-color:#4a4c52}
body.editor-mode .text-button{color:#8ab4f8}
body.editor-mode dialog{background:#292a2d;color:#e8eaed;border:1px solid #4a4c52}
body.editor-mode dialog h2,body.editor-mode dialog p,body.editor-mode dialog label{color:#e8eaed}
body.editor-mode dialog .dialog-title{color:#e8eaed;font:700 28px/1.2 Poppins,system-ui,sans-serif;margin:0 0 14px}
body.editor-mode dialog input,body.editor-mode dialog textarea{background:#35373c;color:#fff;border-color:#4a4c52}

@media(max-width:860px){
 body.editor-mode .editor.editor-mode{grid-template-rows:auto minmax(0,1fr) auto auto;height:100dvh;min-height:100dvh}
 body.editor-mode .editor-top{min-height:60px;height:auto;padding:9px 10px;gap:7px}
 body.editor-mode .editor-top .file-title{max-width:42%}
 body.editor-mode .editor-actions{margin-left:auto;flex-wrap:nowrap;overflow-x:auto}
 body.editor-mode .editor-actions .secondary-action{display:none}
 body.editor-mode .editor-body{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto;height:auto!important}
 body.editor-mode .toolbar{order:0;height:auto;min-height:58px;padding:7px 8px;border-right:0;border-bottom:1px solid #3a3b3f;overflow-x:auto;overflow-y:hidden;display:flex;flex-direction:row;align-items:center}
 body.editor-mode .tool-grid{display:flex;gap:4px;min-width:max-content}
 body.editor-mode .tool-btn,body.editor-mode .select-tool{width:42px;min-width:42px;height:42px;min-height:42px;padding:0}
 body.editor-mode .tool-btn svg,body.editor-mode .select-tool svg{width:20px;height:20px}
 body.editor-mode .select-tool span,body.editor-mode .select-tool kbd{display:none}
 body.editor-mode .toolbar-divider{width:1px;height:30px;margin:0 4px}
 body.editor-mode .workspace{order:1;min-height:0;height:100%;padding:10px}
 body.editor-mode .inspector{order:2;height:auto;max-height:178px;padding:10px;display:flex;flex-wrap:wrap;gap:10px;border-left:0;border-top:1px solid #3a3b3f;overflow-y:auto}
 body.editor-mode .inspector>.toolbar-heading,body.editor-mode .privacy-card{display:none}
 body.editor-mode .inspector .setting{flex:1 1 115px;min-width:100px;margin:0}
 body.editor-mode .inspector .object-details{flex:1 1 100%;border-top:1px solid #414348;padding-top:8px}
 body.editor-mode .export-settings{max-height:44px;overflow:auto}
 body.editor-mode .editor-bottom{height:auto;min-height:32px;padding:6px 9px}
 body.editor-mode .bottom-tip,body.editor-mode #tool-status{display:none}
}

/* Annotely reference pass: light rail, pink active tile and a checkerboard canvas. */
body.editor-mode{background:#fff;color:#27323a}
body.editor-mode .editor.editor-mode{background:#fff}
body.editor-mode .editor-top{background:#fff;border-bottom:1px solid #e7e9eb;color:#27323a}
body.editor-mode .file-title strong{color:#27323a}
body.editor-mode .file-title span:not(.file-icon){color:#87919a}
body.editor-mode .file-icon{color:#6d7880;background:#fff;border-color:#e1e5e8}
body.editor-mode .icon-btn,body.editor-mode .secondary-action,body.editor-mode .scale-label select{color:#6d7880;background:#fff;border-color:#e1e5e8}
body.editor-mode .icon-btn:hover:not(:disabled),body.editor-mode .secondary-action:hover:not(:disabled){background:#f7f8f9;border-color:#cfd5d9}
body.editor-mode .primary.export{background:#ff3d7f;border-color:#ff3d7f}
body.editor-mode .primary.export:hover:not(:disabled){background:#e83272;border-color:#e83272}
body.editor-mode .editor-body{grid-template-columns:96px minmax(0,1fr) 228px;background:#fff}
body.editor-mode .toolbar{padding:14px 6px;background:#fff;border-right:1px solid #e4e7e9;color:#66727a}
body.editor-mode .toolbar-heading{display:none}
body.editor-mode .tool-grid{grid-template-columns:repeat(2,44px);gap:3px;justify-content:center}
body.editor-mode .tool-btn{width:44px;height:44px;border-radius:10px;color:#66727a}
body.editor-mode .tool-btn svg{width:21px;height:21px}
body.editor-mode .tool-btn:hover:not(.active),body.editor-mode .select-tool:hover:not(.active){background:#f7f8f9;color:#27323a}
body.editor-mode .tool-btn.active,body.editor-mode .select-tool.active,body.editor-mode #pan-tool.active{background:#ff3d7f;border-color:#ff3d7f;color:#fff;box-shadow:0 5px 14px #ff3d7f45}
body.editor-mode .toolbar-divider{background:#e4e7e9;margin:13px 4px 8px}
body.editor-mode .select-tool{color:#66727a;justify-content:center;padding:0;height:42px;min-height:42px;border-radius:10px}
body.editor-mode .select-tool span,body.editor-mode .select-tool kbd{display:none}
body.editor-mode .tool-help{display:none}
body.editor-mode .workspace{background:#f4f5f6;background-image:linear-gradient(45deg,#e6e8ea 25%,transparent 25%),linear-gradient(-45deg,#e6e8ea 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e6e8ea 75%),linear-gradient(-45deg,transparent 75%,#e6e8ea 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;padding:18px;}
body.editor-mode #canvas-shell{background:#fff;border:1px solid #d9dde0;border-radius:2px;box-shadow:0 2px 12px #27323a18}
body.editor-mode .inspector{background:#fff;border-left:1px solid #e4e7e9;color:#27323a}
body.editor-mode .inspector>.toolbar-heading{display:block;color:#87919a}
body.editor-mode .setting label,body.editor-mode .setting label>span,body.editor-mode .setting small,body.editor-mode .object-details,body.editor-mode .object-details summary{color:#68747c}
body.editor-mode .setting select,body.editor-mode .setting input[type=number],body.editor-mode .object-actions button,body.editor-mode #object-list button{color:#27323a;background:#fff;border-color:#dfe3e6}
body.editor-mode .object-details{border-color:#e4e7e9}
body.editor-mode #object-list button[aria-pressed=true]{background:#fff0f5;color:#d92e69}
body.editor-mode .stroke-options button,body.editor-mode .font-presets button{background:#fff;border-color:#dfe3e6;color:#68747c}
body.editor-mode .stroke-options button.active,body.editor-mode .font-presets button.active{background:#fff0f5;border-color:#ff9fbe;color:#d92e69}
body.editor-mode #inline-text-editor{min-width:0;padding:0;background:transparent;border:0;box-shadow:none}
body.editor-mode #inline-text-editor textarea{background:#fff;color:#27323a;border:1px solid #ff3d7f;border-radius:4px;box-shadow:0 2px 8px #27323a22;padding:7px 9px;font:600 16px/1.35 Arial,sans-serif}
body.editor-mode #inline-text-editor .inline-text-title,body.editor-mode #inline-text-editor .inline-text-hint,body.editor-mode #inline-text-editor .inline-text-actions{display:none}
body.editor-mode dialog{background:#fff;color:#27323a;border-color:#dfe3e6}
body.editor-mode dialog h2,body.editor-mode dialog p,body.editor-mode dialog label,body.editor-mode dialog .dialog-title{color:#27323a}
body.editor-mode dialog input,body.editor-mode dialog textarea{background:#fff;color:#27323a;border-color:#dfe3e6}
body.editor-mode .privacy-card{background:#f7faf8;color:#687b70;border-color:#e6eee9}
body.editor-mode .privacy-card strong,body.editor-mode .privacy-card p{color:#687b70}
body.editor-mode .export-settings{background:#fff;border-top:1px solid #e4e7e9;color:#68747c}
body.editor-mode .export-settings summary{color:#68747c}
body.editor-mode .export-fields input,body.editor-mode .export-fields select{color:#27323a;background:#fff;border-color:#dfe3e6}
body.editor-mode .editor-bottom{background:#fff;color:#87919a;border-top:1px solid #e4e7e9}
body.editor-mode .editor-bottom kbd{color:#68747c;background:#f7f8f9;border-color:#dfe3e6}
body.editor-mode .text-button{color:#d92e69}

@media(min-width:861px){body.editor-mode .editor-body{grid-template-columns:96px minmax(0,1fr) 228px}}
@media(max-width:860px){body.editor-mode .tool-grid{grid-template-columns:repeat(2,44px);gap:3px}.editor.editor-mode .tool-btn{width:44px;min-width:44px;height:44px}.editor.editor-mode .toolbar{background:#fff}.editor.editor-mode .workspace{background-color:#f4f5f6}}

/* Medium windows keep the rail beside the image and move settings below it. */
.editor.editor-mode,.editor.editor-mode .editor-body,.editor.editor-mode .editor-top{min-width:0;max-width:100%;overflow-x:hidden}
.editor.editor-mode .file-title{flex:1 1 auto;min-width:0}
.editor.editor-mode .editor-actions{flex:0 1 auto;min-width:0}
@media(min-width:861px) and (max-width:1040px){
 .editor.editor-mode .editor-body{grid-template-columns:100px minmax(0,1fr);grid-template-rows:minmax(400px,1fr) auto;height:auto}
 .editor.editor-mode .toolbar{grid-column:1;grid-row:1;min-height:400px}
 .editor.editor-mode .workspace{grid-column:2;grid-row:1;min-height:400px}
 .editor.editor-mode .inspector{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;gap:14px;max-height:170px;overflow:auto;border-left:0;border-top:1px solid #d9dde1;padding:12px 14px}
 .editor.editor-mode .inspector .setting{flex:1 1 120px;min-width:100px;margin:0}
 .editor.editor-mode .object-details{flex:1 1 240px;border-left:1px solid #e1e4e6;border-top:0;padding:0 0 0 14px}
}