:root{color-scheme:light;--page:#f6f9fe;--paper:#fff;--subpaper:#f3f7fe;--ink:#202d43;--muted:#70819c;--line:#e4eaf4;--blue:#428afa;--deep:#286bdd;--soft:#e9f2ff;--shadow:0 20px 55px #284a7a08;--danger:#c6475a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}a:hover{color:var(--deep)}.wrap{width:min(1180px,calc(100% - 46px));margin:auto}.skip-link{position:absolute;left:12px;top:-80px;background:var(--blue);color:#fff;z-index:100;padding:12px}.skip-link:focus{top:12px}:focus-visible{outline:3px solid #6da6ff;outline-offset:3px}[hidden]{display:none!important}.topbar{height:75px;background:var(--paper);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;height:100%;gap:22px}.brand{display:flex;align-items:center;gap:2px;font-size:23px;font-weight:830;letter-spacing:-1.15px}.brandmark{display:grid;place-items:center;width:33px;height:33px;color:#fff;background:#5194fb;border-radius:10px;letter-spacing:-1px;margin-right:7px;font-size:22px}.brandmark span{color:#bedbff}.brand-okay{color:#5194fb}.nav-links{display:flex;gap:25px;color:var(--muted);font-size:12px;font-weight:680}.nav-end{display:flex;align-items:center;gap:17px}.local-pill{display:flex;align-items:center;gap:7px;color:#387961;background:#edf9f3;padding:9px 13px;border-radius:20px;font-size:10px;font-weight:750}.green-dot,.status-dot{width:7px;height:7px;background:#42b57f;border-radius:50%;display:inline-block}.theme-toggle{border:1px solid var(--line);background:var(--subpaper);color:var(--ink);border-radius:11px;width:34px;height:34px}.hero{padding:25px 0 42px}.breadcrumbs{display:flex;align-items:center;gap:11px;color:var(--muted);font-size:10px;margin-bottom:30px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:35px;align-items:center}.eyebrow{display:flex;align-items:center;gap:15px;font-size:10px;font-weight:760;letter-spacing:1.6px;color:#95a6bd}.mini-badge{background:var(--soft);padding:7px 10px;color:var(--deep);border-radius:7px;letter-spacing:1.1px}.hero h1{font-weight:820;font-size:clamp(44px,5.4vw,67px);letter-spacing:-3.4px;line-height:1.06;margin:19px 0 17px;max-width:690px}.gradient{background:linear-gradient(100deg,#5196ff,#235cd5);color:transparent;background-clip:text}.subtitle{font-size:15px;color:var(--muted);max-width:590px;line-height:1.8;margin:0}.hero-points{display:flex;gap:19px;flex-wrap:wrap;margin-top:21px;font-size:11px;font-weight:710;color:#56708e}.hero-visual{position:relative;padding:12px;max-width:360px;justify-self:end;width:100%}.hero-photo{position:relative;aspect-ratio:1.6;box-shadow:0 20px 34px #34577b30;border:7px solid #fff;overflow:hidden;transform:rotate(2deg);border-radius:16px}.hero-photo img{width:100%;height:100%;object-fit:cover;display:block}.hero-color-overlay{position:absolute;inset:0 0 0 50%;background:linear-gradient(160deg,#a3cfff77,#ffbd8e80 45%,#57986d90);mix-blend-mode:color}.hero-divider{position:absolute;left:50%;top:0;bottom:0;width:3px;background:#fff}.hero-small{position:absolute;bottom:9px;left:15px;right:15px;display:flex;justify-content:space-between;color:#fff;font-size:9px;font-weight:800;text-shadow:0 1px 3px #000}.hero-star{position:absolute;right:0;top:-30px;font-size:45px;color:#86b7fa}.studio{padding:24px 0 75px}.studio-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:21px}.kicker{font-size:10px;font-weight:820;color:#88a1bc;letter-spacing:2px}.studio-heading h2{font-size:31px;letter-spacing:-1.3px;margin:7px 0}.studio-heading h2 span{color:#6caffc}.panel-heading p,.studio-heading p{color:var(--muted);font-size:12px;margin:0}.inline-action,.quiet-button{background:0 0;border:0;color:var(--deep);font-size:11px;font-weight:760;padding:6px 4px}.quiet-button{background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:10px 15px;color:var(--muted)}.inline-action:hover,.quiet-button:hover{text-decoration:underline}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:19px;align-items:start}.panel{background:var(--paper);border:1px solid var(--line);border-radius:19px;box-shadow:var(--shadow);padding:25px;min-width:0}.panel-heading{display:flex;align-items:center;gap:11px;margin-bottom:18px}.step-bubble{width:31px;height:31px;border-radius:10px;background:var(--soft);display:grid;place-items:center;color:var(--deep);font-size:11px;font-weight:800;flex:none}.panel h3{font-size:15px;letter-spacing:-.2px;margin:0 0 4px}.drop-zone{border:1.5px dashed #accbf3;background:var(--subpaper);min-height:159px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;cursor:pointer;color:var(--ink);text-align:center}.drop-zone.dragging,.drop-zone:hover{background:var(--soft);border-color:var(--blue)}.upload-icon{font-size:25px;color:var(--deep)}.drop-zone strong{font-size:12px}.drop-zone>span:not(.upload-icon){color:var(--muted);font-size:11px}.drop-zone small{font-size:10px;color:var(--muted)}.file-row{display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin:12px 0 0}.file-row>span{flex:1;min-width:100px;color:var(--muted);font-size:11px;overflow-wrap:anywhere}.divider{height:1px;background:var(--line);margin:24px 0}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:13px}.mode-card{border:1px solid var(--line);border-radius:12px;padding:13px;min-width:0;text-align:left;background:var(--paper);color:var(--ink);cursor:pointer}.mode-card:hover{border-color:#9cbeef}.mode-card.selected{border-color:#adccfc;background:#f5f9ff}.mode-symbol{color:var(--blue);font-size:24px;margin:0 0 8px}.mode-card small,.mode-card strong{display:block}.mode-card strong{font-size:12px;margin-bottom:5px}.mode-card small{font-size:10px;color:var(--muted);line-height:1.5}.button{border:none;border-radius:10px;padding:12px 16px;font-size:12px;min-height:43px;font-weight:770}.button.primary{background:linear-gradient(120deg,#5094fa,#2d72e5);color:#fff;box-shadow:0 7px 14px #367bef27}.button.secondary{background:var(--soft);color:var(--deep);border:1px solid #d9e8fc}.button:hover:not(:disabled){filter:brightness(.97)}.full{width:100%}.ai-disclosure{font-size:10px;color:var(--muted);line-height:1.7;margin:13px 0 0}.slider-field{margin:13px 0}.slider-field>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.slider-field label{font-size:11px;font-weight:740}.slider-field output{font-size:10px;color:var(--muted)}input[type=range]{display:block;width:100%;accent-color:var(--blue);margin:10px 0 4px;height:7px;cursor:pointer}.brush-header{display:flex;align-items:center;justify-content:space-between;gap:15px}.brush-header small,.brush-header strong{display:block}.brush-header strong{font-size:12px}.brush-header small{color:var(--muted);font-size:10px;line-height:1.5;margin-top:3px}.switch{display:flex;align-items:center;white-space:nowrap;gap:5px;font-size:10px;font-weight:730}.switch input{accent-color:var(--blue)}.brush-settings{margin-top:15px}.color-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.color-row>label{font-size:11px;font-weight:750}.color-row input[type=color]{height:30px;width:33px;border:1px solid var(--line);border-radius:7px;padding:2px;background:var(--paper)}.swatches{display:flex;gap:6px}.swatches button{height:21px;width:21px;background:var(--swatch);border:2px solid #fff;border-radius:100%;box-shadow:0 0 0 1px #b8c6d9}.brush-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.toggle-action{background:var(--subpaper);color:var(--ink);padding:8px 11px;border:1px solid var(--line);border-radius:8px;font-size:11px;font-weight:730}.toggle-action.selected{background:var(--soft);color:var(--deep);border-color:#bbd7fe}.field-note{font-size:10px;line-height:1.7;color:var(--muted);margin:12px 0 0}.right-col{display:grid;gap:18px;min-width:0}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:17px}.panel-header h3{margin:5px 0 0;font-size:17px}.preview-actions{display:flex;gap:3px;border-radius:9px;background:var(--subpaper);padding:4px}.chip{border:0;background:0 0;color:var(--muted);font-size:10px;font-weight:760;border-radius:7px;padding:8px 10px}.chip.selected{background:var(--paper);box-shadow:0 2px 8px #2f47651a;color:var(--deep)}.preview-stage{background:radial-gradient(ellipse,#eaf1fb,#dbe6f5);min-height:335px;border:1px solid var(--line);border-radius:13px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:15px;position:relative}.preview-empty{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;color:#8496b0}.preview-empty .empty-icon{font-size:52px;color:#9db9dc}.preview-empty strong{font-size:13px;color:#536783}.preview-empty span{font-size:11px}.preview-frame{position:relative;max-width:100%;box-shadow:0 9px 27px #2d3b5060;touch-action:none;transform-origin:center;line-height:0}.preview-frame canvas{display:block;width:100%;height:100%}#resultCanvas{position:relative}#originalCanvas{position:absolute;inset:0;pointer-events:none}#strokeCanvas{position:absolute;inset:0;touch-action:none;cursor:crosshair}.split-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 0 1px #0001;pointer-events:none}.split-line span{display:grid;place-items:center;position:absolute;top:50%;left:-16px;background:#fff;color:#5a79a2;border-radius:50%;width:34px;height:34px;font-size:18px;box-shadow:0 3px 14px #23395c42;line-height:1}.preview-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0 0}.compare-control{min-width:135px;flex:1}.compare-control label{font-size:10px;color:var(--muted);font-weight:750}.compare-control input{margin:9px 0 0}.zoom-buttons{display:flex;gap:5px;align-items:center}.zoom-buttons button{border:1px solid var(--line);background:var(--subpaper);border-radius:7px;min-width:26px;height:29px;color:var(--ink);font-size:12px}.zoom-buttons span{font-size:10px;color:var(--muted);width:38px;text-align:center}.status-line{margin-top:12px;border-top:1px solid var(--line);padding-top:13px;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px}.preview-dims{margin-left:auto}.format-pill{color:#3a9775;background:#e9f8f0;padding:7px 9px;border-radius:8px;font-size:10px;font-weight:800}.export-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field label{display:block;font-size:11px;font-weight:740;margin-bottom:8px}.field select{width:100%;min-width:0;height:43px;background:var(--subpaper);color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:0 9px;font-size:11px}.export-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.export-note{font-size:10px;line-height:1.7;color:var(--muted);margin:13px 0}.action-status{min-height:12px;color:var(--deep);font-size:11px}.action-status.error{color:var(--danger)}.tips-panel{display:flex;align-items:start;gap:13px;border-radius:13px;background:var(--soft);padding:19px;color:#486b9c}.tips-panel>span{font-size:25px}.tips-panel strong{font-size:12px}.tips-panel p{font-size:11px;line-height:1.75;margin:5px 0 0}.education{padding:55px 0 75px;border-top:1px solid var(--line)}.section-intro h2{font-size:29px;letter-spacing:-1.2px;margin:8px 0 22px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-grid article{background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:24px}.feature-icon{width:42px;height:42px;background:var(--soft);color:var(--blue);border-radius:10px;display:grid;place-items:center;font-size:23px}.feature-grid h3{font-size:14px;margin:17px 0 8px}.feature-grid p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.faq{padding:0 0 75px}.faq h2{font-size:27px;letter-spacing:-.9px}.faq details{padding:16px 0;border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font-weight:750;cursor:pointer;font-size:13px}.faq details p{max-width:810px;color:var(--muted);font-size:12px;line-height:1.8}.footer{background:var(--paper);border-top:1px solid var(--line)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0}.footer-inner>span{font-size:11px;color:var(--muted)}.footer-inner>a:last-child{font-size:11px;font-weight:740;color:var(--deep)}.confirm-overlay,.processing-overlay{position:fixed;inset:0;z-index:999;background:#071b38b8;display:grid;place-items:center;padding:20px}.confirm-card,.processing-card{background:var(--paper);border-radius:20px;padding:34px;max-width:405px;width:100%;text-align:center;box-shadow:0 30px 80px #060d1e77}.confirm-card h2,.processing-card h2{margin:20px 0 8px;font-size:22px}.confirm-card p,.processing-card p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 20px}.spinner{width:58px;height:58px;border-radius:50%;border:5px solid var(--soft);border-top-color:var(--blue);margin:auto;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.confirm-actions{display:flex;gap:10px;justify-content:center}[data-theme=dark]{color-scheme:dark;--page:#101828;--paper:#1a263a;--subpaper:#22314a;--ink:#eaf0fb;--muted:#9eb0ca;--line:#2d405b;--soft:#253d62;--deep:#a1c9ff;--blue:#6aaaff;--shadow:none}.mode-card.selected{background:var(--subpaper)}[data-theme=dark] .mode-card.selected{background:#243b5b}[data-theme=dark] .tips-panel{background:#223b5c;color:#c2dcff}[data-theme=dark] .preview-stage{background:#1f2c41}[data-theme=dark] .local-pill{background:#234b3e;color:#afefd3}[data-theme=dark] .format-pill{background:#234b3e;color:#b3eed7}@media(max-width:980px){.workspace-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.panel{padding:20px}.hero-grid{grid-template-columns:1fr 280px}.hero h1{font-size:52px}.brush-header{flex-wrap:wrap}.export-controls{grid-template-columns:1fr}}@media(max-width:760px){.wrap{width:calc(100% - 30px)}.topbar{height:64px}.nav-links{display:none}.hero{padding:22px 0 35px}.hero-grid{grid-template-columns:1fr}.hero-visual{display:none}.hero h1{font-size:45px;letter-spacing:-2.5px}.subtitle{font-size:13px}.workspace-grid{grid-template-columns:1fr}.studio-heading h2{font-size:25px}.studio-heading p{max-width:300px}.preview-stage{min-height:280px}.feature-grid{grid-template-columns:1fr}.education{padding-top:35px}.section-intro h2{font-size:25px}}@media(max-width:420px){.local-pill{display:none}.studio-heading{align-items:start}.studio-heading .quiet-button{white-space:nowrap;font-size:10px;padding:9px}.panel{padding:17px}.mode-grid{gap:7px}.mode-card{padding:10px}.preview-controls{flex-wrap:wrap}.export-buttons{grid-template-columns:1fr}.hero-points{gap:9px;font-size:10px}.footer-inner>span{display:none}.footer-inner .brand{font-size:19px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation:none!important;transition:none!important}}.v3-layers,.v3-region-tools{border:1px solid var(--line);border-radius:11px;padding:12px;margin-top:15px;background:var(--subpaper);font-size:11px}.v3-region-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:center}.v3-layer-select label,.v3-region-tools label{font-size:11px;font-weight:740;color:var(--muted)}.v3-layer-select input:not([type]),.v3-layer-select input[type=text],.v3-layer-select select,.v3-region-tools select{width:100%;min-width:0;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink);padding:8px}.v3-region-tools input[type=range]{margin:0}.v3-heading{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px;margin-bottom:12px}.v3-heading span{font-size:10px;color:var(--muted)}.v3-layer-select{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:9px;align-items:center;margin:10px 0}.v3-layer-select input[type=range]{margin:0}.v3-layer-buttons{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.v3-project-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:15px}.v3-project-bar button{min-width:0}@media(max-width:390px){.v3-project-bar{grid-template-columns:1fr}.v3-layer-select{grid-template-columns:1fr}.v3-region-tools{grid-template-columns:1fr}.studio-heading{flex-wrap:wrap}.panel,.workspace-grid,.wrap{min-width:0}}@media(max-width:420px){.topbar .pk-site-search{display:none!important}.topbar .nav{gap:7px!important}.topbar .nav-end{gap:7px}.topbar .brand{font-size:19px;white-space:nowrap}.topbar .pk-studio-navigation{flex:0 0 auto}}@media(max-width:420px){.topbar .brand{font-size:16px;letter-spacing:-.9px}.topbar .pk-brand-icon{width:23px;height:23px}.topbar .pk-studio-navigation summary{font-size:11px;padding:4px}}@media(max-width:600px){.pk-studio-footer{display:flex;flex-wrap:wrap;gap:12px;padding:20px 15px;min-width:0}.pk-studio-footer nav{display:flex;flex-wrap:wrap;gap:8px 12px;max-width:100%;min-width:0}.pk-studio-footer nav a{white-space:normal}}main#main-content{display:flex;flex-direction:column}main#main-content>.studio{order:-1}