:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#17191d;--panel:#22262b;--panel-2:#2b3037;--line:#3b424c;--text:#f2f4f7;--muted:#aab2bf;--accent:#18a889;--accent-2:#e8b84a;--danger:#dc5b5b}*{box-sizing:border-box}html{touch-action:manipulation;-webkit-text-size-adjust:100%}body{background:var(--bg);min-height:100vh;color:var(--text);overscroll-behavior-y:contain;touch-action:manipulation;margin:0;font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit;touch-action:manipulation}button,select,input[type=color],input[type=number]{border:1px solid var(--line);color:var(--text);background:#303741;border-radius:6px}button{cursor:pointer;min-height:36px;padding:0 12px}button:hover{border-color:#657184}button.active,.tabs button.active{background:var(--accent);border-color:var(--accent);color:#081512;font-weight:700}button.primary{background:#3f82e8;border-color:#3f82e8;width:100%;font-weight:700}#addLatarButton{width:100%;margin-top:8px}.mobile-background-launch{width:100%;margin-top:8px;font-weight:700;display:none}button.export{color:#fff;background:#1084dc;border-color:#1084dc;min-width:132px;font-weight:800}button.danger{background:var(--danger);border-color:var(--danger)}button:disabled{opacity:.48;cursor:not-allowed}.app-shell{grid-template-columns:300px minmax(0,1fr) 280px;min-height:100vh;display:grid}.app-footer{background:var(--panel);border-top:1px solid var(--line);color:var(--text);text-align:center;padding:12px 16px;font-size:12px;font-weight:700}.pull-refresh-indicator{top:max(10px, env(safe-area-inset-top));z-index:120;border:1px solid var(--line);min-width:148px;color:var(--text);text-align:center;opacity:0;pointer-events:none;background:#1f2329f0;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;transition:opacity .14s,transform .14s;position:fixed;left:50%;transform:translate(-50%,-18px)}.pull-refresh-indicator.visible{opacity:1;transform:translate(-50%)}.pull-refresh-indicator.ready{color:#fff;background:#1084dc;border-color:#1084dc}.sidebar{background:var(--panel);border-color:var(--line);padding:16px;overflow:auto}.left-panel{border-right:1px solid var(--line)}.right-panel{border-left:1px solid var(--line);flex-direction:column;height:100vh;padding:0;display:flex;position:sticky;top:0;overflow:hidden}.right-panel-scroll{flex:1;min-height:0;padding:16px;overflow:auto}.desktop-export-panel{border-top:1px solid var(--line);background:#2b2b2b;flex:none;padding:16px}.desktop-export-panel #exportButton{color:#fff;background:#1084dc;border-color:#1084dc;width:100%;min-height:48px;font-weight:900}.brand{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;align-items:center;gap:12px;margin-bottom:18px;display:flex}.brand-mark{aspect-ratio:1;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;background:#ffd04d;border:0;border-radius:8px;width:48px;display:block}h1,h2,p{margin:0}h1{font-size:18px}h2{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin-bottom:10px;font-size:12px}.brand p,.visually-hidden{color:var(--muted)}section{border-top:1px solid var(--line);padding:14px 0}label{color:var(--muted);gap:6px;margin-bottom:12px;display:grid}select,input[type=range]{width:100%}select{height:36px;padding:0 10px}input[type=file]{display:none}input[type=color]{width:48px;height:36px;padding:4px}input[type=number]{height:34px;padding:0 6px}.segmented,.tabs,.control-row,.button-grid{gap:8px;display:grid}.segmented,.tabs{grid-template-columns:1fr 1fr;margin-bottom:10px}.segmented.single{grid-template-columns:1fr}.control-row{flex-wrap:wrap;align-items:end;display:flex}.control-row label{min-width:112px;margin:0}.control-row .export{min-width:132px;min-height:36px}.thumb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.thumb{text-align:left;background:var(--panel-2);min-height:92px;padding:4px;overflow:hidden}.thumb img{aspect-ratio:4/3;object-fit:cover;border-radius:4px;width:100%;display:block}.thumb span{text-overflow:ellipsis;white-space:nowrap;padding:5px 2px 1px;font-size:12px;display:block;overflow:hidden}.solid-panel{grid-template-columns:52px 1fr;gap:8px;display:grid}.color-grid{grid-column:1/-1;grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.swatch{aspect-ratio:1;min-height:34px;padding:0}.workspace{grid-template-rows:auto minmax(0,1fr);min-width:0;display:grid}.topbar{border-bottom:1px solid var(--line);background:#1d2025;justify-content:space-between;align-items:end;gap:12px;padding:12px 16px;display:flex}.history-button{min-width:92px;height:36px;min-height:36px;padding:0 18px;font-weight:800}.mobile-export{display:none}.canvas-wrap{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#111317;place-items:center;min-width:0;min-height:0;padding:16px;display:grid;position:relative}canvas{pointer-events:none;touch-action:auto;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#25282d;border:1px solid #333943;max-width:100%;max-height:100%;display:block}#frameTouchTarget{z-index:2;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;display:block;position:absolute}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.layer-list{gap:8px;display:grid}.layer-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.layer-actions #deleteLayer,.layer-actions .remove-bg-engine-control,.layer-actions #removeBgButton{grid-column:1/-1}.remove-bg-engine-control{margin-bottom:0}.remove-bg-progress{border:1px solid var(--line);background:#171b20;border-radius:6px;padding:10px}.canvas-progress{width:min(560px,100% - 32px);margin:0 auto 12px}.remove-bg-progress-row{color:var(--text);justify-content:space-between;gap:10px;font-size:12px;font-weight:800;display:flex}.remove-bg-progress-track{background:#0d1014;border-radius:999px;height:8px;margin-top:8px;overflow:hidden}#removeBgProgressBar{background:linear-gradient(90deg, var(--accent), #3f82e8);border-radius:inherit;width:0%;height:100%;transition:width .22s}.layer-item{background:var(--panel-2);border:1px solid var(--line);border-radius:6px;grid-template-columns:32px 1fr 32px;align-items:center;gap:8px;min-height:44px;padding:6px;display:grid}.layer-item.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.layer-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.icon-button{min-height:30px;padding:0}.button-grid{grid-template-columns:1fr}.mobile-skin-launch{display:none}.mobile-skin-launch button{width:100%;font-weight:700}.background-panel-header{display:block}#closeBackgroundPanel{display:none}.skin-panel-header{display:block}#closeSkinPanel{display:none}.check-row{color:var(--text);grid-template-columns:none;align-items:center;gap:10px;font-weight:700;display:flex}.check-row input{width:24px;height:24px;accent-color:var(--accent)}.skin-actions{grid-template-columns:1fr;gap:8px;margin-bottom:14px;display:grid}.skin-control{gap:7px;margin-bottom:14px;display:grid}.skin-control label{color:var(--text);margin:0;font-weight:700}.skin-control>div{grid-template-columns:minmax(0,1fr) 58px;align-items:center;gap:8px;display:grid}.skin-control input[type=range]{margin:0}.value-input{background:#16181c;border-color:#343941;width:58px;font-weight:700}.skin-panel button:disabled,.skin-panel input:disabled{opacity:.45;cursor:not-allowed}.hidden{display:none}.layer-menu{z-index:20;background:#242a32;border:1px solid #566171;border-radius:8px;min-width:156px;padding:6px;position:fixed;box-shadow:0 16px 48px #0000006b}.layer-menu button{text-align:left;background:0 0;border:0;width:100%;min-height:38px;display:block}.layer-menu button:hover,.layer-menu button:focus{background:#343c47}.layer-menu button:disabled{color:#757f8d;cursor:default}.export-menu{z-index:70;background:#0000003d;place-items:end center;padding:16px;display:grid;position:fixed;inset:0}.export-menu.hidden{display:none}.export-menu-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;gap:10px;width:min(360px,100%);padding:14px;display:grid;box-shadow:0 18px 54px #0000007a}.export-menu-card h2{margin-bottom:0}.export-menu-card button{width:100%;min-height:42px;font-weight:800}.save-toast{left:50%;bottom:max(24px, calc(env(safe-area-inset-bottom) + 20px));z-index:90;color:#fff;text-align:center;pointer-events:none;opacity:0;background:#1084dcf5;border:1px solid #ffffff24;border-radius:8px;min-width:132px;max-width:min(360px,100vw - 32px);padding:12px 18px;font-size:16px;font-weight:900;transition:opacity .18s,transform .18s;position:fixed;transform:translate(-50%,12px)scale(.98);box-shadow:0 14px 38px #0000006b}.save-toast.visible{opacity:1;transform:translate(-50%)scale(1)}.save-toast.error{background:#dc5b5bf5}@media (width<=980px){.app-shell{grid-template-rows:none;grid-template-columns:1fr;grid-auto-rows:auto}.sidebar{border:0}.left-panel{display:contents}.left-panel>.brand,.left-panel>section{background:var(--panel);padding-left:16px;padding-right:16px}.left-panel>.brand{order:1;margin-bottom:0;padding-top:16px;padding-bottom:16px}.background-panel{order:6}.right-panel{flex-direction:column;order:5;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;height:auto;max-height:none;padding:16px 16px 0;display:flex;position:static;overflow:visible}.right-panel-scroll{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;padding:0;display:grid;overflow:visible}.desktop-export-panel{display:none}.skin-panel,.background-panel{z-index:50;background:var(--panel);border:1px solid var(--line);opacity:0;pointer-events:none;-webkit-overflow-scrolling:touch;border-radius:8px;grid-column:1/-1;max-height:min(42vh,430px);padding:12px;transition:transform .18s,opacity .18s;position:fixed;bottom:10px;left:10px;right:10px;overflow:auto;transform:translateY(calc(100% + 18px));box-shadow:0 16px 42px #0000007a}body.skin-panel-open,body.background-panel-open{overflow:auto}body.skin-panel-open .skin-panel,body.background-panel-open .background-panel{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-skin-launch{grid-column:1/-1;display:block}.mobile-background-launch{display:block}.canvas-wrap{min-height:min(64vh,620px)}.skin-panel-header,.background-panel-header{z-index:1;background:var(--panel);justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:0 0 8px;display:flex;position:sticky;top:-12px}.skin-panel-header h2,.background-panel-header h2{margin-bottom:0}#closeSkinPanel,#closeBackgroundPanel{background:var(--accent);border-color:var(--accent);color:#081512;justify-content:center;align-items:center;min-width:76px;font-weight:800;display:inline-flex}.skin-panel .check-row{margin-bottom:8px}.skin-panel .check-row input{width:22px;height:22px}.skin-actions{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.skin-actions button{min-height:34px;padding:0 8px;font-size:13px}.skin-control{margin-bottom:9px}.skin-control label{font-size:13px}.skin-control>div{grid-template-columns:minmax(0,1fr) 48px;gap:6px}.value-input{width:48px;height:30px;font-size:13px}.brand,.photo-panel,.project-panel,.background-panel{grid-column:1/-1}.brand{order:1}.project-panel{order:2}.photo-panel{order:3}.workspace{order:4;min-height:72vh}}@media (width>=981px){.export-menu{place-items:center}}@media (width<=640px){.app-shell{grid-template-rows:none;grid-auto-rows:auto}.left-panel{display:contents}.left-panel>.brand,.left-panel>section{background:var(--panel);padding-left:16px;padding-right:16px}.left-panel>.brand{margin-bottom:0;padding-top:16px;padding-bottom:16px}.workspace{order:4}.right-panel{flex-direction:column;order:5;display:flex}.right-panel-scroll{flex-direction:column;gap:0;display:flex}.background-panel{order:6}.topbar{align-items:stretch}.topbar .export{display:none}.control-row{grid-template-columns:minmax(0,1fr) auto auto auto;align-items:end;width:100%;display:grid}.control-row label:first-child{min-width:0}.history-button{min-width:64px;padding:0 8px}.canvas-wrap{padding-bottom:12px}.mobile-export{width:calc(100% - 32px);min-height:46px;margin:0 16px 14px;display:block}.app-footer{padding:14px 16px calc(14px + env(safe-area-inset-bottom));font-size:12px}}