[data-image-editor-page] { max-width:1280px; }
html[data-image-editor-route] :is(.creator-banner,.creator-modes,.creator-mobile-tabs) { display:none!important; }
html[data-image-editor-route] [data-model-workspace]:not([data-image-editor]) { visibility:hidden; }
[data-image-editor-page] .creator-page-heading { margin-block-end:var(--sc-space-6); }
.image-editor { border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;display:block!important; }
.image-editor [hidden] { display:none!important; }
.image-editor__tabs { display:flex;gap:var(--sc-space-3);border-bottom:1px solid var(--sc-color-border);margin-block-end:var(--sc-space-5);overflow-x:auto;scrollbar-width:thin; }
.image-editor__tabs .sc-button { position:relative;background:transparent;border:0;border-radius:0;color:var(--sc-color-muted);padding:var(--sc-space-3) var(--sc-space-2);white-space:nowrap;font-size:16px;min-height:46px; }
.image-editor__tabs [aria-selected=true] { color:var(--sc-color-ink);box-shadow:inset 0 -3px var(--sc-color-brand-500); }
.image-editor__form { display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(320px,1fr);gap:var(--sc-space-5);align-items:start;padding:0!important;max-width:none!important; }
.image-editor__visual,.image-editor__panel { min-width:0; }
.image-editor__panel { background:var(--sc-color-surface);border:1px solid var(--sc-color-border-strong);border-radius:var(--sc-radius-lg);padding:var(--sc-space-5);display:flex;flex-direction:column;gap:var(--sc-space-3); }
.image-editor__body { min-height:300px; }
.image-editor__prompt { display:flex;flex-direction:column;gap:var(--sc-space-2); }
.image-editor .image-editor__prompt textarea { min-height:300px;height:300px;resize:vertical;line-height:1.65;font-size:16px;padding:var(--sc-space-3); }
.image-editor__prompt .model-workspace__prompt-meta { min-height:20px; }
.image-editor__prompt [data-creator-prompt-count] { display:none; }
.image-editor__stage { position:relative;border:1px solid var(--sc-color-border-strong);border-radius:var(--sc-radius-lg);overflow:hidden;background:var(--sc-color-well);min-height:270px; }
.image-editor__stage[data-dragging] { border-color:var(--sc-color-brand-500);background:var(--sc-color-selected); }
.image-editor__upload { display:flex;width:100%;min-height:270px;align-items:center;justify-content:center;flex-direction:column;gap:var(--sc-space-5);border:0;background:transparent;color:var(--sc-color-brand-700);cursor:pointer;padding:var(--sc-space-6); }
.image-editor__upload strong { font-size:19px;font-weight:600; }
.image-editor__upload small { color:var(--sc-color-muted);font-size:14px; }
.image-editor__plus { display:grid;place-items:center;width:50px;height:50px;border-radius:50%;border:1px solid var(--sc-color-selected-border);background:var(--sc-color-brand-50);font-size:28px; }
.image-editor__canvas { display:block;width:100%;height:450px;touch-action:none;direction:ltr;cursor:crosshair; }
.image-editor__canvas[data-tool=pan] { cursor:grab; }
.image-editor__canvas[data-tool=move] { cursor:move; }
.image-editor__image-actions { display:flex;justify-content:flex-end;gap:var(--sc-space-2);margin-block-end:var(--sc-space-2); }
.image-editor__image-actions .sc-button { font-size:14px;padding:var(--sc-space-2) var(--sc-space-3);min-height:36px; }
.image-editor__tools { display:flex;flex-wrap:wrap;align-items:center;gap:var(--sc-space-1);padding:var(--sc-space-2);margin-block-end:var(--sc-space-2);background:var(--sc-color-surface);border-radius:var(--sc-radius-md); }
.image-editor .image-editor__tool { width:40px;min-width:40px;height:40px;min-height:40px;padding:0;font-size:23px;border-radius:var(--sc-radius-sm); }
.image-editor__tool svg { width:20px;height:20px; }
.image-editor__tool[aria-pressed=true] { color:var(--sc-color-brand-700);background:var(--sc-color-selected);box-shadow:inset 0 0 0 1px var(--sc-color-selected-border); }
.image-editor__brush { display:flex;align-items:center;gap:var(--sc-space-2);padding-inline:var(--sc-space-2);font-size:13px;color:var(--sc-color-muted); }
.image-editor__brush input { width:90px;accent-color:var(--sc-color-brand-500); }
.image-editor__zoom { display:flex;justify-content:center;align-items:center;gap:var(--sc-space-2);margin-block-start:var(--sc-space-2); }
.image-editor__zoom .sc-button { font-size:13px;min-height:36px;padding:var(--sc-space-2); }
.image-editor__zoom output { min-width:50px;text-align:center;font-family:var(--sc-font-mono);font-size:13px; }
.image-editor__keyboard { font-size:12px!important;line-height:1.5;text-align:center;margin-block:var(--sc-space-2); }
.image-editor__loading { position:absolute;inset:0;display:grid;place-items:center;background:var(--sc-color-overlay);color:var(--sc-color-ink);margin:0; }
.image-editor__samples { margin-block-start:var(--sc-space-4); }
.image-editor__samples h2 { margin:0 0 var(--sc-space-3);font-size:17px; }
.image-editor__samples>p { font-size:12px;margin-block:var(--sc-space-3) 0; }
.image-editor__sample-rail { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sc-space-3); }
.image-editor__sample { border:0;padding:0;display:flex;flex-direction:column;gap:var(--sc-space-2);text-align:start;background:transparent;color:var(--sc-color-ink);cursor:pointer;min-width:0;font:inherit;font-size:13px;line-height:1.4; }
.image-editor__sample img { display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--sc-radius-md); }
.image-editor__sample:hover img { outline:1px solid var(--sc-color-brand-500); }
.image-editor__section-heading,.image-editor__region-top { display:flex;align-items:center;justify-content:space-between;gap:var(--sc-space-2); }
.image-editor h2 { font-size:17px;margin:0;font-weight:600; }
.image-editor__regions>p,.image-editor__text>p { font-size:14px;line-height:1.6;margin-block:var(--sc-space-2) var(--sc-space-4); }
.image-editor__region-list,.image-editor__pairs { display:flex;flex-direction:column;gap:var(--sc-space-3);max-height:420px;overflow:auto;overscroll-behavior:auto;padding:1px; }
.image-editor__region,.image-editor__pair { border:1px solid var(--sc-color-border-strong);padding:var(--sc-space-3);border-radius:var(--sc-radius-md);background:var(--sc-color-control);min-width:0; }
.image-editor__region[data-selected=true] { border-color:var(--sc-color-selected-border); }
.image-editor__region-select { border:0;background:transparent;color:var(--sc-color-ink);padding:0;min-height:30px;flex:1;text-align:start;font:inherit;font-size:15px;cursor:pointer; }
.image-editor__region p { overflow-wrap:anywhere;margin:var(--sc-space-1) 0 0;line-height:1.5; }
.image-editor .image-editor__remove { min-height:32px;min-width:32px;width:32px;height:32px;padding:0;font-size:20px; }
.image-editor__region textarea { min-height:100px;resize:vertical;font:inherit;font-size:15px;line-height:1.6;width:100%;margin-block-start:var(--sc-space-2); }
.image-editor__pair .sc-field { display:flex;flex-direction:column;gap:var(--sc-space-1);margin-block-start:var(--sc-space-2); }
.image-editor__pair input { width:100%;font-size:15px;min-height:42px; }
.image-editor__pair .sc-label { font-size:13px; }
.image-editor .image-editor__add { width:100%;margin-block-start:var(--sc-space-3);min-height:44px;font-size:14px; }
.image-editor__settings { display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:var(--sc-space-2);margin-block-start:auto;align-items:end; }
.image-editor__setting { min-width:0; }
.image-editor .image-editor__settings > .image-editor__setting { flex-direction:column;align-items:stretch;gap:0; }
.image-editor .image-editor__setting > .home-specifications { width:100%;min-width:0; }
.image-editor__setting:has([data-workspace-output-count-control][hidden]) { display:none; }
.image-editor__setting .model-workspace__model-field { min-width:0;width:100%; }
.image-editor .image-editor__setting .model-workspace__model-field { display:flex;flex-direction:column;gap:0; }
.image-editor .image-editor__setting .sc-label { line-height:18px;text-align:start; }
.image-editor__setting .model-picker__trigger { width:100%;min-width:0;min-height:42px;font-size:13px; }
.image-editor__setting .sc-grouped-parameters { width:100%;min-width:0; }
.image-editor__setting [data-parameter-row] { width:100%; }
.image-editor__setting .sc-label { font-size:12px;display:block;margin-block-end:var(--sc-space-1);color:var(--sc-color-muted); }
.image-editor__actions { display:flex;flex-direction:column;gap:var(--sc-space-2); }
.image-editor__actions .sc-workspace-action-slot { width:100%; }
.image-editor .model-workspace__submit { width:100%;min-height:44px; }
.image-editor__actions .model-workspace__cost { text-align:end;font-size:13px; }
.image-editor__validation { margin:0;font-size:13px;line-height:1.5;color:var(--sc-color-muted); }
.image-editor .model-workspace__image-edit-controls { display:none; }
.image-editor .model-workspace__results { margin-block-start:var(--sc-space-6);padding-block-start:var(--sc-space-5);border-top:1px solid var(--sc-color-border); }
.image-editor [data-workspace-results][hidden] { display:none; }
.image-editor :is(button,input,textarea,canvas):focus-visible { outline:2px solid var(--sc-color-focus);outline-offset:3px; }
@media(max-width:1050px){.image-editor__form{grid-template-columns:minmax(0,1.2fr) minmax(300px,1fr)}.image-editor__settings{grid-template-columns:repeat(2,minmax(0,1fr))}.image-editor__setting:first-child{grid-column:1/-1}}
@media(max-width:767px){
  [data-image-editor-page]{padding-inline:16px;padding-block-end:100px;}
  .image-editor__form{grid-template-columns:minmax(0,1fr);gap:var(--sc-space-5)}
  .image-editor__tabs{gap:var(--sc-space-2);margin-block-end:var(--sc-space-4)}
  .image-editor__tabs .sc-button{font-size:14px;padding-inline:var(--sc-space-2)}
  .image-editor__panel{padding:var(--sc-space-4)}
  .image-editor__body{min-height:0}
  .image-editor .image-editor__prompt textarea{height:170px;min-height:170px}
  .image-editor__stage,.image-editor__upload{min-height:240px}
  .image-editor__canvas{height:340px}
  .image-editor__sample-rail{gap:var(--sc-space-2)}
  .image-editor__sample{font-size:12px}
  .image-editor__samples>p{font-size:11px}
  .image-editor .image-editor__tool{min-height:44px;min-width:44px;width:44px;height:44px}
  .image-editor__keyboard{font-size:11px!important}
  .image-editor__region-list,.image-editor__pairs{max-height:none}
  .image-editor__settings{grid-template-columns:repeat(2,minmax(0,1fr))}
  .image-editor__setting:first-child{grid-column:1/-1}
  .image-editor__zoom{flex-wrap:wrap}
}
@media(max-height:500px) and (orientation:landscape){.image-editor__canvas{height:280px}}
/* The editor keeps its canvas controls with the image on desktop and reflows
   them into two touch-friendly bars on narrow screens. */
