*{box-sizing:border-box}body{margin:0;background:#f6f5f2;color:#20201f;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px}button,input{font:inherit}button{cursor:pointer}header{background:#fff;justify-content:space-between;padding:0 30px;border-bottom:1px solid #eeede9}.brand,header{display:flex;align-items:center}.brand{gap:11px;min-width:200px}.logo{width:37px;height:37px;border-radius:12px;background:#20201f;display:grid;place-items:center;font:italic 700 27px Georgia}.brand b{letter-spacing:.16em;font-size:14px}.brand small{display:block;font-size:8px;letter-spacing:.16em;color:#999;margin-top:3px}.header-mid{color:#989792;font-size:12px}.header-mid span{color:#c3a08e}.top-actions{display:flex;gap:8px;align-items:center}.icon,.layerhead button{border:0;background:transparent;color:#777;padding:9px}.export,.stagebottom button{display:flex;align-items:center;gap:8px;border:0;border-radius:9px;background:#232321;color:#fff;padding:12px 17px;font-weight:600}.workspace{height:calc(100vh - 72px);display:grid;grid-template-columns:76px 310px 1fr}.rail{background:#fff;border-right:1px solid #efeeeb;padding:22px 9px;gap:5px}.rail,.rail button{display:flex;flex-direction:column}.rail button{border:0;background:none;color:#989792;height:65px;border-radius:10px;align-items:center;justify-content:center;gap:6px;font-size:11px}.rail button.active{background:#f2f1ee;color:#242423;font-weight:600}.controls{background:#fff;border-right:1px solid #efeeeb;overflow:auto;padding:28px 23px}.panelhead{display:flex;justify-content:space-between;align-items:flex-end}.eyebrow{font-size:9px;letter-spacing:.15em;color:#aaa}.panelhead h1{margin:9px 0 0;font-size:25px;letter-spacing:-.04em}.count{font:italic 19px Georgia;color:#c8c4be}.hint{font-size:12px;line-height:1.8;color:#999;margin:12px 0 23px}.filtergrid,.presetgrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px 12px;gap:18px 12px}.filtergrid button,.preset{border:0;background:none;padding:0;text-align:left;color:#333}.thumb{height:144px;background:#ebe5db;padding:10px;display:flex;flex-direction:column;color:#8c2926;font-family:Georgia;font-size:9px;gap:8px;border-radius:5px;border:2px solid transparent}.chosen .thumb,.filtergrid .chosen .filterthumb{border-color:#262626}.thumbphoto{background:linear-gradient(135deg,#aaa39b,#ddd4c9 55%,#857e77);flex:1 1;display:grid;place-items:center;font-size:32px;color:#f5f0e9}.thumb small{font-size:6px}.thumb1{background:#deded6;color:#111}.thumb2{background:#f6e8ce;color:#111}.thumb3{background:#f8f7f4;color:#111}.thumb4{background:#dbbd57;color:#1b2946}.thumb5{background:#e4d6ca;color:#3c312e}.filtergrid b,.preset b{display:block;font-size:12px;margin-top:8px}.preset>small{display:block;color:#aaa;margin-top:4px;letter-spacing:.04em}.filterthumb{height:105px;border:2px solid transparent;background:linear-gradient(135deg,#c0a99a,#e7d7be,#928778);background-size:cover;background-position:50%;border-radius:6px;display:grid;place-items:center;color:white;font-size:25px}.f2{filter:sepia(.5)}.f3{filter:grayscale(1)}.f4{filter:sepia(.7)}.f5{filter:hue-rotate(160deg)}.f6{filter:saturate(2)}.f7{filter:contrast(.7)}.layerpanel label,.sliders label{display:block;margin:23px 0;color:#555;font-size:12px}.sliders label span{display:flex;justify-content:space-between}.sliders label b{font-weight:400;color:#999}input[type=range]{width:100%;accent-color:#222;margin-top:14px}.secondary{width:100%;padding:12px;border:1px solid #e6e5e1;background:white;border-radius:8px}.tagline{font-size:11px;color:#a29a94;margin-bottom:16px}.stickergrid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}.stickergrid button{height:58px;background:#f7f6f3;border:1px solid transparent;border-radius:8px;font-size:24px;overflow:hidden}.stickergrid button:hover{border-color:#222}.textcontrols label{font-size:12px}.textcontrols input{display:block;width:100%;padding:12px;border:1px solid #e5e4e0;border-radius:8px;margin:10px 0}.textcontrols p{color:#999;font-size:12px;line-height:1.7}.layerpanel{border-top:1px solid #eee;margin-top:26px;padding-top:18px}.layerhead{display:flex;align-items:center}.layerhead b{margin-right:auto;font-size:12px}.swatches{display:flex;gap:8px;margin-top:15px}.swatches button{height:23px;width:23px;border-radius:50%;border:1px solid #ddd}.layerpanel label{margin:12px 0;display:flex;align-items:center;gap:8px}.layerpanel input{margin:0;flex:1 1}.stage{background:#f4f3f0;display:flex;flex-direction:column;min-width:0}.stagebar{display:flex;justify-content:space-between;padding:24px 35px;color:#aaa;font-size:12px}.stagebar b{color:#333}.local{font-size:11px;color:#8d9a88}.canvaswrap{flex:1 1;min-height:0;display:flex;justify-content:center;align-items:center;padding:12px}.canvaswrap canvas{height:100%;max-height:680px;max-width:100%;width:auto;aspect-ratio:3/4;object-fit:contain;box-shadow:0 14px 50px #3332;touch-action:none}.stagebottom{display:flex;align-items:center;justify-content:space-between;padding:20px 35px;color:#aaa;font-size:11px}.stagebottom button{color:#222;box-shadow:0 3px 16px #0000000a}.stagebottom span{width:220px}.stagebottom span:last-child{text-align:right}@media(max-width:760px){header{height:60px;padding:0 15px}.brand{min-width:auto}.header-mid{display:none}.workspace{height:auto;min-height:calc(100vh - 60px);display:flex;flex-direction:column}.stage{order:0;height:58vh;min-height:390px}.stagebar{padding:13px 18px}.canvaswrap{padding:5px}.stagebottom{padding:10px 15px}.stagebottom span{display:none}.stagebottom button{margin:auto}.rail{order:1;flex-direction:row;overflow:auto;border:0;padding:5px 10px}.rail button{min-width:60px;height:55px}.controls{order:2;padding:20px;min-height:280px}.presetgrid{grid-template-columns:repeat(3,1fr)}.thumb{height:130px}.local{font-size:9px}.filtergrid{grid-template-columns:repeat(4,1fr)}.top-actions .icon{display:none}}body{background:#e9e8e4}.workspace{background:radial-gradient(ellipse at 70% 20%,#f7f6f2 0,#e9e8e3 54%,#d6d6d1 100%)}header{background:rgba(251,251,249,.72);backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);border-color:#ffffff9c}.controls,.rail{background:rgba(255,255,255,.57);backdrop-filter:blur(32px) saturate(150%);-webkit-backdrop-filter:blur(32px) saturate(150%);border-color:rgba(255,255,255,.72)}.stage{background:transparent}.rail button.active{background:rgba(255,255,255,.76);box-shadow:inset 0 1px 1px #fff,0 5px 16px #65656514}.stagebottom{align-self:center;min-width:min(640px,90%);margin:0 0 18px;border:1px solid #ffffffc9;background:linear-gradient(145deg,#ffffffb8,#ffffff52);box-shadow:inset 0 1px 2px #fff,0 14px 32px #565a6020,0 2px 5px #fff8;backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%)}.stagebottom button{border-radius:100px;background:#ffffffc9;box-shadow:inset 0 1px 1px white,0 4px 12px #00000012}.export{border-radius:100px;background:#242426}.collagegrid button,.export,.filtergrid button,.icon,.preset,.rail button,.secondary,.stagebottom button,.stickergrid button{transition:transform .45s cubic-bezier(.2,1.6,.35,1),box-shadow .25s,background .25s}.collagegrid button:active,.export:active,.filtergrid button:active,.icon:active,.preset:active,.rail button:active,.secondary:active,.stagebottom button:active,.stickergrid button:active{transform:scale(.92)}button:focus-visible,input:focus-visible{outline:3px solid #326fbe;outline-offset:3px}.stickergrid button{background:rgba(255,255,255,.55);box-shadow:inset 0 1px 1px #fff}.uploadmulti{display:block;text-align:center;cursor:pointer;background:#ffffff90}.collagecontrols p,.collagecontrols small{font-size:12px;color:#777;line-height:1.7}.collagegrid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px;margin:16px 0}.collagegrid button{border:1px solid #ffffffa0;background:#ffffff70;border-radius:12px;padding:14px 5px;font-size:12px}.collagegrid button.selected{border-color:#333;background:#fff}.collagegrid span{display:block;font-size:28px;margin-bottom:7px}.canvaswrap canvas{border-radius:2px;box-shadow:0 24px 70px #45433f30,0 2px 8px #0002}@media(max-width:760px){.stagebottom{min-width:0;margin:0 0 10px;padding:6px 9px}.rail{background:rgba(255,255,255,.7);border-radius:24px 24px 0 0}.controls{background:rgba(255,255,255,.8)}.stage{height:55vh}.rail button{min-width:58px}}@media(prefers-reduced-motion:reduce){*,:after,:before{transition:none!important;animation:none!important}}@media(prefers-reduced-transparency:reduce){.controls,.rail,.stagebottom,header{background:#f7f7f5;backdrop-filter:none;-webkit-backdrop-filter:none}}:root{--ink:#1a1c23;--muted:#555d68;--glass:rgba(250,252,255,.54);--edge:rgba(255,255,255,.88)}body{color:var(--ink);background:#d5dce6}main{min-height:100vh;background:radial-gradient(ellipse 45% 45% at 83% 16%,#b7dded 0,transparent 72%),radial-gradient(ellipse 42% 50% at 39% 90%,#f1c8d4 0,transparent 72%),radial-gradient(ellipse 40% 55% at 8% 34%,#c5c9ec 0,transparent 72%),#e9edf0}header{position:relative;z-index:2;height:72px;margin:12px 16px 0;padding:0 22px;border:1px solid var(--edge);border-radius:25px;background:linear-gradient(115deg,#ffffffa8,#eef6ff6b 48%,#ffffff9c);box-shadow:inset 0 1px 1px #fff,0 10px 36px #4e617419;backdrop-filter:blur(32px) saturate(1.7);-webkit-backdrop-filter:blur(32px) saturate(1.7)}.logo{width:38px;height:38px;border-radius:50%;font:italic 700 29px Georgia;color:#fff;background:linear-gradient(150deg,#a4c7e7,#5c76bd 50%,#b37b9f);box-shadow:inset 0 1px 3px #fff9,0 4px 12px #607da65c}.brand b{letter-spacing:.18em}.brand small{color:#596475}.header-mid{color:#606b79;font-size:10px;letter-spacing:.14em}.header-mid span{color:#8d9fb8}.workspace{height:calc(100vh - 84px);background:transparent;grid-template-columns:86px 330px 1fr;gap:12px;padding:12px 16px 16px}.rail{border:1px solid #ffffffdb;border-radius:28px;padding:12px 8px;background:linear-gradient(145deg,#ffffffad,#f7faff6e);box-shadow:inset 0 1px 1px white,0 16px 38px #70819a1f;backdrop-filter:blur(32px) saturate(1.6);-webkit-backdrop-filter:blur(32px) saturate(1.6)}.rail button{height:60px;color:#586273}.rail button.active{color:#17283a;background:linear-gradient(145deg,#fffefa,#ffffff9c);box-shadow:inset 0 1px 2px #fff,0 5px 15px #5877942c}.controls{border:1px solid #ffffffdb;border-radius:28px;padding:26px 23px;background:linear-gradient(145deg,#ffffffa8,#f5f8fe73);box-shadow:inset 0 1px 1px #fff,0 18px 45px #72839721;backdrop-filter:blur(32px) saturate(1.6);-webkit-backdrop-filter:blur(32px) saturate(1.6)}.eyebrow{color:#657385;font-size:10px}.panelhead h1{font-size:26px}.hint{color:#606b76}.count{color:#8797a9}.presetgrid{gap:20px 12px}.template-preview{position:relative;overflow:hidden;aspect-ratio:3/4;border-radius:13px;border:1px solid #ffffffb5;box-shadow:0 7px 20px #5868772e;background:#e7e5e1;transition:transform .4s cubic-bezier(.2,1.5,.4,1),box-shadow .25s}.template-preview canvas{display:block;width:100%;height:100%}.template-preview span{position:absolute;right:7px;top:7px;border-radius:99px;padding:4px 7px;background:#ffffffbe;color:#43505d;font-size:8px;letter-spacing:.1em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.preset:hover .template-preview{transform:translateY(-3px);box-shadow:0 13px 24px #536b8138}.preset.chosen .template-preview{outline:2px solid #4e7294;outline-offset:2px}.preset b{font-size:13px}.preset>small{font-size:9px;color:#657180}.source-note{grid-column:1/-1;font-size:10px;line-height:1.7;color:#53616f}.source-note a{color:#364f69}.stage{position:relative;border-radius:30px;overflow:hidden;background:radial-gradient(ellipse at 50% 48%,#f9f9f9b3,#dbe2e650 60%,#c4d1df59);border:1px solid #ffffffb5;box-shadow:inset 0 1px 2px white}.stage:after,.stage:before{content:"";position:absolute;border-radius:50%;pointer-events:none;filter:blur(3px);opacity:.55}.stage:before{width:270px;height:270px;right:-100px;top:8%;background:radial-gradient(circle at 30% 25%,#ffffffdc,#b7dff4a0 35%,#abc3ed47 68%,transparent 72%)}.stage:after{width:210px;height:210px;bottom:3%;left:-100px;background:radial-gradient(circle at 35% 30%,#fff9,#f5c6da9c 37%,#dfc5ee44 68%,transparent 72%)}.canvaswrap,.stagebar,.stagebottom{position:relative;z-index:1}.stagebar{color:#697584}.stagebar b{color:#293441}.local{color:#526f66}.canvaswrap canvas{box-shadow:0 28px 70px #3a536839,0 3px 12px #26333e2b}.stagebottom{min-width:min(680px,90%);border-radius:100px;padding:10px 16px;background:linear-gradient(135deg,#fffffff0,#f2f8ffb5 44%,#fff9 70%,#ffffffdc);border:1px solid #fff;box-shadow:inset 0 1px 2px #fff,inset 0 -2px 5px #9fb3ca42,0 15px 35px #506d8930,0 3px 10px #fff9;backdrop-filter:blur(35px) saturate(1.8);-webkit-backdrop-filter:blur(35px) saturate(1.8);color:#536171}.stagebottom button{background:linear-gradient(135deg,#fff,#e5effa);box-shadow:inset 0 1px 2px #fff,0 5px 15px #6883a92e}.export{background:#1e2936}.filterthumb,.secondary,.stickergrid button{background-color:#ffffff9c}.panel-grip{display:none}@media(max-width:760px){main{background:radial-gradient(ellipse 90% 35% at 100% 24%,#a8d9ef,transparent 78%),radial-gradient(ellipse 90% 38% at 0 55%,#edc5da,transparent 78%),#e2e8f0}header{height:58px;margin:8px 10px 0;padding:0 14px;border-radius:20px}.logo{width:34px;height:34px}.workspace{height:auto;display:flex;gap:0;padding:8px 10px 24px}.stage{height:52vh;min-height:350px;border-radius:24px}.stagebar{padding:13px 16px}.stagebottom{margin:0 0 10px;min-width:210px;padding:6px 12px}.rail{position:relative;z-index:3;order:1;margin:-2px 7px 0;padding:7px 8px;gap:3px;border-radius:25px;background:linear-gradient(140deg,#ffffffdb,#f3f8ffab);box-shadow:inset 0 1px 2px #fff,0 10px 30px #526c882d;overflow-x:auto}.rail button{min-width:58px;height:53px}.rail button.active{border-radius:18px}.controls{order:2;margin-top:10px;min-height:320px;padding:20px;border-radius:25px}.panel-grip{display:block;width:38px;height:4px;border-radius:4px;background:#a7b1bc;opacity:.65;margin:-9px auto 14px}.presetgrid{grid-template-columns:repeat(3,1fr)}.preset b{font-size:12px}.preset>small{font-size:8px}.stage:before{width:180px;height:180px;right:-75px}.stage:after{width:150px;height:150px;left:-70px}.local{color:#527367}.export{padding:10px 15px}}@media(prefers-reduced-transparency:reduce){.controls,.rail,.stagebottom,header{background:#f6f8fa;backdrop-filter:none;-webkit-backdrop-filter:none}}[hidden]{display:none!important}.workspace.panel-closed{grid-template-columns:86px minmax(0,1fr)}.workspace.panel-closed .stage{grid-column:2}.panel-close,.share-close{display:grid;place-items:center;border:0;background:#ffffff9c;color:#34414d;border-radius:50%;width:40px;height:40px;box-shadow:inset 0 1px 2px #fff,0 4px 12px #556a801c}.share-button{display:flex;align-items:center;gap:7px;padding:11px 16px;border:1px solid #ffffffda;border-radius:99px;background:#ffffff9c;color:#24303d;font-weight:600;box-shadow:inset 0 1px 1px #fff,0 4px 14px #657e9b1a}.share-overlay{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:18px;background:#2633435c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.share-sheet{width:min(420px,100%);padding:25px;border:1px solid #fff;border-radius:28px;background:linear-gradient(135deg,#fbfdfff5,#e9f0f8ef);box-shadow:inset 0 1px 3px #fff,0 24px 80px #1c2c3b45}.share-sheet-top{display:flex;justify-content:space-between;align-items:center}.share-symbol{display:grid;place-items:center;width:48px;height:48px;border-radius:17px;background:#fff;color:#416785;box-shadow:0 5px 15px #56708922}.share-sheet h2{font-size:24px;letter-spacing:-.03em;margin:19px 0 8px}.share-sheet p{font-size:14px;line-height:1.65;color:#586879;margin:0 0 20px}.share-primary,.share-save{width:100%;height:49px;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:15px;font-weight:650}.share-primary{background:#202b39;color:#fff;border:0}.share-save{margin-top:9px;border:1px solid #fff;background:#ffffffa8;color:#273744}.wechat-note{margin-top:18px;display:flex;gap:9px;align-items:flex-start;color:#526575;font-size:12px;line-height:1.55}.wechat-note svg{flex:none;color:#4b9a70}.share-sheet .share-status{margin:14px 0 0;font-size:12px;color:#425d70}.panel-close:active,.share-button:active,.share-close:active,.share-primary:active,.share-save:active{transform:scale(.95)}@media(max-width:760px){body,main{overflow:hidden}main{height:100dvh;min-height:0}header{height:53px;margin:7px 10px 0}.brand small{display:none}.brand b{font-size:13px}.top-actions{gap:5px}.share-button{padding:9px 12px}.export{padding:10px 12px}.workspace,.workspace.panel-closed{height:calc(100dvh - 60px);padding:8px 10px calc(84px + env(safe-area-inset-bottom));display:flex;position:relative}.stage{order:0;flex:1 1;width:100%;min-height:0;height:auto}.stagebar{padding:11px 15px}.canvaswrap{padding:3px 8px;min-height:0}.canvaswrap canvas{max-height:none;max-width:100%;width:auto;height:auto;max-height:100%;aspect-ratio:3/4}.stagebottom{margin:0 0 10px}.rail{position:fixed;z-index:12;bottom:calc(8px + env(safe-area-inset-bottom));left:10px;right:10px;order:1;margin:0;padding:6px 7px;display:flex;overflow-x:auto;scrollbar-width:none;border-radius:25px}.rail::-webkit-scrollbar{display:none}.rail button{flex:1 0 58px;min-width:58px;height:54px;font-size:10px}.controls{position:fixed;z-index:11;left:10px;right:10px;bottom:calc(78px + env(safe-area-inset-bottom));height:min(48dvh,440px);min-height:0;max-height:calc(100dvh - 160px);overflow-y:auto;overscroll-behavior:contain;margin:0;padding:20px;border-radius:25px;box-shadow:0 20px 65px #3a4e6660,inset 0 1px 2px #fff;background:linear-gradient(150deg,#fbfdfff5,#edf4fbef);-webkit-backdrop-filter:blur(38px) saturate(1.8);backdrop-filter:blur(38px) saturate(1.8)}.panel-open .stage:after{opacity:.55}.panelhead h1{font-size:20px}.controls .hint{margin:8px 0 16px}.presetgrid{gap:16px 10px}.share-overlay{align-items:flex-end;padding:0}.share-sheet{width:100%;border-radius:28px 28px 0 0;padding:24px 22px calc(22px + env(safe-area-inset-bottom))}.share-sheet h2{font-size:22px}.stagebottom button{min-height:44px}}.material-tabs{display:flex;gap:6px;overflow:auto;scrollbar-width:none;padding:4px;margin:4px 0 16px;background:#c9d3e14d;border-radius:15px}.material-tabs button{flex:1 1;white-space:nowrap;min-height:39px;padding:8px 12px;border:0;border-radius:12px;background:transparent;color:#536172;font-size:12px}.material-tabs button.on{background:#fff;color:#263447;box-shadow:0 3px 12px #61728b24;font-weight:650}.y2k-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.y2k-grid button{border:0;border-radius:15px;background:#ffffff7a;padding:9px 5px;color:#4b5163;min-width:0;transition:transform .35s cubic-bezier(.2,1.6,.35,1)}.y2k-grid button:active{transform:scale(.91)}.y2k-badge{height:60px;position:relative;display:flex;align-items:center;justify-content:center;border:3px solid #fff;border-radius:16px;font:700 17px Georgia,serif;box-shadow:0 4px 12px #6e668c3d,inset 0 0 0 1px #ffffff75;overflow:hidden}.y2k-badge i{position:absolute;font:normal 10px sans-serif;color:white}.y2k-badge i:first-child{left:5px;top:4px}.y2k-badge i:last-child{right:5px;bottom:3px}.y2k-grid small{display:block;font-size:11px;margin-top:7px}.punch-title{display:flex;align-items:center;justify-content:space-between;font-size:13px}.punch-actions button,.punch-toggle{border:1px solid #fff;background:#ffffff9c;border-radius:12px;padding:9px 12px;color:#425264;font-size:12px}.punch-toggle.on{background:#dcebe4;color:#285742}.punch-colors{margin:16px 0;flex-wrap:wrap}.punch-colors button{height:29px;width:29px}.punch-colors button[aria-pressed=true]{outline:2px solid #557390;outline-offset:2px}.punch-panel .sliders label{margin:16px 0}.punch-actions{display:flex;gap:8px}.punch-actions button{flex:1 1;min-height:44px}.punch-actions button:first-child{background:#283a50;color:#fff}.canvas-actions{display:flex;align-items:center;gap:5px}.canvas-actions button{border:1px solid #ffffffc7;border-radius:10px;min-width:34px;min-height:34px;background:#ffffff91;color:#354b60;display:grid;place-items:center;font-size:11px}.canvas-actions button:disabled{opacity:.38}.layerpanel{position:-webkit-sticky;position:sticky;bottom:-20px;margin-bottom:-20px;padding:16px 12px 20px;border-radius:18px 18px 0 0;background:#f4f8fdeb;box-shadow:0 -6px 25px #7081952b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:2}.swatches{flex-wrap:wrap}main{background:radial-gradient(ellipse at 80% 12%,#e5ebed,transparent 55%),#e8eae8}.controls,.rail,.stagebottom,header{box-shadow:inset 0 1px 2px #fff,0 8px 25px #4b565b12}.stage{background:#e4e7e5}.stage:after,.stage:before{display:none}.stagebar{padding-top:12px;padding-bottom:8px}.brand small{display:none}.stagebottom{min-width:0;padding:7px 12px}.stagebottom span{display:none}.filtergrid .chosen .filterthumb{outline:2px solid #536b70;outline-offset:2px}.filtergrid button{min-width:0}.filterthumb{background-color:#cdd4d1}.canvaswrap canvas{box-shadow:0 15px 45px #343d3a24}@media(max-width:760px){main{background:#e9ebea}.stage{background:#e0e4e2}.stagebar{padding:8px 12px;min-height:44px}.stagebottom{margin-bottom:9px}.canvaswrap{padding:0 8px}.panelhead h1{font-size:20px}.controls>.hint{display:none}.filtergrid{grid-template-columns:repeat(3,1fr)}.filterthumb{height:auto;aspect-ratio:3/4}}.category-bar{display:flex;gap:7px;overflow:auto;scrollbar-width:none;margin:2px 0 12px}.category-bar button{flex:none;border:1px solid #ffffffc7;border-radius:99px;background:#ffffff81;color:#596563;padding:9px 16px;font-size:12px}.category-bar button.on{background:#25302e;color:#fff;border-color:#25302e}.asset-search{display:flex;align-items:center;gap:8px;padding:0 12px;margin:0 0 15px;height:42px;border:1px solid #ffffffb8;border-radius:13px;background:#ffffff91;color:#7b8985}.asset-search input{width:100%;border:0;outline:0;background:transparent;color:#263432;font-size:13px}.textcontrols select{display:block;width:100%;height:44px;padding:0 12px;border:1px solid #e1e6e2;border-radius:10px;background:#fff;margin:10px 0 14px;color:#263432}.font-preview{min-height:72px;display:grid;place-items:center;font-size:25px;background:#ffffffa3;border-radius:12px;margin-bottom:12px;overflow-wrap:anywhere}.adjust-groups details{border-bottom:1px solid #cbd4d0}.adjust-groups summary{cursor:pointer;padding:15px 2px;font-size:14px;font-weight:600}.adjust-groups details .sliders{padding:0 6px}.adjust-groups>.secondary{margin-top:18px}.retouch-panel details{border-bottom:1px solid #cbd4d0;padding-bottom:16px}.retouch-panel summary{cursor:pointer;padding:16px 2px;font-size:14px;font-weight:650}.brush-mode,.retouch-actions{display:flex;gap:8px}.brush-mode button,.retouch-actions button{flex:1 1;min-height:56px;border:1px solid #fff;border-radius:13px;background:#ffffffa8;color:#344541;display:flex;gap:5px;flex-direction:column;align-items:center;justify-content:center;font-size:12px}.brush-mode button.on,.retouch-actions button.on{background:#2d3a37;color:white}.brush-mode button{flex-direction:row}.retouch-slider{display:block;margin:20px 0;font-size:12px;color:#485b54}.retouch-slider span{display:flex;justify-content:space-between}.retouch-slider b{font-weight:500}.retouch-panel .secondary:disabled{opacity:.5}.retouch-panel .punch-colors button[aria-pressed=true]{outline:2px solid #557390;outline-offset:2px}:root{--app-ink:#1d1d1f;--app-secondary:#606468;--app-separator:#d8dcda;--app-accent:#356a98;--app-glass:rgba(250,251,250,.79)}body{color:var(--app-ink);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,sans-serif;letter-spacing:-.01em}main{background:#f1f3f2}header{background:rgba(252,253,252,.82);border-color:#fff;border-radius:20px;box-shadow:0 4px 20px #2532310b,inset 0 1px 1px #fff}.logo{background:#343d3d;box-shadow:none;font-size:25px}.brand b{letter-spacing:.12em;font-size:13px}.share-button{background:#fff;border-color:#e2e6e3;box-shadow:none;color:#303b38}.export{background:#202d2b}.controls,.rail{background:var(--app-glass);border-color:#ffffffdd;box-shadow:0 8px 28px #1e312e0c,inset 0 1px 1px #fff}.rail button{color:#5a6663}.rail button.active{background:#fff;color:#263936;box-shadow:0 3px 12px #1e393015,inset 0 1px 1px #fff}.stage{background:#e8ebea;border-color:#fff;box-shadow:inset 0 1px 0 #fff}.kind-note{font-size:13px;font-weight:500;color:#66736f;letter-spacing:.02em}.canvas-actions button{min-width:44px;min-height:44px;border-radius:14px;background:#fbfcfbcc;color:#4b5b56;border-color:#fff}.canvas-actions button:disabled{opacity:.45}.canvaswrap canvas{box-shadow:0 18px 46px #25343120;border-radius:3px}.stagebottom{background:#f8faf9d9;border-color:#fff;box-shadow:0 6px 24px #253c3520,inset 0 1px 1px #fff}.stagebottom button{background:#fff;box-shadow:none;color:#263532}.panelhead h1{font-size:22px;font-weight:650;letter-spacing:-.025em}.controls{color:#253330}.panel-close{box-shadow:none;background:#edf1ef;color:#455a52}.category-bar,.material-tabs{background:#e7ece9}.category-bar{padding:4px;border-radius:15px}.category-bar button{border:0;background:transparent;color:#52645e;padding:9px 15px}.category-bar button.on,.material-tabs button.on{background:#fff;color:#233b34;box-shadow:0 2px 8px #30493e16}.asset-search{background:#eef2ef;border:1px solid #e4eae6;color:#60706a}.filtergrid b,.preset b{color:#34463f}.share-sheet{background:#f8faf9;border-color:#fff}.share-primary{background:#253630}.hint,.textcontrols p{color:#64736d}.canvas-actions button:focus-visible,.rail button:focus-visible{outline:3px solid #3d78ab;outline-offset:2px}@media(max-width:760px){main{background:#eff2f0}header{height:53px;border-radius:19px;margin-top:max(7px,env(safe-area-inset-top))}.workspace,.workspace.panel-closed{height:calc(100dvh - 60px - max(0px,env(safe-area-inset-top) - 7px))}.stage{background:#e7ebe8;border-radius:23px}.stagebar{padding:8px 12px 4px;min-height:48px}.kind-note{font-size:12px;padding-left:3px}.canvas-actions button{min-height:44px;min-width:44px}.rail{background:rgba(249,251,250,.9);box-shadow:0 8px 28px #263d3320,inset 0 1px 1px #fff}.rail button{min-width:58px;min-height:54px}.controls{background:rgba(249,251,250,.97);box-shadow:0 16px 45px #25392f2b,inset 0 1px 1px #fff}.stagebottom{margin-bottom:9px}.export,.share-button{min-height:42px}}@media(prefers-reduced-transparency:reduce){.controls,.rail,.stagebottom,header{background:#f8faf9;backdrop-filter:none;-webkit-backdrop-filter:none}}.stagebottom .doory-credit{display:block;width:auto;font-size:10px;line-height:1.3;text-align:right}.doory-credit a{color:#465650;text-decoration:underline;text-underline-offset:2px}@media(max-width:760px){.stagebottom{flex-wrap:wrap;justify-content:center;max-width:90%;border-radius:22px}.stagebottom .doory-credit{display:block;flex-basis:100%;text-align:center;margin:3px 4px 0;font-size:9px}.stagebottom button{min-height:40px}}