:root{--pes-ink:#111827;--pes-muted:#64748b;--pes-line:#e2e8f0;--pes-panel:#fff;--pes-soft:#f8fafc;--pes-accent:#5b5ce2;--pes-accent-dark:#4546c8;--pes-accent-soft:#eef2ff;--pes-success:#059669;--pes-radius:16px;--pes-shadow:0 24px 60px #0f172a1c}.pes-page{min-height:100vh;color:var(--pes-ink);background:radial-gradient(circle at 8% 0,#5b5ce214,#0000 26rem),linear-gradient(#fbfcff 0,#f7f8fc 38rem,#fff 100%);padding:24px 0 72px}.pes-page-shell{width:min(1580px,100% - 40px);margin:0 auto}.pes-breadcrumbs{margin:0 0 22px}.pes-hero{justify-content:space-between;align-items:flex-end;gap:32px;margin:0 0 18px;display:flex}.pes-eyebrow{color:var(--pes-accent);letter-spacing:.13em;text-transform:uppercase;margin:0 0 7px;font-size:.76rem;font-weight:800}.pes-hero h1{letter-spacing:-.035em;margin:0;font-size:clamp(1.4rem,2.8vw,2.4rem);line-height:1.1}.pes-hero>div>p:last-child{max-width:680px;color:var(--pes-muted);margin:6px 0 0;font-size:1.02rem}.pes-privacy-badge{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:999px;flex:none;align-items:center;gap:10px;padding:11px 15px;display:flex}.pes-privacy-badge>span:first-child{background:#dcfce7;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.pes-privacy-badge strong,.pes-privacy-badge small{line-height:1.2;display:block}.pes-privacy-badge strong{font-size:.78rem}.pes-privacy-badge small{opacity:.75;margin-top:2px;font-size:.68rem}.pes-studio,.pes-studio *{box-sizing:border-box}.pes-studio{background:var(--pes-panel);box-shadow:var(--pes-shadow);border:1px solid #dce1eb;border-radius:22px;position:relative;overflow:hidden}.pes-visually-hidden{clip:rect(0 0 0 0)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}.pes-topbar{border-bottom:1px solid var(--pes-line);background:#fffffff5;grid-template-columns:minmax(245px,1fr) auto minmax(320px,1fr);align-items:center;gap:18px;min-height:76px;padding:12px 16px;display:grid}.pes-file-actions,.pes-history-actions,.pes-export-actions,.pes-view-tools,.pes-inspector-compact{align-items:center;display:flex}.pes-file-actions{gap:12px;min-width:0}.pes-file-meta{min-width:0}.pes-file-meta strong,.pes-file-meta span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.pes-file-meta strong{max-width:250px;font-size:.84rem}.pes-file-meta span{color:var(--pes-muted);margin-top:3px;font-size:.7rem}.pes-button,.pes-icon-button,.pes-category-nav button,.pes-view-tools button,.pes-preset-grid button,.pes-segmented button,.pes-text-button,.pes-color-result button,.pes-bg-presets button{font:inherit;cursor:pointer;border:0}.pes-button{border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 15px;font-size:.78rem;font-weight:750;transition:transform .14s,background .14s,border-color .14s;display:inline-flex}.pes-button:hover:not(:disabled){transform:translateY(-1px)}.pes-button:disabled,.pes-icon-button:disabled{cursor:not-allowed;opacity:.43}.pes-button-primary{background:var(--pes-accent);color:#fff;box-shadow:0 8px 18px #5b5ce233}.pes-button-primary:hover:not(:disabled){background:var(--pes-accent-dark)}.pes-button-secondary{border:1px solid var(--pes-line);color:#334155;background:#fff}.pes-button-secondary:hover:not(:disabled){background:var(--pes-accent-soft);color:#4338ca;border-color:#c7d2fe}.pes-button-download{color:#fff;background:#111827}.pes-button-download:hover:not(:disabled){background:#272f3d}.pes-full-button{width:100%}.pes-history-actions{border:1px solid var(--pes-line);background:var(--pes-soft);border-radius:11px;gap:3px;padding:3px}.pes-icon-button{color:#475569;background:0 0;border-radius:8px;align-items:center;gap:5px;height:34px;padding:0 10px;font-size:.7rem;font-weight:700;display:flex}.pes-icon-button>span:first-child{font-size:1.15rem;line-height:1}.pes-icon-button:hover:not(:disabled){color:var(--pes-ink);background:#fff;box-shadow:0 1px 5px #0f172a14}.pes-export-actions{justify-content:flex-end;gap:9px}.pes-compact-field{color:var(--pes-muted);font-size:.67rem;font-weight:700}.pes-compact-field select{border:1px solid var(--pes-line);min-width:76px;height:34px;color:var(--pes-ink);font:inherit;background:#fff;border-radius:8px;margin-top:2px;padding:0 26px 0 9px;display:block}.pes-quality-field{width:100px}.pes-quality-field span{float:right;color:var(--pes-ink)}.pes-quality-field input{width:100%;margin:8px 0 0;display:block}.pes-quality-field.is-disabled{opacity:.38;pointer-events:none}.pes-workspace{grid-template-columns:350px minmax(0,1fr);min-height:600px;display:grid}.pes-controls{z-index:2;border-right:1px solid var(--pes-line);background:#fff;position:relative}.pes-category-nav{border-bottom:1px solid var(--pes-line);background:#fbfcfe;grid-template-columns:repeat(5,minmax(62px,1fr));gap:4px;padding:10px;display:grid}.pes-category-nav button{color:#64748b;background:0 0;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;min-height:54px;padding:5px 2px;font-size:.61rem;font-weight:750;display:flex}.pes-category-nav button span{font-size:1rem;line-height:1}.pes-category-nav button:hover{color:#334155;background:#f1f5f9}.pes-category-nav button[aria-selected=true]{background:var(--pes-accent-soft);color:#4338ca}.pes-panels{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;max-height:624px;overflow-y:auto}.pes-panel{padding:20px 20px 26px}.pes-panel[hidden]{display:none}.pes-panel-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.pes-panel-heading p{color:var(--pes-accent);letter-spacing:.1em;text-transform:uppercase;margin:0 0 3px;font-size:.66rem;font-weight:800}.pes-panel-heading h2{color:var(--pes-ink);letter-spacing:-.025em;margin:0;font-size:1.22rem}.pes-text-button{color:var(--pes-accent);background:0 0;padding:5px 0;font-size:.71rem;font-weight:750}.pes-text-button:hover{color:var(--pes-accent-dark);text-decoration:underline}.pes-control-list{gap:18px;display:grid}.pes-range{margin:0;display:block}.pes-range>span{color:#334155;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:.75rem;font-weight:680;display:flex}.pes-range output{color:var(--pes-muted);font-variant-numeric:tabular-nums;font-size:.7rem}.pes-range input[type=range],.pes-quality-field input[type=range]{width:100%;height:4px;accent-color:var(--pes-accent);cursor:pointer;border-radius:999px;margin-left:0}.pes-subsection{border-top:1px solid var(--pes-line);margin-top:22px;padding-top:20px}.pes-subsection-first{border-top:0;margin-top:0;padding-top:0}.pes-subsection-title{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:13px;display:flex}.pes-subsection-title>span{color:#334155;font-size:.79rem;font-weight:750}.pes-subsection-title small{color:#94a3b8;text-align:right;font-size:.66rem}.pes-preset-grid{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.pes-preset-grid button{border:1px solid var(--pes-line);color:#64748b;background:#fff;border-radius:9px;padding:6px 4px 8px;font-size:.62rem;font-weight:700}.pes-preset-grid button:hover,.pes-preset-grid button.is-active{color:#4338ca;background:#f5f7ff;border-color:#a5b4fc}.pes-preset-swatch{background:linear-gradient(135deg,#60a5fa,#f472b6);border-radius:6px;height:31px;margin-bottom:5px;display:block}.pes-preset-warm{filter:sepia(.35)saturate(1.25)}.pes-preset-faded{filter:sepia(.16)saturate(.72)contrast(.88)brightness(1.08)}.pes-preset-cinema{filter:contrast(1.15)saturate(.85)sepia(.18)}.pes-segmented{border:1px solid var(--pes-line);background:#f1f5f9;border-radius:10px;grid-auto-columns:1fr;grid-auto-flow:column;gap:3px;margin:0 0 17px;padding:3px;display:grid}.pes-segmented button{color:#64748b;background:0 0;border-radius:7px;height:31px;padding:0 7px;font-size:.67rem;font-weight:750}.pes-segmented button:hover{color:#334155}.pes-segmented button.is-active{color:#4338ca;background:#fff;box-shadow:0 1px 5px #0f172a17}.pes-switch{cursor:pointer;align-items:center;gap:10px;margin:0 0 17px;display:flex}.pes-switch input{opacity:0;pointer-events:none;position:absolute}.pes-switch>span:first-of-type{background:#cbd5e1;border-radius:999px;flex:none;width:38px;height:22px;transition:background .18s;position:relative}.pes-switch>span:first-of-type:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0f172a3d}.pes-switch input:checked+span{background:var(--pes-accent)}.pes-switch input:checked+span:after{transform:translate(16px)}.pes-switch strong,.pes-switch small{line-height:1.25;display:block}.pes-switch strong{color:#334155;font-size:.75rem}.pes-switch small{color:#94a3b8;margin-top:2px;font-size:.64rem}.pes-color-field{color:#334155;justify-content:space-between;align-items:center;gap:10px;margin:15px 0;font-size:.74rem;font-weight:680;display:flex}.pes-color-field>span:last-child{color:var(--pes-muted);align-items:center;gap:8px;font-size:.67rem;font-weight:700;display:flex}.pes-color-field input[type=color]{border:1px solid var(--pes-line);cursor:pointer;background:#fff;border-radius:7px;width:34px;height:28px;padding:2px}.pes-two-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.pes-two-col .pes-color-field{align-items:start;display:grid}.pes-two-col .pes-color-field input[type=color]{width:100%}.pes-hint,.pes-formula{color:#94a3b8;margin:10px 0 0;font-size:.65rem;line-height:1.45}.pes-formula{background:#f8fafc;border-radius:8px;padding:9px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.pes-bg-picker-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pes-bg-picker-row .pes-button{padding:0 8px}.pes-picked-color{color:#64748b;align-items:center;gap:8px;margin:12px 0 15px;font-size:.69rem;display:flex}.pes-picked-color i{background:#fff;border:2px solid #fff;border-radius:50%;width:22px;height:22px;box-shadow:0 0 0 1px #cbd5e1}.pes-picked-color strong{color:#334155;font-variant-numeric:tabular-nums}.pes-bg-presets{gap:9px;margin:2px 0 8px;display:flex}.pes-bg-presets button{background:var(--chip);border:3px solid #fff;border-radius:50%;width:28px;height:28px;box-shadow:0 0 0 1px #cbd5e1}.pes-bg-presets button:hover{box-shadow:0 0 0 2px var(--pes-accent)}.pes-color-result{border:1px solid var(--pes-line);background:#f8fafc;border-radius:11px;grid-template-columns:52px 1fr auto;align-items:center;gap:11px;margin-top:12px;padding:11px;display:grid}.pes-color-result i{background:#000;border-radius:9px;width:52px;height:52px;box-shadow:inset 0 0 0 1px #0f172a1a}.pes-color-result strong,.pes-color-result span{line-height:1.35;display:block}.pes-color-result strong{color:#1e293b;font-size:.78rem}.pes-color-result span{color:#64748b;font-size:.62rem}.pes-color-result button{color:var(--pes-accent);box-shadow:0 0 0 1px var(--pes-line);background:#fff;border-radius:7px;align-self:stretch;padding:0 7px;font-size:.65rem;font-weight:750}.pes-palette{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pes-palette>p{color:#94a3b8;text-align:center;border:1px dashed #cbd5e1;border-radius:10px;grid-column:1/-1;margin:0;padding:25px 10px;font-size:.69rem}.pes-palette button{border:1px solid var(--pes-line);cursor:pointer;background:#fff;border-radius:9px;min-width:0;padding:0;overflow:hidden}.pes-palette button i{background:var(--color);height:42px;display:block}.pes-palette button span{color:#475569;text-overflow:ellipsis;padding:6px 2px;font-size:.58rem;font-weight:750;display:block;overflow:hidden}.pes-palette button:hover{border-color:#a5b4fc;transform:translateY(-1px)}.pes-canvas-column{background:#171b25;grid-template-rows:48px minmax(470px,1fr) 40px;align-self:start;min-width:0;height:min(700px,100vh - 130px);min-height:558px;max-height:700px;display:grid;position:sticky;top:68px}.pes-canvas-toolbar,.pes-canvas-status{color:#cbd5e1;background:#202632;justify-content:space-between;align-items:center;gap:12px;padding:0 14px;display:flex}.pes-canvas-toolbar{border-bottom:1px solid #ffffff12}.pes-canvas-status{border-top:1px solid #ffffff12;font-size:.65rem}.pes-canvas-status span:last-child{color:#7f8a9e;text-align:right}.pes-view-tools{gap:4px}.pes-view-tools button{color:#aeb8c8;background:0 0;border-radius:7px;min-width:31px;height:30px;padding:0 8px;font-size:.7rem;font-weight:700}.pes-view-tools button:hover,.pes-view-tools button.is-active{color:#fff;background:#ffffff1a}.pes-view-tools button:nth-child(3){min-width:50px}.pes-inspector-compact{color:#9ca8bb;gap:7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.64rem}.pes-inspector-compact i{background:0 0;border:1px solid #ffffff40;border-radius:5px;width:20px;height:20px}.pes-canvas-viewport{touch-action:none;background-color:#262c38;background-image:linear-gradient(45deg,#303745 25%,#0000 25%),linear-gradient(-45deg,#303745 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#303745 75%),linear-gradient(-45deg,#0000 75%,#303745 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:10px 10px;min-width:0;min-height:0;position:relative;overflow:hidden}.pes-canvas-viewport.is-dragover:after{content:"Drop to open image";z-index:6;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#4338ca57;border:2px dashed #a5b4fc;border-radius:15px;place-items:center;font-size:1.05rem;font-weight:800;display:grid;position:absolute;inset:14px}.pes-drop-zone{z-index:2;color:#fff;text-align:center;background:radial-gradient(circle at 50% 42%,#6366f126,#0000 22rem);flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.pes-drop-zone h2{color:#fff;margin:20px 0 5px;font-size:1.28rem}.pes-drop-zone p{color:#9ca8bb;margin:0 0 18px;font-size:.8rem}.pes-drop-zone small{color:#758095;margin-top:13px;font-size:.63rem}.pes-drop-art{width:112px;height:82px;position:relative}.pes-drop-art span{color:#c7d2fe;background:#ffffff12;border:1px solid #ffffff24;place-items:center;display:grid;position:absolute;box-shadow:0 12px 28px #00000029}.pes-drop-art span:first-child{border-radius:14px;width:48px;height:48px;font-size:1.3rem;top:0;left:5px;transform:rotate(-12deg)}.pes-drop-art span:nth-child(2){border-radius:50%;width:58px;height:58px;font-size:1.6rem;top:9px;right:0}.pes-drop-art span:nth-child(3){border-radius:10px;width:55px;height:47px;font-size:1.3rem;bottom:0;left:28px;transform:rotate(8deg)}.pes-canvas-transform{z-index:1;transform-origin:0 0;will-change:transform;position:absolute;top:50%;left:50%}.pes-canvas-transform canvas{image-rendering:auto;background:0 0;max-width:none;max-height:none;display:block;box-shadow:0 8px 34px #0000004d}.pes-canvas-transform.is-pannable{cursor:grab}.pes-canvas-transform.is-panning{cursor:grabbing}.pes-canvas-transform.is-eyedropper{cursor:crosshair}.pes-canvas-transform.is-brushing{cursor:none}.pes-brush-cursor{z-index:4;pointer-events:none;border:1px solid #fff;border-radius:50%;display:none;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0f172abf}.pes-canvas-transform.is-brushing .pes-brush-cursor{display:block}.pes-rendering{z-index:7;color:#e2e8f0;background:#0f172ae0;border:1px solid #ffffff1a;border-radius:9px;align-items:center;gap:8px;padding:8px 11px;font-size:.67rem;display:flex;position:absolute;bottom:14px;right:14px;box-shadow:0 8px 24px #0003}.pes-rendering span{border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:12px;height:12px;animation:.7s linear infinite pes-spin}@keyframes pes-spin{to{transform:rotate(360deg)}}.pes-toast{z-index:100;color:#fff;opacity:0;pointer-events:none;background:#111827;border-radius:10px;max-width:min(340px,100vw - 44px);padding:11px 15px;font-size:.75rem;font-weight:650;transition:opacity .18s,transform .18s;position:fixed;bottom:22px;right:22px;transform:translateY(10px);box-shadow:0 16px 34px #0f172a40}.pes-toast.is-visible{opacity:1;transform:translateY(0)}.pes-info-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0 0;display:grid}.pes-info-grid article{border:1px solid var(--pes-line);background:#fff;border-radius:15px;padding:23px 24px;position:relative;overflow:hidden}.pes-info-grid article>span{color:#eef2ff;font-size:3.4rem;font-weight:900;line-height:1;position:absolute;top:9px;right:16px}.pes-info-grid h2{color:#1e293b;margin:0 0 8px;font-size:.95rem;position:relative}.pes-info-grid p{color:var(--pes-muted);margin:0;font-size:.75rem;line-height:1.55;position:relative}@media (width<=1180px){.pes-topbar{grid-template-columns:1fr auto}.pes-history-actions{justify-self:end}.pes-export-actions{border-top:1px solid var(--pes-line);grid-column:1/-1;justify-content:flex-end;padding-top:10px}.pes-workspace{grid-template-columns:320px minmax(0,1fr)}}@media (width<=900px){.pes-page{padding-top:16px}.pes-page-shell{width:min(100% - 24px,760px)}.pes-hero{flex-direction:column;align-items:flex-start;gap:16px}.pes-privacy-badge{align-self:flex-start}.pes-topbar{flex-wrap:wrap;align-items:stretch;display:flex}.pes-file-actions{flex:100%}.pes-history-actions{flex:auto;order:2;justify-content:center}.pes-export-actions{flex:100%;order:3;padding-top:10px}.pes-workspace{flex-direction:column;display:flex}.pes-controls{border-right:0;border-bottom:1px solid var(--pes-line)}.pes-category-nav{scrollbar-width:none;gap:6px;padding:9px 10px;display:flex;overflow-x:auto}.pes-category-nav::-webkit-scrollbar{display:none}.pes-category-nav button{flex:0 0 74px;min-height:51px}.pes-panels{max-height:480px}.pes-canvas-column{width:100%;height:68vh;min-height:500px;max-height:680px;position:relative;top:auto}.pes-info-grid{grid-template-columns:1fr}}@media (width<=560px){.pes-page-shell{width:min(100% - 16px,520px)}.pes-breadcrumbs{white-space:nowrap;overflow-x:auto}.pes-hero{margin-bottom:20px}.pes-hero h1{font-size:2.15rem}.pes-hero>div>p:last-child{font-size:.87rem}.pes-studio{border-radius:16px}.pes-topbar{gap:10px;padding:10px}.pes-file-meta span{max-width:190px}.pes-icon-button{padding:0 8px}.pes-icon-button>span:last-child{display:none}.pes-history-actions{flex:none}.pes-export-actions{grid-template-columns:78px 1fr auto;gap:8px;display:grid}.pes-button-download{padding:0 11px}.pes-panel{padding:18px 16px 24px}.pes-two-col{gap:10px}.pes-canvas-column{grid-template-rows:44px minmax(410px,1fr) 38px;height:62vh;min-height:492px}.pes-canvas-toolbar{padding:0 8px}.pes-view-tools button span{display:none}.pes-inspector-compact{max-width:110px;overflow:hidden}.pes-canvas-status{padding:0 9px}.pes-canvas-status span:last-child{display:none}}.pes-drop-zone[hidden],.pes-rendering[hidden]{display:none}@media (prefers-reduced-motion:reduce){.pes-studio *,.pes-studio :before,.pes-studio :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}