:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#151515;font-synthesis:none;text-rendering:optimizelegibility;background:#ece7dc;font-family:Noto Sans SC,Microsoft YaHei,PingFang SC,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input,textarea{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{background:linear-gradient(90deg,#15151512 1px,#0000 1px) 0 0/28px 28px,linear-gradient(#1515150d 1px,#0000 1px) 0 0/28px 28px,#ece7dc;grid-template-columns:minmax(180px,240px) minmax(360px,1fr) minmax(280px,360px);height:100vh;display:grid;overflow:hidden}.app-shell.pro-mode{color:#eceff3;background:#242528;grid-template-columns:58px minmax(420px,1fr) minmax(300px,340px)}.left-rail,.control-rail{background:#f4f1e8eb;border-right:3px solid #151515;height:100vh;padding:22px;overflow-y:auto}.control-rail{border-left:3px solid #151515;border-right:0;overflow-y:auto}.app-shell.pro-mode .left-rail{color:#e2e5ea;background:#26292e;border-right:1px solid #101114;align-content:start;gap:0;padding:0;display:grid;overflow-x:hidden}.app-shell.pro-mode .control-rail{color:#e2e5ea;background:#2b2e33;border-left:1px solid #101114;padding:10px}.brand-mark{border-bottom:3px solid #151515;align-items:center;gap:12px;min-height:58px;padding-bottom:20px;display:flex}.brand-mark svg{color:#151515;background:#ffd447;border:3px solid #151515;flex:none;width:42px;height:42px;padding:8px}.brand-mark strong{font-size:22px;font-weight:900;line-height:1;display:block}.brand-mark span,.kicker{text-transform:uppercase;margin-top:5px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;display:block}.upload-tile{color:#f4f1e8;-webkit-user-select:none;user-select:none;cursor:pointer;background:#151515;border:3px solid #151515;justify-content:center;align-items:center;gap:10px;min-height:70px;margin:22px 0;font-weight:900;display:flex;box-shadow:7px 7px #ff4d3d}.upload-tile input{opacity:0;pointer-events:none;position:absolute}.template-stack{gap:14px;display:grid}.template-tile{text-align:left;color:#151515;box-shadow:5px 5px 0 var(--accent);background:#f4f1e8;border:3px solid #151515;gap:10px;padding:10px;transition:transform .16s,box-shadow .16s;display:grid;position:relative}.template-tile:hover{box-shadow:8px 8px 0 var(--accent);transform:translate(-2px,-2px)}.template-tile img{aspect-ratio:1;object-fit:cover;border:2px solid #151515;width:100%}.template-tile span{font-size:14px;font-weight:900}.stage-column{grid-template-rows:auto 1fr;min-width:0;height:100vh;display:grid}.top-strip{background:#fffaf0;border-bottom:3px solid #151515;justify-content:space-between;align-items:center;gap:16px;min-height:86px;padding:18px 26px;display:flex}.app-shell.pro-mode .top-strip{color:#eceff3;background:#2d3034;border-bottom:1px solid #121316;min-height:82px;padding:0;display:block}.photopea-chrome{grid-template-rows:34px 48px;height:82px;display:grid}.photopea-menu{background:#32353a;border-bottom:1px solid #1a1c20;align-items:center;gap:2px;min-width:0;padding:0 10px;display:flex}.photopea-menu strong{color:#f8d552;flex:none;margin-right:10px;font-size:13px;font-weight:900}.photopea-menu-item{align-self:stretch;align-items:center;display:grid;position:relative}.photopea-menu-item>button{color:#eceff3;background:0 0;min-height:28px;padding:0 10px;font-size:13px}.photopea-menu-item>button.active,.photopea-menu-item>button:hover{background:#42464d}.photopea-dropdown{z-index:20;background:#2d3034;border:1px solid #111317;min-width:220px;padding:5px;position:absolute;top:100%;left:0;box-shadow:0 18px 42px #00000073}.photopea-dropdown button{color:#e9edf2;text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:18px;width:100%;min-height:30px;padding:0 8px;font-size:12px;display:flex}.photopea-dropdown button:hover:not(:disabled){color:#101114;background:#8ad2ff}.photopea-dropdown em{color:#aab0ba;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;font-style:normal}.photopea-dropdown button:hover:not(:disabled) em{color:#101114}.photopea-options{background:#282b30;align-items:center;gap:12px;min-width:0;padding:0 10px;display:flex}.photopea-options label{color:#cfd3da;align-items:center;gap:7px;min-width:0;font-size:12px;font-weight:700;display:inline-flex}.photopea-options input[type=range]{accent-color:#38a8ff;width:92px}.photopea-options strong{color:#f8d552;width:28px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.option-chip{color:#101114;text-align:center;background:#8ad2ff;border:1px solid #111317;flex:none;min-width:72px;padding:7px 10px;font-size:12px;font-weight:900}.mini-mode-switch{border:1px solid #15171a;display:inline-flex}.mini-mode-switch button{color:#d7dbe2;background:#3a3e45;border-right:1px solid #15171a;min-height:30px;padding:0 10px;font-size:12px;font-weight:800}.mini-mode-switch button:last-child{border-right:0}.mini-mode-switch button.active{color:#101114;background:#8ad2ff}.top-left-tools{align-items:center;gap:12px;min-width:0;display:flex}.mode-switch,.segmented-icons{background:#151515;border:3px solid #151515;gap:6px;padding:5px;display:inline-flex}.mode-switch button,.segmented-icons button{color:#151515;background:#f4f1e8;min-width:68px;min-height:38px;font-weight:900}.segmented-icons button{min-width:42px}.mode-switch button.active,.segmented-icons button.active{color:#151515;background:#3fd2c7}.quick-actions,.layer-row{align-items:center;gap:10px;display:flex}.icon-button,.command-button,.soft-button{color:#151515;background:#f4f1e8;border:3px solid #151515;justify-content:center;align-items:center;gap:9px;min-height:44px;font-weight:900;display:inline-flex}.icon-button{width:44px}.icon-button.loud,.command-button{color:#151515;background:#ffd447;box-shadow:4px 4px #151515}.soft-button{background:#fffaf0;flex:1}.soft-button.active{background:#f06bd8}.soft-button.compact{flex:none;padding:0 12px}.pro-title{color:#151515;background:#f06bd8;border:3px solid #151515;align-items:center;gap:9px;min-height:44px;padding:0 14px;font-weight:950;display:inline-flex;box-shadow:4px 4px #151515}.stage-wrap{align-content:center;place-items:center;gap:16px;min-height:0;padding:24px;display:grid}.app-shell.pro-mode .stage-wrap{background:linear-gradient(90deg,#ffffff06 1px,#0000 1px) 0 0/18px 18px,#25272b;align-content:center;gap:0;padding:14px 18px 24px}.photopea-engine{opacity:0;pointer-events:none;border:0;width:1px;height:1px;position:fixed;bottom:-10px;left:-10px}.global-upload-input{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed}.pro-warning-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(90deg,#ffffff14 1px,#0000 1px) 0 0/26px 26px,#121316c7;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.pro-warning-dialog{color:#151515;background:linear-gradient(90deg,#1515150d 1px,#0000 1px) 0 0/18px 18px,#fffaf0;border:4px solid #151515;width:min(560px,100%);padding:24px;position:relative;box-shadow:14px 14px #f06bd8,24px 24px #00000052}.pro-warning-badge{color:#151515;text-transform:uppercase;background:#ffd447;border:3px solid #151515;justify-content:center;align-items:center;min-height:34px;padding:0 11px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:950;display:inline-flex}.pro-warning-dialog h2{margin:18px 0 8px;font-size:clamp(28px,5vw,44px);font-weight:950;line-height:.95}.pro-warning-dialog p{margin:0;font-size:15px;font-weight:800;line-height:1.55}.pro-warning-grid{color:#fffaf0;background:#151515;border:3px solid #151515;grid-template-columns:72px 1fr;gap:8px 12px;margin:18px 0 20px;padding:12px;display:grid}.pro-warning-grid span{color:#3fd2c7;font-size:13px;font-weight:950}.pro-warning-grid strong{font-size:13px;line-height:1.35}.pro-warning-actions{gap:10px;display:flex}.pro-warning-actions .soft-button,.pro-warning-actions .command-button{flex:1}.photopea-app-mark{color:#f8d552;border-bottom:1px solid #15171a;place-items:center;gap:3px;padding:8px 0;display:grid}.photopea-app-mark strong{color:#17191d;background:#f8d552;border-radius:5px;place-items:center;width:34px;height:34px;font-size:13px;font-weight:950;display:grid}.photopea-app-mark span{color:#b7bcc5;text-align:center;text-transform:uppercase;max-width:50px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;line-height:1.1;overflow:hidden}.pro-toolbox{grid-template-columns:1fr;gap:3px;padding:8px 5px;display:grid}.pro-toolbox button{color:#d8dce3;background:#30343a;border:1px solid #0000;border-radius:4px;place-items:center;gap:2px;min-height:39px;font-size:9px;font-weight:700;display:grid}.pro-toolbox button.active,.pro-toolbox button:hover{color:#101114;background:#8ad2ff;border-color:#c5eaff}.pro-upload-tile{color:#111317;cursor:pointer;background:#f8d552;border-radius:4px;place-items:center;gap:3px;min-height:44px;margin:4px 5px 8px;font-size:10px;font-weight:900;display:grid}.pro-template-strip{gap:6px;padding:0 7px 8px;display:grid}.pro-template-strip button{background:#30343a;border:1px solid #14161a;border-radius:4px;padding:0;overflow:hidden}.pro-template-strip img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.photopea-document-tabs{color:#bdc3cc;background:#1d1f23;border:1px solid #111317;border-bottom:0;justify-content:space-between;align-items:center;width:min(74vh,70vw);min-width:300px;max-width:820px;height:31px;display:flex}.photopea-document-tabs button{color:#f1f3f6;background:#30343a;border-right:1px solid #15171a;align-self:stretch;padding:0 15px;font-size:12px;font-weight:800}.photopea-document-tabs span{color:#f8d552;padding-right:12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.pro-ribbon{color:#151515;background:linear-gradient(90deg,#1515150f 1px,#0000 1px) 0 0/18px 18px,#fffaf0;border:3px solid #151515;gap:10px;width:min(74vh,70vw);min-width:300px;max-width:820px;padding:12px;display:grid;box-shadow:8px 8px #3fd2c7}.pro-ribbon-title,.engine-card{align-items:center;gap:9px;min-width:0;display:flex}.pro-ribbon-title{text-transform:uppercase;justify-content:space-between;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.pro-ribbon-title span{color:#151515;background:#ffd447;border:2px solid #151515;flex:none;padding:3px 8px;font-weight:900}.pro-ribbon-title span.ready{background:#3fd2c7}.pro-tool-strip{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;display:grid}.pro-tool-strip button{color:#151515;text-overflow:ellipsis;white-space:nowrap;background:#f4f1e8;border:3px solid #151515;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:0 7px;font-size:12px;font-weight:950;display:inline-flex;overflow:hidden}.pro-tool-strip button.active{background:#f06bd8}.meme-stage{aspect-ratio:1;touch-action:none;background:#f4f1e8;border:5px solid #151515;width:min(74vh,70vw);min-width:300px;max-width:820px;position:relative;overflow:hidden;box-shadow:14px 14px #151515}.app-shell.pro-mode .meme-stage{transform:scale(var(--stage-zoom,1));transform-origin:50%;border:1px solid #111317;box-shadow:0 22px 60px #0000008c}.app-shell.pro-mode .meme-stage:after{opacity:.18}.meme-stage:after{content:"";pointer-events:none;mix-blend-mode:soft-light;background-image:linear-gradient(#ffffff21 1px,#0000 1px);background-size:100% 6px;position:absolute;inset:0}.stage-canvas{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.meme-stage.retouching .stage-canvas{cursor:crosshair;pointer-events:auto}.meme-stage.retouching .text-layer{pointer-events:none}.text-layer{z-index:2;color:#fff;white-space:pre-line;-webkit-user-select:none;user-select:none;overflow-wrap:anywhere;background:0 0;width:86%;max-width:86%;padding:6px 12px;font-family:Arial Black,Impact,Noto Sans SC,Microsoft YaHei,sans-serif;line-height:1.02;display:grid;position:absolute}.text-layer span{display:block}.text-layer.selected{outline-offset:4px;outline:3px dashed #3fd2c7}.selection-preview{z-index:3;pointer-events:none;background:#38a8ff14;border:3px dashed #38a8ff;width:70%;height:52%;position:absolute;top:18%;left:9%}.selection-preview.lasso{border-radius:44% 38% 42% 36%;transform:rotate(-5deg)}.selection-preview.magic{background:#f8d5521f;border-color:#f8d552;width:48%;height:44%;top:14%;left:16%}.selection-preview.crop{background:linear-gradient(#f8d55252,#f8d55252) 33% 0/2px 100% no-repeat,linear-gradient(#f8d55252,#f8d55252) 66% 0/2px 100% no-repeat,linear-gradient(90deg,#f8d55252,#f8d55252) 0 33%/100% 2px no-repeat,linear-gradient(90deg,#f8d55252,#f8d55252) 0 66%/100% 2px no-repeat,#f8d5520f;border-color:#f8d552;width:86%;height:86%;top:7%;left:7%}.selection-preview span{color:#101114;background:#8ad2ff;border:1px solid #101114;padding:4px 7px;font-size:12px;font-weight:900;position:absolute;top:8px;right:8px}.tool-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.head-actions{align-items:center;gap:8px;display:flex}.tool-head h1{margin:0;font-size:clamp(24px,3vw,34px);font-weight:950;line-height:1}.app-shell.pro-mode .tool-head{background:#30343a;border:1px solid #15171a;margin-bottom:10px;padding:8px 8px 10px}.app-shell.pro-mode .tool-head h1{color:#f1f3f6;font-size:24px}.app-shell.pro-mode .kicker{color:#9da5b1}.advanced-toggle{color:#151515;background:#fffaf0;border:3px solid #151515;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:0 12px;font-weight:950;display:inline-flex;box-shadow:4px 4px #151515}.advanced-toggle.active{background:#f06bd8}.app-shell.pro-mode .advanced-toggle,.app-shell.pro-mode .icon-button,.app-shell.pro-mode .soft-button{color:#e8ebf0;box-shadow:none;background:#3a3e45;border:1px solid #15171a}.app-shell.pro-mode .advanced-toggle.active,.app-shell.pro-mode .soft-button.active{color:#101114;background:#8ad2ff}.app-shell.pro-mode .icon-button.loud,.app-shell.pro-mode .command-button{color:#101114;box-shadow:none;background:#f8d552;border:1px solid #15171a}.control-stack{gap:16px;display:grid}.panel-section{border-bottom:3px solid #151515;gap:14px;margin-bottom:22px;padding-bottom:18px;display:grid}.app-shell.pro-mode .panel-section{color:#e1e5eb;background:#30343a;border:1px solid #15171a;gap:11px;margin-bottom:10px;padding:10px}.section-title{align-items:center;gap:8px;font-size:13px;font-weight:950;display:flex}.app-shell.pro-mode .section-title{color:#f1f3f6;border-bottom:1px solid #1a1c20;padding-bottom:7px}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.preset-grid button{color:#151515;background:#fffaf0;border:3px solid #151515;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 8px;font-size:12px;font-weight:900;display:flex;overflow:hidden}.app-shell.pro-mode .preset-grid button,.app-shell.pro-mode .retouch-tools button,.app-shell.pro-mode .segmented-icons button,.app-shell.pro-mode .layer-list button{color:#e6e9ee;background:#3a3e45;border:1px solid #17191d}.preset-grid button:first-child{background:#3fd2c7}.app-shell.pro-mode .preset-grid button:first-child,.app-shell.pro-mode .retouch-tools button.active,.app-shell.pro-mode .segmented-icons button.active,.app-shell.pro-mode .layer-list button.active{color:#101114;background:#8ad2ff}.preset-grid span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.advanced-panel{background:linear-gradient(90deg,#1515150d 1px,#0000 1px) 0 0/18px 18px,#fffaf0;border:3px solid #151515;padding:12px;box-shadow:5px 5px #3fd2c7}.app-shell.pro-mode .advanced-panel,.app-shell.pro-mode .professional-panel{box-shadow:none;background:#30343a;border:1px solid #15171a}.professional-panel{color:#151515;background:linear-gradient(90deg,#f06bd824 1px,#0000 1px) 0 0/18px 18px,#fffaf0;border:3px solid #151515;padding:12px;box-shadow:5px 5px #f06bd8}.engine-card{color:#fffaf0;background:#151515;border:3px solid #151515;min-height:42px;padding:0 10px}.tool-readout{color:#d8dee8;background:#25282d;border:1px solid #15171a;gap:5px;padding:9px;display:grid}.tool-readout strong{color:#8ad2ff;font-size:13px}.tool-readout span{font-size:12px;line-height:1.35}.app-shell.pro-mode .engine-card{color:#f1f3f6;background:#202226;border:1px solid #111317}.engine-card strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.engine-card em{color:#ffd447;margin-left:auto;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;font-style:normal;font-weight:900}.status-dot{background:#ffd447;border:2px solid #fffaf0;flex:none;width:12px;height:12px}.status-dot.ready{background:#3fd2c7}.section-title.tight{margin-top:4px}.retouch-tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.retouch-tools button{color:#151515;text-overflow:ellipsis;white-space:nowrap;background:#f4f1e8;border:3px solid #151515;min-height:36px;padding:0 6px;font-size:12px;font-weight:950;overflow:hidden}.retouch-tools button.active{background:#ffd447}.app-shell.pro-mode .retouch-tools button.active,.app-shell.pro-mode .segmented-icons button.active,.app-shell.pro-mode .layer-list button.active{color:#101114;background:#8ad2ff}.field-block,.range-field,.swatch-field{gap:8px;display:grid}.field-block>span,.range-field>span,.swatch-field>span{justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:900;display:flex}.field-block textarea{resize:vertical;color:#151515;background:#fffaf0;border:3px solid #151515;outline:none;width:100%;min-height:112px;padding:12px;font-weight:800;line-height:1.35}.app-shell.pro-mode .field-block textarea{color:#f1f3f6;background:#25282d;border:1px solid #15171a}.field-block textarea:focus,.range-field input:focus-visible,.swatch-field button:focus-visible,button:focus-visible{outline-offset:2px;outline:3px solid #4f7cff}.range-field input{accent-color:#ff4d3d;width:100%}.app-shell.pro-mode .range-field input{accent-color:#38a8ff}.app-shell.pro-mode .range-field strong{color:#f8d552}.range-field strong{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.swatch-field div{grid-template-columns:repeat(8,minmax(22px,1fr));gap:8px;display:grid}.swatch-field button{aspect-ratio:1;border:3px solid #151515}.app-shell.pro-mode .swatch-field button{border:1px solid #15171a}.swatch-field button.active{box-shadow:0 0 0 3px #4f7cff}.toggle-row{align-items:center;gap:10px;font-weight:900;display:flex}.toggle-row input{accent-color:#3fd2c7;width:22px;height:22px}.layer-list{border-top:3px solid #151515;gap:8px;margin-top:22px;padding-top:18px;display:grid}.app-shell.pro-mode .layer-list{border-top:1px solid #15171a;margin-top:10px;padding-top:10px}.list-title{align-items:center;gap:8px;font-size:13px;font-weight:900;display:flex}.layer-list button{color:#151515;text-align:left;background:#fffaf0;border:3px solid #151515;justify-content:space-between;align-items:center;gap:8px;min-height:42px;padding:0 12px;font-weight:800;display:flex}.layer-list button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.layer-list button.active{background:#f06bd8}@media (width<=1040px){.app-shell{grid-template-columns:180px 1fr}.control-rail{border-top:3px solid #151515;border-left:0;grid-column:1/-1;min-height:auto}.meme-stage{width:min(72vw,72vh)}}@media (width<=720px){.app-shell{height:auto;min-height:100vh;display:block;overflow:visible}.left-rail,.control-rail{border:0;border-bottom:3px solid #151515;height:auto;min-height:auto;overflow:visible}.template-stack{grid-template-columns:repeat(3,minmax(0,1fr))}.template-tile{padding:7px}.template-tile span{font-size:12px}.top-strip{flex-direction:column;align-items:stretch;padding:16px}.top-left-tools{flex-direction:column;align-items:stretch}.stage-column{height:auto;min-height:auto}.quick-actions,.mode-switch{width:100%}.mode-switch button,.command-button{flex:1}.stage-wrap{padding:18px 18px 28px}.pro-ribbon{width:calc(100vw - 48px);min-width:0;box-shadow:6px 6px #3fd2c7}.pro-tool-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.meme-stage{width:calc(100vw - 48px);min-width:0;box-shadow:8px 8px #151515}.swatch-field div{grid-template-columns:repeat(8,minmax(20px,1fr))}}