.ww-advanced{--ae-bg:var(--surface-2,#f9fcfc);--ae-panel:var(--surface,#fff);--ae-line:var(--line-2,#d7e3e7);--ae-ink:var(--color-ink,#0d2b33);--ae-muted:var(--color-muted,#55707b);--ae-accent:var(--color-accent,#0c7a77);box-sizing:border-box;width:calc(100vw / var(--ui-zoom,1) - 24px);max-width:none;height:calc(100dvh / var(--ui-zoom,1) - 24px);max-height:none;padding:0;border:1px solid var(--ae-line);border-radius:16px;background:var(--ae-bg);color:var(--ae-ink);font:13px/1.5 var(--font-body,system-ui),sans-serif;overflow:hidden;display:flex;flex-direction:column}
.ww-advanced::backdrop{background:var(--backdrop,rgba(13,43,51,.28));backdrop-filter:blur(5px)}
.ww-advanced *{box-sizing:border-box}
.ww-advanced [hidden]{display:none!important}
.ww-advanced button,.ww-advanced select,.ww-advanced input,.ww-advanced textarea{font:inherit;color:inherit}
.ww-advanced button{border:1px solid var(--ae-line);background:var(--ae-panel);border-radius:10px;padding:7px 11px;cursor:pointer;min-height:34px;white-space:nowrap}
.ww-advanced button:hover{background:var(--hover,#eef5f6);border-color:var(--line-3,#c6d7dd)}
.ww-advanced button:disabled{opacity:.4;cursor:default}
.ww-advanced :focus-visible{outline:2px solid var(--ae-accent);outline-offset:3px}
.ww-advanced input,.ww-advanced select,.ww-advanced textarea{width:100%;min-width:0;border:1px solid var(--ae-line);background:var(--ae-panel);border-radius:6px;padding:7px}
.ww-advanced select option{background:var(--ae-panel)}
.ww-advanced input[type=color]{height:34px;padding:3px}
.ww-advanced input[type=range]{padding:0;accent-color:var(--ae-accent);border:0}
.ww-advanced input[type=checkbox]{width:auto;accent-color:var(--ae-accent)}
.ae-head{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--ae-panel);border-bottom:1px solid var(--ae-line);flex:none;flex-wrap:wrap}
.ae-head h2{font-size:16px;margin:0;letter-spacing:.03em;display:flex;align-items:center;gap:8px;color:var(--ae-ink)}
.ae-vip{display:inline-grid;place-items:center;background:#ddbe72;color:#233137;width:18px;height:18px;font-size:11px;border-radius:50%}
.ae-project-name{max-width:200px;font-weight:500}
.ae-head-actions{margin-left:auto;display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.ww-advanced .ae-primary{background:var(--ae-accent);color:var(--on-ink,#fff);border-color:var(--ae-accent);font-weight:700}
.ww-advanced .ae-primary:hover{background:var(--accent-hover,#096a67);color:var(--on-ink,#fff)}
.ae-head-actions select{width:100px}
.ae-note{flex:none;display:flex;gap:8px;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:1px solid var(--ae-line);color:var(--ae-muted);font-size:11px;flex-wrap:wrap}
.ae-note a{color:var(--ae-accent)}
.ae-body{display:grid;grid-template-columns:210px minmax(0,1fr) 270px;min-height:0;flex:1}
.ae-layers,.ae-properties{min-height:0;overflow:auto;overscroll-behavior:contain;background:var(--ae-panel);padding:14px}
.ae-layers{border-right:1px solid var(--ae-line)}
.ae-properties{border-left:1px solid var(--ae-line)}
.ae-section-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;font-size:11px;letter-spacing:.1em;color:var(--ae-muted);font-weight:600}
.ae-section-title span{font:11px ui-monospace,monospace;letter-spacing:0}
.ae-layer-list{display:flex;flex-direction:column;gap:6px}
.ae-layer{display:grid;grid-template-columns:28px minmax(0,1fr) 24px;align-items:center;gap:7px;border:1px solid transparent;border-radius:8px;background:var(--surface-2,#f9fcfc);padding:7px}
.ae-layer[data-active=true]{border-color:var(--ae-accent);background:var(--tint,#e9f4f3)}
.ae-layer button{min-width:0;padding:3px;border:0;background:transparent;white-space:normal;text-align:left}
.ae-layer button:hover{background:var(--tint-2,#d5eceb)}
.ae-layer-label{display:flex;align-items:center;gap:7px;overflow:hidden}
.ae-layer-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ae-layer-icon{display:grid;place-items:center;width:26px;height:26px;flex:none;background:var(--ae-panel);border:1px solid var(--ae-line);border-radius:4px;font:12px ui-monospace,monospace;color:var(--tint-fg,#0b6460)}
.ae-layer[data-hidden=true]{opacity:.55}
.ae-layer-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:10px}
.ae-layer-actions button{padding:5px;min-width:0}
.ae-add-actions{display:grid;gap:7px;margin-top:18px}
.ae-import-actions{display:grid;gap:7px;padding-top:14px;margin-top:14px;border-top:1px solid var(--ae-line)}
.ae-help a{color:var(--ae-accent)}
.ae-help{font-size:11px;color:var(--ae-muted);margin:12px 0 0;line-height:1.7;overflow-wrap:anywhere}
.ae-center{display:flex;flex-direction:column;min-width:0;min-height:0}
.ae-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:10px 12px;border-bottom:1px solid var(--ae-line);background:var(--surface-2,#f9fcfc);flex:none}
.ae-tools button[aria-pressed=true]{background:var(--tint,#e9f4f3);color:var(--tint-fg,#0b6460);border-color:var(--tint-line,#cfe5e3)}
.ae-tools .ae-fit{margin-left:auto}
.ae-stage{min-height:0;flex:1;overflow:auto;display:grid;place-items:center;padding:36px;position:relative;overscroll-behavior:contain;background-color:var(--color-bg,#f4f8f9);background-image:radial-gradient(var(--line-2,#d7e3e7) .7px,transparent .7px);background-size:16px 16px}
.ae-canvas-wrap{position:relative;flex:none;line-height:0;box-shadow:var(--shadow-md,0 6px 18px rgba(13,43,51,.1));background-color:var(--canvas,#fff);background-image:linear-gradient(45deg,var(--line-4,#eaf1f3) 25%,transparent 25%),linear-gradient(-45deg,var(--line-4,#eaf1f3) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--line-4,#eaf1f3) 75%),linear-gradient(-45deg,transparent 75%,var(--line-4,#eaf1f3) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}
.ae-canvas-wrap canvas{display:block;touch-action:none;max-width:none}
.ae-overlay{position:absolute;inset:0;cursor:move}
.ae-empty{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;padding:20px;text-align:center;color:var(--color-body,#36545f);font-size:14px;line-height:1.8}
.ae-empty b{display:block;font-size:22px;font-weight:600}
.ae-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:8px 12px;flex:none;background:var(--surface-2,#f9fcfc);font:11px ui-monospace,system-ui,monospace;color:var(--ae-muted);border-top:1px solid var(--ae-line)}
.ae-foot [role=status]{min-width:0;overflow-wrap:anywhere;font:11px/1.5 system-ui}
.ae-panel{display:grid;gap:11px}
.ae-panel label{display:grid;gap:5px;font-size:11px;color:var(--ae-muted)}
.ae-panel label input,.ae-panel label select,.ae-panel label textarea{color:var(--ae-ink)}
.ae-panel fieldset{min-width:0;display:grid;gap:11px;border:0;border-bottom:1px solid var(--ae-line);margin:0;padding:0 0 14px}
.ae-panel legend{font-size:11px;letter-spacing:.08em;color:var(--ae-ink);padding:0 0 9px}
.ae-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ae-inline{display:flex;gap:6px;align-items:center}
.ae-inline label{display:flex;gap:6px;align-items:center}
.ae-check{display:flex!important;gap:7px!important;align-items:center}
.ae-slider-title{display:flex;align-items:center;justify-content:space-between}
.ae-slider-title output{font:11px ui-monospace,monospace;color:var(--ae-ink)}
.ae-panel textarea{min-height:82px;resize:vertical}
.ae-resume{padding:8px 16px;display:flex;align-items:center;gap:10px;font-size:12px;color:var(--tint-text,#20554f);background:var(--tint,#e9f4f3);flex-wrap:wrap}
.ae-resume button{padding:3px 8px;min-height:28px}
.ae-busy .ae-body{pointer-events:none;opacity:.75}
@media(max-width:1100px){.ae-body{grid-template-columns:175px minmax(0,1fr) 230px}.ae-layers,.ae-properties{padding:10px}.ae-stage{padding:24px}.ae-project-name{max-width:140px}}
@media(max-width:760px){.ww-advanced{width:calc(100vw / var(--ui-zoom,1) - 12px);height:calc(100dvh / var(--ui-zoom,1) - 12px);border-radius:12px}.ae-head{padding:9px 10px;gap:8px}.ae-head h2{font-size:14px}.ae-project-name{max-width:140px}.ae-head-actions{margin-left:0;flex-basis:100%;gap:5px}.ae-head-actions button{font-size:11px;padding:5px 7px}.ae-head-actions select{font-size:11px;width:78px;padding:5px}.ae-body{grid-template-columns:1fr;grid-template-rows:minmax(210px,1fr) minmax(0,210px)}.ae-center{grid-row:1}.ae-layers{grid-row:2;grid-column:1;width:42%;border-top:1px solid var(--ae-line);border-right:1px solid var(--ae-line);padding:9px}.ae-properties{grid-row:2;grid-column:1;margin-left:42%;border-top:1px solid var(--ae-line);border-left:0;padding:9px}.ae-layer{gap:3px;padding:4px;grid-template-columns:22px minmax(0,1fr) 20px}.ae-layer-icon{display:none}.ae-layer button{font-size:11px}.ae-add-actions,.ae-import-actions{gap:5px;margin-top:10px;padding-top:8px}.ae-add-actions button,.ae-import-actions button{font-size:11px;padding:5px}.ae-layer-actions{grid-template-columns:1fr 1fr}.ae-tools{gap:5px;padding:7px}.ae-tools button{font-size:11px;padding:5px 7px;min-height:30px}.ae-tools .ae-fit{margin-left:0}.ae-stage{padding:16px}.ae-help a{color:var(--ae-accent)}
.ae-help{font-size:10px}.ae-note{padding:6px 10px;font-size:10px}.ae-foot{align-items:flex-start;gap:5px;flex-wrap:wrap;font-size:10px}.ae-panel{gap:9px}.ae-panel label{font-size:10px}}

/* Compact photo-editor workspace; all surfaces inherit the website theme. */
.ww-advanced{border-radius:10px}.ww-advanced button{border-radius:5px}
.ae-menu{display:flex;align-items:center;gap:4px;padding:4px 12px;background:var(--ae-panel);border-bottom:1px solid var(--ae-line);flex-wrap:wrap;flex:none;z-index:3}
.ae-menu details{position:relative}.ae-menu summary{padding:5px 12px;cursor:pointer;list-style:none}.ae-menu details>div{position:absolute;top:100%;left:0;min-width:200px;padding:5px;background:var(--ae-panel);border:1px solid var(--ae-line);box-shadow:var(--shadow-md);display:grid;gap:3px}.ae-menu details button{text-align:left;border:0}
.ae-menu .ae-background-entry{margin-left:auto;color:var(--ae-accent);border-color:var(--tint-line)}.ae-background-entry span{font-size:10px;margin-left:9px;color:var(--ae-muted)}
.ae-body{grid-template-columns:54px minmax(0,1fr) 290px}.ae-rail{display:flex;flex-direction:column;gap:4px;overflow:auto;padding:8px 5px;background:var(--ae-panel);border-right:1px solid var(--ae-line)}.ae-rail button{padding:4px 2px;font:20px/1.2 system-ui;min-height:46px}.ae-rail small{display:block;font-size:9px;line-height:1.4}.ae-rail button[aria-pressed=true]{color:var(--ae-accent);border-color:var(--ae-accent);background:var(--tint)}
.ae-sidebar{min-height:0;display:grid;grid-template-rows:minmax(130px,1fr) minmax(140px,.75fr);border-left:1px solid var(--ae-line);background:var(--ae-panel)}.ae-properties{border:0}.ae-layers{border-right:0;border-top:1px solid var(--ae-line);width:auto}.ae-add-actions{grid-template-columns:1fr 1fr 1fr;gap:3px}.ae-add-actions button{font-size:10px;padding:5px 2px;white-space:normal}.ae-layers .ae-help{display:none}.ae-import-actions{grid-template-columns:1fr 1fr;gap:4px;margin-top:8px;padding-top:8px}.ae-import-actions button{padding:5px 2px;font-size:10px;white-space:normal}
.ae-tools [data-tool-name]{font-size:11px;color:var(--ae-muted)}.ae-brush-color{display:flex;align-items:center;gap:5px;font-size:11px}.ae-brush-color input{width:38px}
.ae-crop-options{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px;border-bottom:1px solid var(--ae-line);background:var(--ae-panel)}.ae-crop-options label{display:flex;align-items:center;gap:4px;font-size:11px}.ae-crop-options input{width:70px}.ae-crop-options select{width:90px}.ae-crop-options button{font-size:11px;padding:5px 8px}
.ww-background{width:min(1160px,calc(100vw / var(--ui-zoom,1) - 32px));height:min(840px,calc(100dvh / var(--ui-zoom,1) - 32px))}.ww-background .ae-head{justify-content:space-between}.bg-subtitle{margin:5px 0 0;font-size:12px;color:var(--ae-muted)}.bg-layout{display:grid;grid-template-columns:310px minmax(0,1fr);min-height:0;flex:1}.bg-settings{padding:24px;overflow:auto;background:var(--ae-panel);border-right:1px solid var(--ae-line);display:flex;flex-direction:column;gap:15px}.bg-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:24px 8px;border:1.5px dashed var(--ae-line);border-radius:8px;cursor:pointer;text-align:center;background:var(--ae-bg);min-height:190px}.bg-upload:hover{border-color:var(--ae-accent)}.bg-upload-icon{font:36px/1 system-ui;color:var(--ae-accent)}.bg-upload strong{font-weight:600;font-size:13px}.bg-upload span:last-child{font-size:10px;color:var(--ae-muted)}.bg-settings .ae-help{margin:0}.bg-count{font-size:11px;color:var(--ae-muted)}.bg-settings fieldset{border:0;padding:0;margin:0}.bg-settings legend{font-weight:600;margin-bottom:12px}.bg-types{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px}.bg-types button{padding:8px 4px;display:grid;justify-items:center;gap:7px;font-size:11px}.bg-types i{display:block;width:23px;height:23px;border:1px solid var(--ae-line);border-radius:4px}.bg-types button[aria-pressed=true]{color:var(--ae-accent);border-color:var(--ae-accent);background:var(--tint)}.bg-checker{background-color:#fff;background-image:conic-gradient(#e4e9e9 25%,#fff 0 50%,#e4e9e9 0 75%,#fff 0);background-size:16px 16px}.bg-palette{padding:14px 0 0;display:grid;gap:9px}.bg-palette>label{display:flex;align-items:center;gap:10px}.bg-palette input[type=color]{width:75px}.bg-rgb{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.bg-rgb label{font-size:11px;display:grid;gap:4px}.bg-palette>span{font:11px ui-monospace;color:var(--ae-muted)}.bg-price{display:grid;gap:7px;margin-top:auto;padding-top:12px;font-size:11px}.bg-price strong{font-size:13px}.bg-price>span{color:var(--ae-muted)}.bg-price [data-bg-price]{color:var(--ae-accent);font-weight:600}.bg-start{width:100%;padding:11px!important}.bg-settings [role=status]{font-size:11px;line-height:1.7;margin:0;color:var(--ae-muted)}.bg-preview{overflow:auto;padding:24px;min-width:0}.bg-preview-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.bg-preview h3{margin:0;font-size:13px}.bg-preview-head>span{font-size:11px;color:var(--ae-muted)}.bg-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.bg-item{min-width:0;border:1px solid var(--ae-line);border-radius:8px;overflow:hidden;background:var(--ae-panel)}.bg-image{height:250px;display:grid;place-items:center;position:relative;overflow:hidden}.bg-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.bg-image-tag{position:absolute;left:8px;top:8px;background:var(--ae-panel);border:1px solid var(--ae-line);padding:2px 6px;border-radius:4px;font-size:10px;color:var(--ae-muted)}.bg-item-info{padding:12px;display:grid;gap:5px}.bg-item-info strong{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bg-item-info>span{font-size:10px;color:var(--ae-muted)}.bg-item-actions{display:flex;gap:5px;padding:0 12px 12px;flex-wrap:wrap}.bg-item-actions button{font-size:11px;padding:5px 8px;min-height:30px}.bg-empty{padding:100px 20px;text-align:center;color:var(--ae-muted);line-height:2}.bg-empty span{font-size:12px}
@media(max-width:1100px){.ae-body{grid-template-columns:50px minmax(0,1fr) 250px}}
@media(max-width:760px){.ae-menu{padding:3px 6px}.ae-menu summary{padding:4px 8px}.ae-menu .ae-background-entry{font-size:10px;padding:4px 6px}.ae-menu .ae-background-entry span{display:none}.ae-body{grid-template-columns:42px minmax(0,1fr);grid-template-rows:minmax(180px,1fr) minmax(0,220px)}.ae-rail{grid-column:1;grid-row:1/3;padding:4px 2px}.ae-rail button{font-size:16px;min-height:41px}.ae-center{grid-column:2;grid-row:1}.ae-sidebar{grid-column:2;grid-row:2;grid-template-columns:1fr 1fr;grid-template-rows:1fr;border-top:1px solid var(--ae-line);border-left:0}.ae-sidebar .ae-properties{grid-column:1;grid-row:1;margin:0;width:auto;border:0;padding:8px}.ae-sidebar .ae-layers{grid-column:2;grid-row:1;margin:0;width:auto;border:0;border-left:1px solid var(--ae-line);padding:8px}.ae-sidebar .ae-add-actions{grid-template-columns:1fr}.ae-sidebar .ae-import-actions{grid-template-columns:1fr}.ae-tools [data-tool-name]{flex-basis:100%;font-size:10px}.ae-tools .ae-fit{margin-left:auto}.ae-crop-options{gap:5px;padding:5px}.ae-crop-options input{width:50px}.ae-crop-options select{width:65px}.ae-crop-options button{font-size:10px}.ww-background{width:calc(100vw / var(--ui-zoom,1) - 12px);height:calc(100dvh / var(--ui-zoom,1) - 12px)}.bg-layout{display:flex;flex-direction:column;overflow:auto}.bg-settings{padding:16px;border:0;border-bottom:1px solid var(--ae-line);overflow:visible;flex:none;gap:12px}.bg-upload{min-height:115px;padding:12px}.bg-upload span:last-child{font-size:10px}.bg-preview{padding:16px;overflow:visible;flex:none}.bg-image{height:200px}.bg-list{gap:12px}.bg-palette{padding-top:10px}.bg-settings [data-bg-download-all]{width:100%}}
@media(max-width:380px){.bg-list{grid-template-columns:1fr}.ae-project-name{max-width:115px}}