.image-editor__stage { isolation:isolate; }
.image-editor__image-actions { position:absolute;z-index:4;inset-block-start:8px;inset-inline-end:8px;margin:0; }
.image-editor .image-editor__image-actions .sc-button { display:grid;place-items:center;min-width:36px;width:36px;height:36px;min-height:36px;padding:0;font-size:25px;line-height:1;background:var(--sc-color-overlay);border-radius:var(--sc-radius-sm); }
.image-editor__tools { position:absolute;z-index:3;inset-block-start:8px;inset-inline-start:8px;margin:0;max-width:calc(100% - 56px);flex-wrap:nowrap;background:var(--sc-color-overlay); }
.image-editor .image-editor__tool--mode { display:flex;align-items:center;justify-content:center;gap:5px;width:auto;min-width:0;padding:0 9px;font-size:14px;white-space:nowrap; }
.image-editor__tool-icon { font-size:19px;line-height:1; }
.image-editor__tool-label { font-size:13px;line-height:1.1; }
.image-editor .image-editor__tool[data-editor-tool=redo] { display:none; }
.image-editor__brush { position:absolute;inset-block-start:calc(100% + 5px);inset-inline-start:0;padding:7px 10px;background:var(--sc-color-overlay);border-radius:var(--sc-radius-sm);white-space:nowrap; }
.image-editor__zoom { position:absolute;z-index:2;inset-block-end:8px;inset-inline-end:8px;margin:0;gap:2px;background:var(--sc-color-overlay);border-radius:var(--sc-radius-sm);padding:2px; }
.image-editor__section-heading { justify-content:flex-start; }
.image-editor__section-heading .image-editor__add { width:auto;margin:0;margin-inline-start:auto;min-height:36px;padding:6px 10px;white-space:nowrap; }
.image-editor__regions>p { margin-block:var(--sc-space-2); }
.image-editor__region-list { gap:4px;max-height:none;overflow:visible; }
.image-editor__region { position:relative;padding:0;background:transparent;border-color:transparent; }
.image-editor__region[data-selected=true] { padding:6px;background:var(--sc-color-control);border-color:var(--sc-color-border-strong); }
.image-editor__region-select { display:flex;align-items:center;gap:10px;width:100%;min-width:0; }
.image-editor__region-thumb { flex:none;width:32px;height:32px;position:relative;border-radius:5px;overflow:visible; }
.image-editor__region[data-selected=true] .image-editor__region-thumb { width:60px;height:60px; }
.image-editor__region-thumb canvas { width:100%;height:100%;border-radius:5px;display:block;object-fit:cover; }
.image-editor__region-number { position:absolute;inset-block-start:-4px;inset-inline-start:0;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;font-size:11px;font-weight:700;color:#17110d;background:#2dd4bf; }
.image-editor__region-name { flex:none;font-weight:600;font-size:14px; }
.image-editor__region-summary { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--sc-color-muted); }
.image-editor__region-summary[data-empty=true] { color:var(--sc-color-brand-700); }
.image-editor__region[data-selected=true] .image-editor__region-select { padding-inline-end:35px; }
.image-editor__region[data-selected=true] .image-editor__remove { position:absolute;inset-block-start:7px;inset-inline-end:7px; }
.image-editor__region textarea { margin-block:5px 0;min-height:60px; }
.image-editor__text .image-editor__pairs { margin-block-start:var(--sc-space-3); }
@media(max-width:767px) {
  .image-editor__stage { display:flex;flex-direction:column;gap:8px;overflow:visible;border:0;background:transparent; }
  .image-editor__stage:has(.image-editor__upload:not([hidden])) { overflow:hidden;border:1px solid var(--sc-color-border-strong);background:var(--sc-color-well); }
  .image-editor__tools { position:relative;inset:auto;order:0;max-width:none;width:100%;padding:7px 44px 7px 7px;gap:4px;overflow:visible;border-radius:var(--sc-radius-md); }
  .image-editor .image-editor__tool--mode { flex:1;min-width:0;height:46px;min-height:46px;padding:3px 2px;flex-direction:column;gap:1px; }
  .image-editor__tool-label { font-size:10px; }
  .image-editor__tool-icon { font-size:17px; }
  .image-editor__image-actions { inset-block-start:8px;inset-inline-end:8px; }
  .image-editor__canvas { order:1;height:auto;min-height:220px;aspect-ratio:var(--image-editor-aspect,4 / 3);border-radius:var(--sc-radius-lg);background:var(--sc-color-well); }
  .image-editor__upload { order:1; }
  .image-editor__zoom { position:relative;inset:auto;order:2;justify-content:flex-end;min-height:52px;width:100%;padding:5px 7px 5px 105px;border-radius:var(--sc-radius-md); }
  .image-editor .image-editor__tool[data-editor-tool=undo],.image-editor .image-editor__tool[data-editor-tool=clear] { position:absolute;top:auto;bottom:9px;z-index:4;width:40px;min-width:40px;height:40px;min-height:40px; }
  .image-editor .image-editor__tool[data-editor-tool=undo] { left:8px; }
  .image-editor .image-editor__tool[data-editor-tool=clear] { left:50px; }
  .image-editor__brush { top:calc(100% + 4px);z-index:4; }
  .image-editor__keyboard { text-align:start; }
  .image-editor__section-heading .image-editor__add { font-size:12px;min-height:34px; }
  .image-editor__settings { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .image-editor__setting:first-child { grid-column:auto; }
  .image-editor__setting .model-picker__trigger { overflow:hidden;text-overflow:ellipsis; }
}
.image-editor .image-editor__zoom .sc-button { display:grid;place-items:center;width:32px;min-width:32px;height:36px;min-height:36px;padding:6px;flex:0 0 32px; }
.image-editor__zoom .sc-button svg { width:18px;height:18px; }
@media(max-width:767px) {
  .image-editor__tools { position:static; }
  .image-editor__brush { top:58px;left:8px; }
}
.image-editor__region-select { justify-content:flex-start; }
.image-editor__region[data-selected=true] .image-editor__region-select { align-items:flex-start; }
.image-editor__region[data-selected=true] .image-editor__region-name { padding-block-start:4px; }
.image-editor__region[data-selected=true] textarea { display:block;position:relative;margin-block-start:-32px;margin-inline-start:70px;width:calc(100% - 70px); }
.image-editor__pair .sc-field { display:grid;grid-template-columns:80px minmax(0,1fr);align-items:center;gap:8px; }
.image-editor__pair .sc-label { line-height:1.2; }
.image-editor__setting [data-model-picker-value],.image-editor__setting .sc-model-identity { display:flex;align-items:center;min-width:0;overflow:hidden;white-space:nowrap; }
.image-editor__setting .sc-model-name { display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.image-editor__setting .sc-model-logo { flex:0 0 20px;width:20px;height:20px; }
.image-editor__region textarea { font-weight:400; }
.image-editor__tabs .sc-button { display:inline-flex;align-items:center;gap:7px; }
.image-editor__tabs .sc-button svg { flex:none;width:17px;height:17px; }
.image-editor__setting:has(> label[hidden]) { display:none; }
.image-editor__region-number { background:var(--region-color); }
.image-editor__region[data-selected=true] .image-editor__region-thumb canvas { outline:2px solid var(--region-color);outline-offset:-2px; }
@media(max-width:767px) {
  .image-editor__settings:has(> .image-editor__setting:nth-child(3) > label[hidden]) { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
.image-editor__region[data-selected=true] textarea { border:0;box-shadow:none;background:transparent;padding:3px 0;min-height:48px; }
.image-editor__canvas { background-color:var(--sc-color-well);background-image:radial-gradient(var(--sc-color-border-strong) 0.8px,transparent 0.8px);background-size:12px 12px; }
@media(max-width:767px) {
  .image-editor__settings { grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr)); }
  .image-editor__settings:has(> .image-editor__setting:nth-child(3) > label[hidden]) { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .image-editor .image-editor__setting .model-picker__trigger { padding-inline:6px;gap:4px; }
  .image-editor__setting .sc-model-identity { gap:4px; }
  .image-editor__setting .sc-model-logo { flex-basis:17px;width:17px;height:17px; }
  .image-editor :is(input:not([type=range]),textarea) { font-size:16px; }
}
