@font-face{font-family:BalooThambi2-Regular;font-weight:400;src:url(/fonts/BalooThambi2-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Business2;src:url(/fonts/Business2.ttf) format("truetype");font-display:swap}@font-face{font-family:Oswald-Stencil;src:url(/fonts/Oswald-Stencil.ttf) format("truetype");font-display:swap}@font-face{font-family:Monoton-Regular;src:url(/fonts/Monoton-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:阿里巴巴普惠体-日期-Regular;font-weight:400;src:url(/fonts/AlibabaPuHuiTi-Date.woff2) format("woff2");font-display:swap}:root,[data-theme=light]{--bg:#ffffff;--surface:#ffffff;--surface-muted:#f4f6f8;--surface-sunken:#f3f5f8;--surface-thumb:#f3f5f7;--surface-chip:#f2f4f7;--text:#1f2430;--text-strong:#3c4450;--text-body:#4c5562;--text-secondary:#66707d;--text-link:#5d6673;--text-mini:#667;--muted:#8b93a1;--subtle:#98a0ab;--line:#eceff3;--line-strong:#d5dbe3;--toggle-off:#e4e7ec;--avatar:#d9dee6;--green:#12c15a;--green-strong:#0e9a48;--green-soft:#e7f8ee;--orange:#ff8a1f;--orange-line:#ffd7b0;--danger:#cf3b32;--on-accent:#ffffff;--knob:#ffffff;--handle:#5073f4;--checker:#e6e8ec;--mask:rgba(20,24,32,0.35);--shadow-modal:0 18px 50px rgba(20,24,32,0.16);--shadow-pop:0 10px 32px rgba(20,24,32,.16);--shadow-segment:0 1px 3px rgba(20,30,50,.12);color-scheme:light}[data-theme=dark]{--bg:#111317;--surface:#181b20;--surface-muted:#22262d;--surface-sunken:#1f2329;--surface-thumb:#22262d;--surface-chip:#262a31;--text:#e8ebf0;--text-strong:#d3d8e0;--text-body:#bcc3cd;--text-secondary:#a3abb7;--text-link:#a3abb7;--text-mini:#a3abb7;--muted:#868e9b;--subtle:#7c8592;--line:#2a2f37;--line-strong:#3a414b;--toggle-off:#3a414b;--avatar:#3a414b;--green:#1fcf68;--green-strong:#3ddc84;--green-soft:#173527;--orange:#ff9a3d;--orange-line:#6b4520;--danger:#ff6b61;--on-accent:#ffffff;--knob:#ffffff;--handle:#7d98ff;--checker:#2a2f37;--mask:rgba(0,0,0,0.55);--shadow-modal:0 18px 50px rgba(0,0,0,0.5);--shadow-pop:0 10px 32px rgba(0,0,0,.5);--shadow-segment:0 1px 3px rgba(0,0,0,.4);color-scheme:dark}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:PingFang SC,SF Pro Display,Inter,ui-sans-serif,system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer}.app{height:100vh;grid-template-rows:52px minmax(0,1fr)}.app,.boot{display:grid}.boot{min-height:100vh;place-items:center;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.header{gap:22px;padding:0 18px;background:var(--surface);border-bottom:1px solid var(--line)}.brand,.header{display:flex;align-items:center}.brand{gap:10px;color:inherit;text-decoration:none}.brand-icon{display:block;width:36px;height:36px;object-fit:contain;flex-shrink:0}.brand strong{font-size:16px;font-weight:700}.tool-link{border:0;background:transparent;color:var(--text-link);padding:6px 2px;text-decoration:none}.import-label,.label-pad{display:none}.header-links{margin-left:auto;display:flex;align-items:center;gap:18px;color:var(--text-secondary);font-size:13px}.header-status{max-width:320px;overflow:hidden;color:var(--accent,#b35b2c);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.header-links>a{color:inherit;text-decoration:none}.header-links>a:hover{color:var(--green-strong)}.header-links button{border:0;background:transparent;color:inherit}.avatar{width:28px;height:28px;border-radius:50%;background:var(--green-soft);display:grid;place-items:center;color:var(--green-strong)}.avatar svg{width:16px;height:16px}.user-chip{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--text-strong);font-size:13px}.user-chip strong{max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-mask{position:fixed;inset:0;z-index:30;background:var(--mask);display:grid;place-items:center;padding:24px}.auth-mask{z-index:100}.modal{position:relative;width:min(380px,100%);background:var(--surface);border-radius:16px;padding:22px 22px 18px;box-shadow:var(--shadow-modal)}.modal h2{margin:0 0 14px;font-size:18px}.modal label{display:grid;grid-gap:6px;gap:6px;margin-bottom:12px;color:var(--text-secondary);font-size:12px}.modal input{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--text);background:var(--surface)}.modal-tabs{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;margin-bottom:14px;background:var(--surface-muted);border-radius:10px;padding:4px}.modal-tabs button{border:0;background:transparent;border-radius:8px;padding:8px;color:var(--text-secondary)}.modal-tabs button.on{background:var(--surface);color:var(--green-strong);font-weight:700}.modal-submit{width:100%;border:0;border-radius:10px;background:var(--green);color:var(--on-accent);height:42px;font-weight:700}.modal-submit:disabled{opacity:.6}.modal-error{margin:0 0 10px;color:var(--danger);font-size:13px}.modal-note{margin:10px 0 0;color:var(--muted);font-size:12px;text-align:center}.modal-close{position:absolute;top:10px;right:10px;width:28px;height:28px;border:0;border-radius:50%;background:var(--surface-muted);color:var(--text-secondary)}.account-card{display:grid;grid-gap:8px;gap:8px;padding-top:8px}.account-card p{margin:0;color:var(--text-secondary)}.workspace{min-height:0;display:grid;grid-template-columns:292px minmax(0,1fr) 318px}.inspector,.side{min-height:0;background:var(--surface)}.side{flex-direction:column;border-right:1px solid var(--line)}.cats,.side{display:flex}.cats{gap:14px;overflow-x:auto;padding:10px 14px 0;border-bottom:1px solid var(--line)}.cats button{border:0;background:transparent;color:var(--subtle);padding:8px 0 10px;white-space:nowrap;font-size:14px}.cats button.active{color:var(--green);font-weight:700;box-shadow:inset 0 -2px 0 var(--green)}.side-scroll{flex:1 1;min-height:0;overflow:auto;padding:12px}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px 8px;gap:10px 8px}.template{border:2px solid transparent;background:transparent;color:var(--text);border-radius:10px;padding:3px;text-align:center}.template.active{border-color:var(--green)}.thumb{display:block;height:108px;border-radius:8px;background:var(--surface-thumb) center /cover no-repeat}.template .name{display:block;margin-top:4px;font-size:12px;line-height:1.3;color:var(--text-strong)}.saved-list{display:grid;grid-gap:8px;gap:8px}.saved{display:flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:10px;padding:4px}.saved.active{border-color:var(--green)}.saved button:first-child{flex:1 1;border:0;background:transparent;color:inherit;text-align:left}.saved span,.saved strong{display:block}.empty,.hint,.saved span{color:var(--muted);font-size:12px}.side-foot{position:relative;display:flex;align-items:center;gap:8px;padding:8px;background:var(--surface)}.side-foot:before{content:"";position:absolute;left:0;right:0;top:-24px;height:24px;background:linear-gradient(to top,var(--surface),transparent);pointer-events:none}.save-group{height:48px;border-radius:8px;overflow:hidden;background:#00bf69;color:#fff}.save-group,.save-main{display:flex;flex:1 1;min-width:0}.save-main{align-items:center;gap:10px;padding:0 10px 0 14px;border:0;background:transparent;color:inherit;font-size:16px;font-weight:600;text-align:left}.save-main>svg{width:24px;height:24px;flex:none}.save-main>span{display:block;white-space:nowrap;line-height:1.35}.save-main small{display:block;font-size:10px;font-weight:600}.save-import{display:grid;place-items:center;flex:none;width:40px;padding:0;border:0;background:transparent;color:inherit}.save-import svg{width:24px;height:24px}.save-import:hover,.save-main:hover{background:rgba(255,255,255,.1)}.side-foot .gear{flex:none;width:48px;height:48px;border:1px solid var(--subtle);border-radius:8px;color:var(--subtle)}.side-foot .gear svg{width:26px;height:26px}.save-group button:focus-visible{outline-color:#fff;outline-offset:-4px}.icon-btn{width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text-secondary);display:grid;place-items:center}.icon-btn svg{width:18px;height:18px}.icon-btn.on{color:var(--green);border-color:var(--green);background:var(--green-soft)}.switch-pop{position:absolute;right:12px;bottom:64px;width:286px;padding:14px 14px 6px;background:var(--surface);border-radius:12px;box-shadow:var(--shadow-pop);z-index:4}.switch-pop h3{margin:0 0 8px;font-size:15px}.switch-pop .row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.switch-pop strong{font-size:13px}.switch-pop p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.switch-pop .check{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:13px}.stage{min-width:0;min-height:0;display:grid;place-items:center;background:var(--surface);padding:28px}.stage.dragging{outline:2px dashed var(--green);outline-offset:-12px}.sheet{position:relative;display:grid}.shape-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.shape-layer polygon{fill:transparent;stroke:var(--handle);stroke-width:2}.shape-handle{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;padding:0;border:2px solid var(--handle);border-radius:50%;background:var(--knob);cursor:move}.sheet canvas{width:100%;height:100%;display:block}.sheet.checker{background:repeating-conic-gradient(var(--checker) 0 25%,var(--surface) 0 50%) 50% /18px 18px}.inspector{display:flex;flex-direction:column;border-left:1px solid var(--line)}.inspector-body{flex:1 1;min-height:0;overflow:auto;padding:8px 14px 16px}.device-tabs{display:flex;align-items:center;gap:16px;min-height:42px}.device-tabs .tab{border:0;background:transparent;color:var(--subtle);padding:10px 0;font-size:14px}.device-tabs .tab.active{color:var(--green);font-weight:700;box-shadow:inset 0 -2px 0 var(--green)}.device-tabs .spacer{flex:1 1}.device-tabs .pad-tab{display:none}.pad-background,.pad-main,.pad-watermark{display:contents}.mini{width:26px;height:26px;border:0;border-radius:50%;background:var(--surface-chip);color:var(--text-mini)}.mini.plus{background:var(--green);color:var(--on-accent);font-size:18px;line-height:1}.mode-pills{display:flex;gap:2px;padding:8px 0 4px}.mode-pills button{border:0;background:transparent;color:var(--text-secondary);border-radius:8px;padding:6px 8px;font-size:13px}.mode-pills button.selected{background:var(--green-soft);color:var(--green-strong);font-weight:700}.block{padding:12px 0;border-top:1px solid var(--line);display:grid;grid-gap:8px;gap:8px}.block-head,.line{display:flex;align-items:center;justify-content:space-between;gap:8px}.block h2,.field-label{margin:0;font-size:13px;font-weight:650;color:var(--text)}.linkish{border:0;background:transparent;color:var(--green);font-size:12px;padding:0}.checks{display:flex;flex-wrap:wrap;gap:8px;color:var(--text-body);font-size:13px}.checks label,.switch-row,.ui-check{display:inline-flex;align-items:center;gap:8px;font-size:13px}.ui-check{flex:0 0 auto;white-space:nowrap;cursor:pointer}.ui-check input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;flex:0 0 16px;width:16px;height:16px;margin:0;border:1px solid var(--line-strong);border-radius:4px;background:var(--surface);cursor:pointer}.ui-check input[type=checkbox]:checked{border-color:var(--green);background:var(--green)}.ui-check input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid var(--on-accent);border-width:0 2px 2px 0;transform:rotate(45deg)}.ui-check input[type=checkbox]:focus-visible{outline:2px solid var(--green);outline-offset:2px}.upload-row{display:grid;grid-template-columns:minmax(0,1fr) 52px;grid-gap:8px;gap:8px;align-items:stretch}.dropzone{min-height:64px;display:grid;place-items:center;text-align:center;padding:8px;border:1px dashed var(--line-strong);border-radius:8px;color:var(--muted);font-size:12px}.crop{border:1px solid var(--line);background:var(--surface);border-radius:8px;color:var(--text-body);font-size:13px}.crop-mask{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:10px;background:rgba(15,18,22,.45)}.crop-dialog{display:flex;flex-direction:column;width:min(1180px,100%);height:min(760px,100%);background:var(--surface);border-radius:8px;box-shadow:var(--shadow-modal);overflow:hidden}.crop-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 8px}.crop-head h2{margin:0;font-size:16px;font-weight:650}.crop-x{width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:20px}.crop-stage{position:relative;flex:1 1;min-height:0;margin:0 16px;overflow:hidden;background:repeating-conic-gradient(#d5d8de 0 25%,#f3f4f6 0 50%) 50% /16px 16px}.crop-stage>img{display:block;max-width:100%}.crop-stage .cropper-container{width:100%!important;height:100%!important}.crop-foot{display:grid;justify-items:end;grid-gap:10px;gap:10px;padding:12px 16px 16px}.crop-actions,.crop-tools{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.crop-rotate{display:flex;align-items:center;gap:8px;color:var(--text);font-size:13px}.crop-rotate input{width:200px;accent-color:var(--green)}.crop-link,.crop-reset{border:0;background:transparent;padding:0;font-size:13px}.crop-link{color:var(--green)}.crop-reset{color:#ef4444}.crop-link:disabled,.crop-ok:disabled,.crop-reset:disabled{opacity:.45}.crop-cancel,.crop-ok{height:32px;min-width:68px;border-radius:6px;padding:0 14px;font-size:14px}.crop-cancel{border:1px solid var(--line-strong);background:var(--surface);color:var(--text)}.crop-ok{border:0;background:var(--green);color:var(--on-accent)}.quiet{color:var(--muted);font-weight:400;font-size:12px}.sheet.layout{cursor:-webkit-grab;cursor:grab}.video-note{margin:0;color:var(--green);font-size:12px}.video-note button{border:0;background:transparent;color:var(--green);padding:0;text-decoration:underline}.hint{margin:0}.inspector input:not([type]),.inspector input[type=date],.inspector input[type=number],.inspector input[type=text],.inspector input[type=time],.time-input{border:1px solid var(--line);border-radius:8px;padding:6px 8px;background:var(--surface);color:var(--text)}.time-input{width:92px;text-align:right}.swatch{width:28px;height:22px;padding:0;border:1px solid var(--line);border-radius:4px;background:var(--surface)}.vip{color:var(--orange);font-size:12px;border:1px solid var(--orange-line);border-radius:999px;padding:1px 6px}.toggle{width:36px;height:20px;border:0;border-radius:999px;background:var(--toggle-off);position:relative}.toggle.on{background:var(--green)}.toggle i{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--knob);transition:left .15s}.toggle.on i{left:18px}.style-picks{display:flex;gap:14px}.style-picks button{width:22px;height:22px;border-radius:50%;border:0;background:transparent;color:var(--subtle)}.style-picks button.selected{background:var(--green-soft);color:var(--green-strong)}.colors{display:flex;gap:14px;align-items:center;font-size:13px;color:var(--text-body)}.colors button.dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--surface);box-shadow:0 0 0 1px var(--line-strong);padding:0}.colors button.dot.selected{box-shadow:0 0 0 2px var(--green)}.more{border-top:1px solid var(--line);padding-top:8px}.more summary{cursor:pointer;color:var(--muted);font-size:13px}.group{padding:12px 0;display:grid;grid-gap:8px;gap:8px}.group h2{margin:0;font-size:12px;color:var(--muted);font-weight:600}.segmented{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:4px;gap:4px;padding:3px;border-radius:9px;background:var(--surface-sunken)}.segmented.wrap{grid-template-columns:repeat(3,minmax(0,1fr))}.segmented.six{grid-template-columns:repeat(6,minmax(0,1fr))}.segmented button{border:0;border-radius:7px;background:transparent;color:var(--muted);padding:7px 2px;font-size:12px}.segmented button.selected{background:var(--green-soft);color:var(--green-strong);box-shadow:var(--shadow-segment);font-weight:700}.split{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.inspector input[type=color].wide{width:100%;height:36px}.slider{display:grid;grid-template-columns:auto 1fr;grid-gap:2px 8px;gap:2px 8px;align-items:center;color:var(--muted);font-size:12px}.slider output{justify-self:end}.slider input{grid-column:1/-1;width:100%}.size-picker{position:relative}.size-trigger{display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:0;color:inherit}.size-pop{position:absolute;z-index:5;top:26px;left:0;right:0;grid-gap:6px;gap:6px;padding:12px;border-radius:12px;box-shadow:var(--shadow-pop)}.size-option,.size-pop{display:grid;background:var(--surface)}.size-option{grid-gap:2px;gap:2px;border:1px solid var(--line);border-radius:8px;padding:6px 8px;text-align:left;color:var(--text);font-size:12px}.size-option span{color:var(--muted)}.size-option.selected{border-color:var(--green);background:var(--green-soft);color:var(--green-strong)}.gradient-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:4px;gap:4px}.swatch-tile{height:32px;border:0;border-radius:4px;padding:0}.swatch-tile.selected{box-shadow:0 0 0 1px var(--surface),0 0 0 2px var(--green)}.tip{font-weight:400}.inspector-meta,.tip{color:var(--muted);font-size:11px}.inspector-meta{display:grid;grid-gap:2px;gap:2px;padding:8px 12px 0;border-top:1px solid var(--line)}.inspector-meta p{margin:0}.inspector-meta a{color:inherit}.inspector-foot{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:8px;gap:8px;padding:10px 12px 12px;border-top:1px solid var(--line);background:var(--surface)}.export-split{position:relative;display:flex;min-width:0;height:46px;border-radius:10px;overflow:visible;background:var(--green);color:var(--on-accent)}.export-gear,.export-main{border:0;background:transparent;color:inherit}.export-main{flex:1 1;display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;font-weight:750}.export-main svg{width:22px;height:22px}.export-main small{display:block;font-size:11px;font-weight:500}.export-main:disabled{opacity:.7}.export-gear{width:36px;border-left:1px solid rgba(255,255,255,.25);display:grid;place-items:center}.export-gear svg{width:20px;height:20px}.export-pop{position:absolute;z-index:8;left:0;bottom:calc(100% + 8px);width:275px;max-height:70vh;display:flex;flex-direction:column;padding:12px 8px 10px;background:var(--surface);color:var(--text);border-radius:12px;box-shadow:var(--shadow-pop)}.export-pop h2{margin:0 8px 8px;font-size:16px}.export-tabs{display:grid;grid-template-columns:1fr 1fr;margin:0 8px;border-bottom:1px solid var(--line)}.export-tabs button{border:0;background:transparent;color:var(--muted);padding:8px 0 10px;font-size:14px}.export-tabs button.selected{color:var(--green);font-weight:700;box-shadow:inset 0 -2px 0 var(--green)}.export-scroll{overflow:auto;padding:10px 8px 0;display:grid;grid-gap:12px;gap:12px}.export-label{margin:0 0 8px;color:var(--muted);font-size:13px}.export-label span{margin-left:6px}.segmented.two{grid-template-columns:1fr 1fr}.segmented.four{grid-template-columns:repeat(4,minmax(0,1fr))}.export-card p,.export-note{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.export-card{display:grid;grid-gap:4px;gap:4px;margin-top:8px;padding:10px 12px;border-radius:8px;background:var(--surface-sunken)}.export-card strong{font-size:13px}.export-seconds{display:flex;align-items:center;margin-top:8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);overflow:hidden}.export-seconds input{flex:1 1;border:0;background:transparent;padding:6px 8px;color:var(--text)}.export-seconds span{padding:0 10px;color:var(--muted);font-size:13px;border-left:1px solid var(--line)}.export-resolution{display:flex;justify-content:space-between;gap:8px;margin-top:8px;padding:10px 12px;border-radius:8px;background:var(--surface-sunken);color:var(--muted);font-size:13px}.export-resolution strong{color:var(--text-body);font-weight:650}.batch-btn{border:0;border-radius:10px;height:46px;color:var(--on-accent);font-weight:750;background:var(--orange)}.batch-btn small{display:block;font-size:11px;font-weight:500}.batch-dialog{display:flex;flex-direction:column;width:min(920px,100%);height:min(760px,100%);background:var(--surface);color:var(--text);border-radius:12px;box-shadow:var(--shadow-modal);overflow:hidden}.batch-foot,.batch-head{display:flex;align-items:center;gap:8px;padding:14px 16px}.batch-head{justify-content:space-between;border-bottom:1px solid var(--line)}.batch-head h2{margin:0;font-size:16px}.batch-body{flex:1 1;min-height:0;overflow:auto;padding:8px 16px 16px;display:grid;grid-gap:10px;gap:10px;align-content:start}.batch-step{display:flex;align-items:center;gap:8px}.batch-step span{width:22px;height:22px;border-radius:50%;background:var(--green);color:var(--on-accent);display:grid;place-items:center;font-size:12px;font-weight:700}.batch-step strong{font-size:14px}.batch-collection{display:flex;gap:8px}.batch-collection input,.batch-collection select{flex:1 1;height:36px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);padding:0 10px}.batch-count{margin-left:auto;border:0;background:transparent;color:var(--muted)}.batch-templates{min-height:220px;max-height:320px;overflow:auto;display:grid;grid-gap:12px;gap:12px;padding:4px 0 8px;align-content:start}.batch-templates h3{margin:0 0 6px;font-size:13px;color:var(--muted)}.batch-grid{display:flex;flex-wrap:wrap;gap:8px}.batch-card{width:72px;border:1px solid transparent;background:transparent;color:var(--text);padding:0;display:grid;justify-items:center;grid-gap:4px;gap:4px;font-size:11px}.batch-card.on{border-color:var(--green);border-radius:8px}.batch-card img{width:64px;height:86px;object-fit:cover;border-radius:6px;background:var(--surface-thumb)}.batch-card input{justify-self:start}.batch-alert{margin:0;padding:8px 10px;border-radius:8px;background:#e8f3ff;color:#245b8a;font-size:13px}.batch-error,.batch-hint{margin:0;font-size:12px;line-height:1.5;color:var(--muted)}.batch-error{color:#ef4444}.batch-files{display:flex;flex-wrap:wrap;gap:8px}.batch-drop{width:92px;height:92px;display:grid;place-items:center;text-align:center;padding:8px;border:1px dashed var(--line-strong);border-radius:8px;color:var(--muted);font-size:12px}.batch-files figure{position:relative;width:72px;margin:0}.batch-files img{width:72px;height:96px;object-fit:cover;border-radius:6px;background:var(--surface-thumb)}.batch-files figcaption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--muted)}.batch-files figure button{position:absolute;top:2px;right:2px;width:18px;height:18px;border:0;border-radius:50%;background:rgba(0,0,0,.55);color:white}.batch-models{display:grid;grid-gap:12px;gap:12px}.batch-check{display:flex;align-items:center;gap:6px;font-size:13px}.batch-foot{justify-content:flex-end;border-top:1px solid var(--line)}.batch-settings{position:relative;margin-right:auto}.batch-text{border:0;background:transparent;color:var(--text)}.batch-settings-pop{position:absolute;z-index:2;left:0;bottom:calc(100% + 8px);width:280px;display:grid;grid-gap:6px;gap:6px;padding:12px;background:var(--surface);border-radius:12px;box-shadow:var(--shadow-pop)}.batch-settings-pop p{margin:0 0 6px;line-height:1.45}.batch-settings-pop p,.toast{color:var(--muted);font-size:12px}.toast{margin:0}.library-page{min-height:0;display:grid;grid-template-columns:220px 1fr;background:var(--surface)}.library-collections{overflow:auto;border-right:1px solid var(--line);padding:8px;display:grid;align-content:start;grid-gap:4px;gap:4px}.library-collections button{display:flex;justify-content:space-between;gap:8px;border:0;border-radius:8px;background:transparent;color:var(--text);padding:8px 10px;text-align:left}.library-collections button.on{background:var(--green-soft);color:var(--green)}.library-collections span,.library-grid em{color:var(--muted);font-style:normal;font-size:12px}.library-grid{overflow:auto;display:flex;flex-wrap:wrap;align-content:start;gap:10px;padding:12px}.library-toolbar{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.library-toolbar .crop-ok{height:34px;padding:0 14px}.library-toolbar .crop-ok:disabled{opacity:.45}.library-card{position:relative;width:120px}.library-card>button{width:100%;border:2px solid transparent;border-radius:8px;background:transparent;color:var(--text);padding:0;display:grid;grid-gap:4px;gap:4px;text-align:left}.library-grid img,.library-pending{width:120px;height:160px;object-fit:cover;border-radius:8px;background:var(--surface-thumb)}.library-grid em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-nav{width:36px;height:36px;border:0;border-radius:50%;background:var(--surface);color:var(--text);font-size:22px}.library-nav:disabled{opacity:.4}.xhs-dialog{display:flex;flex-direction:column;width:min(640px,100%);max-height:min(760px,100%);background:var(--surface);color:var(--text);border-radius:12px;box-shadow:var(--shadow-modal);overflow:hidden}.xhs-body{overflow:auto;display:grid;grid-gap:12px;gap:12px;padding:14px 16px 18px}.xhs-body label,.xhs-body section{display:grid;grid-gap:6px;gap:6px;font-size:13px;color:var(--muted)}.xhs-body input,.xhs-body select,.xhs-body textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);padding:8px 10px}.xhs-body label span em{font-style:normal}.xhs-images{display:flex;gap:8px;overflow:auto}.xhs-images button{width:84px;border:2px solid transparent;border-radius:8px;background:transparent;color:var(--muted);padding:0;display:grid;grid-gap:4px;gap:4px;font-size:11px}.xhs-images button.on{border-color:var(--green);color:var(--green)}.xhs-images img{width:80px;height:106px;object-fit:cover;border-radius:6px}.xhs-switches{display:grid;grid-gap:8px;gap:8px}.xhs-switches .line{display:flex;align-items:center;justify-content:space-between}.library-gate{display:grid;place-items:center;color:var(--muted)}.library-heading{font-size:15px}.wallpaper-page{min-height:0;overflow:auto;padding:30px 38px 48px;background:var(--surface)}.wallpaper-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;max-width:1180px;margin:0 auto 24px}.wallpaper-toolbar h1{margin:0;font-size:26px}.wallpaper-toolbar p{margin:7px 0 0;color:var(--muted);font-size:13px}.wallpaper-actions{display:flex;gap:8px}.wallpaper-primary,.wallpaper-secondary{height:40px;border-radius:10px;padding:0 15px;font-size:13px;font-weight:700}.wallpaper-primary{border:0;background:var(--green);color:var(--on-accent)}.wallpaper-primary:disabled{opacity:.5;cursor:not-allowed}.wallpaper-error{margin:0;color:#c53b32;font-size:13px}.wallpaper-secondary{border:1px solid var(--line-strong);background:var(--surface);color:var(--text-body)}.wallpaper-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:16px;gap:16px;max-width:1180px;margin:0 auto}.wallpaper-tile{overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:0 4px 14px rgba(20,30,50,.04)}.wallpaper-tile img{display:block;width:100%;height:190px;object-fit:cover;background:var(--surface-thumb)}.wallpaper-tile div{display:grid;grid-gap:5px;gap:5px;padding:11px 12px 13px}.wallpaper-tile strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.wallpaper-tile small{color:var(--muted);font-size:11px}.wallpaper-empty-state{grid-column:1/-1;min-height:340px;display:grid;place-items:center;align-content:center;grid-gap:10px;gap:10px;border:1px dashed var(--line-strong);border-radius:16px;color:var(--muted)}.wallpaper-empty-state strong{color:var(--text-strong);font-size:18px}.wallpaper-mask{position:fixed;inset:0;z-index:35;display:grid;place-items:center;padding:24px;background:var(--mask)}.ai-generate-dialog{width:min(760px,100%);max-height:min(850px,94vh);overflow:auto;border-radius:18px;background:var(--surface);box-shadow:var(--shadow-modal)}.ai-generate-foot,.ai-generate-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 26px;border-bottom:1px solid var(--line)}.ai-generate-head h2{margin:4px 0 0;font-size:22px}.ai-generate-body{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:19px;gap:19px;padding:24px 26px}.ai-field,.ai-generate-body label{display:grid;grid-gap:8px;gap:8px;color:var(--text-secondary);font-size:12px}.ai-generate-body input,.ai-generate-body textarea{width:100%;border:1px solid var(--line-strong);border-radius:11px;padding:12px 13px;background:var(--surface);color:var(--text);outline:none;resize:vertical}.ai-generate-body input:focus,.ai-generate-body textarea:focus{border-color:var(--handle);box-shadow:0 0 0 3px rgba(80,115,244,.12)}.ratio-options{display:grid;grid-template-columns:repeat(4,minmax(0,88px));grid-gap:8px;gap:8px}.ratio-options button{display:grid;grid-gap:2px;gap:2px;padding:6px 7px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);color:var(--text-body)}.ratio-options button.selected{border:2px solid var(--green);padding:5px 6px;background:var(--green-soft);color:var(--green-strong)}.ratio-options small{color:var(--muted);font-size:10px}.ai-style-grid,.ai-style-scroll{display:flex;gap:9px;min-width:0}.ai-style-scroll{overflow-x:auto;padding-bottom:6px;overscroll-behavior-x:contain}.ai-style-scroll:focus-visible{outline:2px solid var(--green);outline-offset:2px}.ai-style-grid button{flex:0 0 112px;width:112px;overflow:hidden;border:2px solid transparent;border-radius:11px;padding:0 0 8px;background:var(--surface-muted);color:var(--text);text-align:left}.ai-style-grid button.selected{border-color:var(--green);background:var(--green-soft);color:var(--green-strong)}.ai-style-grid i{display:grid;place-items:center;height:78px;color:var(--muted);font-size:28px;font-style:normal}.ai-style-grid b{display:block;padding:8px 9px 0;font-size:11px}.ai-style-grid .custom i{background:var(--surface-chip)}.ai-generate-foot{justify-content:flex-end;border-top:1px solid var(--line);border-bottom:0}@media (max-width:760px){.wallpaper-toolbar{align-items:flex-start;flex-direction:column}.wallpaper-body{grid-template-columns:1fr}}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:2px}@media (max-width:927px){.app{grid-template-rows:64px minmax(0,1fr)}.header{gap:16px;height:64px;padding:0 16px}.header-status,.label-wide,.tool-link.library{display:none}.label-pad{display:inline}.tool-link.toolbox{color:var(--green);font-weight:700;box-shadow:inset 0 -2px 0 var(--green)}.header-links{gap:14px}.user-chip strong{display:none}.workspace{grid-template-columns:1fr;grid-template-rows:auto minmax(180px,1fr) minmax(280px,46%)}.side{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;border-right:0;border-bottom:1px solid var(--line)}.cats{grid-column:1;grid-row:1;align-items:center;min-width:0;border-bottom:0;padding:8px 8px 0 14px}.side-foot{grid-column:2;grid-row:1;align-self:center;border-top:0;padding:8px 12px 0}.side-foot:before{display:none}.save-group{flex:none;height:32px}.side-foot .gear{width:32px;height:32px}.side-foot .gear svg{width:20px;height:20px}.save-main>svg{width:18px;height:18px}.save-import{width:32px}.save-import svg{width:20px;height:20px}.save-main{flex:none;height:32px;padding:0 14px;border-radius:8px}.save-main small{display:none}.icon-btn{width:32px;height:32px}.icon-btn.import{width:auto;padding:0 12px}.icon-btn.import svg{display:none}.import-label{display:inline;font-size:14px;color:var(--text)}.switch-pop{top:42px;bottom:auto;right:0}.side-scroll{grid-column:1/-1;grid-row:2;overflow-x:auto;overflow-y:hidden;padding:8px 12px 10px;scrollbar-width:none}.side-scroll::-webkit-scrollbar{display:none}.saved-list,.template-grid{display:flex;width:max-content;gap:8px}.template{width:64px;flex:none;padding:2px}.thumb{height:78px}.saved{width:160px;flex:none}.stage{padding:8px;background:var(--surface-muted)}.inspector{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr) auto;border-left:0;border-top:1px solid var(--line)}.inspector-body{grid-column:1/-1}.pad-background,.pad-main,.pad-watermark{display:block}.inspector[data-pad=background] .pad-main,.inspector[data-pad=background] .pad-watermark,.inspector[data-pad=main] .pad-background,.inspector[data-pad=main] .pad-watermark,.inspector[data-pad=watermark] .pad-background,.inspector[data-pad=watermark] .pad-main{display:none}.device-tabs .pad-tab{display:inline}.mode-pills{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-gap:0;gap:0;margin:8px 0 4px;padding:3px;border-radius:10px;background:var(--surface-sunken)}.mode-pills button{border-radius:8px;padding:8px 4px;color:var(--text-secondary)}.mode-pills button.selected{background:var(--green-soft);color:var(--green-strong);box-shadow:var(--shadow-segment);font-weight:700}.inspector-meta{grid-column:1;align-self:center;border-top:0;padding:0 12px;text-align:center}.inspector-meta p:nth-child(-n+2){display:none}.inspector-foot{grid-column:2;align-items:center;border-top:0;padding:8px 12px 12px}.batch-btn,.export-split{height:40px}}.import-template-dialog{width:min(520px,100%);padding:22px 24px 20px;border-radius:8px;background:var(--surface);box-shadow:var(--shadow-modal);color:var(--text);outline:none}.import-template-dialog>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.import-template-dialog h2{margin:0;font-size:16px;font-weight:650}.import-template-dialog .crop-x{width:22px;height:22px;color:#999;font-size:26px;line-height:1}.import-template-tabs{display:flex;height:32px;padding:2px;border-radius:6px;background:var(--surface-chip);margin-bottom:10px}.import-template-tabs button{flex:1 1;border:0;border-radius:5px;background:transparent;color:var(--text-secondary);font-size:14px}.import-template-tabs button[aria-selected=true]{background:var(--green-soft);color:var(--green-strong);box-shadow:var(--shadow-segment)}.import-template-size .size-trigger{width:100%;padding:0;height:30px;margin-bottom:10px;font-size:14px;background:transparent;border:0}.import-template-size .size-trigger>span:last-child{color:var(--text-body)}.import-template-size b{margin-left:8px;font-size:20px;font-weight:400}.import-size-options{display:flex;gap:8px;margin-bottom:10px;align-items:end}.import-size-options label{display:grid;grid-gap:4px;gap:4px;flex:1 1;font-size:12px}.import-size-options input{min-width:0;width:100%;padding:4px 8px}.import-size-options input,.import-size-options>button{height:30px;border:1px solid var(--line-strong);border-radius:5px}.import-size-options>button{background:var(--surface)}.import-template-upload{display:flex;gap:4px}.import-template-upload>button{display:flex;align-items:center;justify-content:center;gap:8px;height:32px;padding:0 12px;background:var(--surface);color:var(--text);border:1px solid var(--line-strong);border-radius:6px;box-shadow:0 1px 1px rgba(0,0,0,.04);font-size:14px}.import-template-upload .import-upload-target{flex:1 1;min-width:0}.import-upload-target span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.import-template-upload svg{width:16px;height:16px;flex:none}.import-template-upload button:disabled{opacity:.5;cursor:not-allowed}.import-template-hint{margin:5px 0 14px;color:#747b89;font-size:13px;line-height:1.5}.import-device-type{display:flex;align-items:center;gap:6px;font-size:14px}.import-device-type select{flex:1 1;min-width:0;height:32px;border:1px solid var(--line-strong);border-radius:6px;background:var(--surface);color:var(--text);padding:0 10px;font-size:14px}.import-template-dialog>footer{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.import-template-dialog>footer button{height:32px;min-width:64px;padding:0 14px;font-size:14px;border-radius:6px}.import-template-dialog .crop-ok{background:#00bf69}.import-template-error{color:var(--danger);font-size:13px;margin:10px 0 0}.import-template-upload.file-upload{margin-top:12px}.import-template-upload.file-upload .import-upload-target{height:auto;min-height:195px;flex-direction:column;gap:0;padding:24px 6px 16px;border:1px dashed #d9d9d9;border-radius:8px;background:#fafafa;box-shadow:none}.import-template-upload.file-upload .import-upload-target>svg{width:56px;height:56px;margin-bottom:26px;color:#50b975}.import-template-upload.file-upload .import-upload-target>span{max-width:100%;white-space:normal;line-height:1.6}.import-template-upload.file-upload .import-file-hint{margin-top:4px;color:#888;font-size:14px}.import-template-upload .import-upload-target.dragging{border-color:#50b975;background:#e1faec}.import-device-type{position:relative;margin-top:16px}.import-device-type>span{flex:none}.import-device-select{position:relative;flex:1 1;min-width:0}.import-device-select>button{width:100%;height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;border:1px solid var(--line-strong);border-radius:6px;background:var(--surface);color:var(--text);font-size:14px;text-align:left}.import-device-select>button>svg{width:14px;height:14px;color:var(--muted);flex:none}.import-device-select>button[aria-expanded=true]{border-color:var(--green);box-shadow:0 0 0 2px var(--green-soft)}.import-device-options{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:10;max-height:264px;overflow-y:auto;padding:4px;border-radius:8px;background:var(--surface);box-shadow:0 6px 24px rgba(0,0,0,.18)}.import-device-options>button{display:block;width:100%;min-height:32px;padding:5px 12px;border:0;border-radius:4px;background:transparent;color:var(--text);font-size:14px;text-align:left}.import-device-options>button:focus-visible,.import-device-options>button:hover{background:var(--surface-chip);outline:none}.import-device-options>button[aria-selected=true]{background:var(--green-soft);color:var(--green-strong);font-weight:600}.app-notification{position:fixed;top:24px;right:24px;z-index:1000;display:flex;align-items:flex-start;gap:12px;width:min(384px,calc(100vw - 32px));padding:16px 18px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);box-shadow:0 6px 24px rgba(0,0,0,.16);font-size:14px;line-height:1.6}.app-notification-icon{display:grid;place-items:center;flex:0 0 20px;height:20px;margin-top:1px;border:1.5px solid #00bf69;border-radius:50%;color:#00bf69;font-weight:600;font-style:normal}.app-notification-message{flex:1 1;min-width:0;overflow-wrap:anywhere}.app-notification>button{flex:none;border:0;padding:0 2px;background:transparent;color:var(--muted);font-size:20px;line-height:22px;cursor:pointer}@media (max-width:480px){.app-notification{top:16px;right:16px}}.wallpaper-actions{flex-wrap:wrap;align-items:center}.wallpaper-secondary:disabled{opacity:.5;cursor:not-allowed}@media (max-width:900px){.wallpaper-toolbar{align-items:flex-start;flex-direction:column}}.ai-style-grid img{display:block;width:100%;height:78px;object-fit:cover}.ai-style-grid small{display:block;padding:5px 9px 0;color:var(--muted);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wallpaper-preview-actions{display:grid;grid-gap:14px;gap:14px;max-width:1180px;margin:0 auto 24px;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface-muted)}.wallpaper-preview-actions>span{color:var(--text-secondary);font-size:13px}.wallpaper-preview-save{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.wallpaper-preview-collection{display:grid;grid-gap:8px;gap:8px;flex:1 1 260px;min-width:0;color:var(--text-secondary);font-size:13px}.wallpaper-tile{position:relative}.wallpaper-tile.is-selected{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.wallpaper-card-actions{display:flex;align-items:center;justify-content:space-between;margin-top:6px;padding-top:10px;border-top:1px solid var(--line)}.wallpaper-card-actions button,.wallpaper-clear-selection,.wallpaper-delete-link{border:0;background:transparent;padding:3px 0;color:var(--text-secondary);font-size:12px}.wallpaper-card-actions button:hover{color:var(--green-strong)}button.wallpaper-delete-link{color:var(--danger)}.wallpaper-selection-bar{display:flex;flex-wrap:wrap;align-items:center;gap:16px;max-width:1180px;margin:0 auto 16px;min-height:40px}.wallpaper-selection-bar label{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.wallpaper-selection-bar .wallpaper-secondary{height:32px;font-size:12px}.wallpaper-danger{height:40px;padding:0 15px;border:0;border-radius:10px;color:var(--on-accent);background:var(--danger);font-size:13px;font-weight:700}.wallpaper-danger:disabled{opacity:.5;cursor:wait}.batch-library-pick{color:var(--green-strong);background:var(--green-soft);font:inherit}.wallpaper-picker-filters{display:flex;flex-wrap:wrap;gap:10px}.wallpaper-picker-filters>*{flex:1 1;min-width:140px}.wallpaper-picker-filters input{border:1px solid var(--line-strong);border-radius:8px;padding:8px 10px;background:var(--surface);color:var(--text)}.ui-dialog:has(.wallpaper-picker-body){width:min(760px,calc(100vw - 32px))}.wallpaper-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:12px;gap:12px;max-height:44vh;overflow:auto;padding:2px}.wallpaper-picker-grid label{position:relative;display:grid;grid-gap:8px;gap:8px;padding:6px;border:1px solid var(--line);border-radius:9px;cursor:pointer}.wallpaper-picker-grid label.selected{border-color:var(--green);background:var(--green-soft)}.wallpaper-picker-grid input{position:absolute;top:12px;left:12px;width:17px;height:17px}.wallpaper-picker-grid img{width:100%;height:125px;object-fit:cover;border-radius:5px}.wallpaper-picker-grid span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px}.wallpaper-picker-count{align-self:center;margin-right:auto;color:var(--muted);font-size:12px}.account-popover-anchor,.header{position:relative}.account-chevron{display:block;flex-shrink:0;align-self:center;color:var(--muted);transition:transform .15s}.user-chip.open .account-chevron{transform:rotate(180deg)}.account-popover{position:absolute;top:calc(100% + 17px);right:0;width:min(390px,calc(100vw - 24px));border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);box-shadow:var(--shadow-pop);text-align:left;z-index:80;overflow:auto;max-height:calc(100dvh - 80px);font-size:13px}.account-popover-identity{display:flex;align-items:center;gap:14px;padding:18px 22px;border-bottom:1px solid var(--line)}.account-popover-avatar{flex:0 0 48px;width:48px;height:48px}.account-popover-avatar svg{width:22px;height:22px}.account-popover-user{min-width:0}.account-popover-user>strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;color:var(--text-strong)}.account-popover-user>small{display:block;margin-top:4px;color:var(--muted);overflow-wrap:anywhere}.account-popover-id{display:flex;align-items:center;gap:5px;margin-top:8px;color:var(--text-secondary)}.header-links .account-copy{display:inline-flex;align-items:center;justify-content:center;padding:3px;margin-left:5px;cursor:pointer;border-radius:4px}.account-popover-body{padding:16px 22px}.account-membership-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-member-badge{display:inline-block;padding:5px 9px;border-radius:6px;font-weight:600;font-size:12px;background:var(--surface-muted);color:var(--text-secondary)}.account-member-badge.active{background:var(--green-soft);color:var(--green-strong)}.account-membership-row>a{color:var(--green-strong);text-decoration:none;font-size:12px;font-weight:600}.account-expiry{margin:9px 0 0;font-size:11px;line-height:1.7;color:var(--muted)}.account-stat-grid{display:grid;grid-template-columns:1fr 1fr;margin:16px 0;grid-gap:16px;gap:16px}.account-stat-grid>div{display:flex;flex-direction:column;gap:7px}.account-stat-grid>div+div{padding-left:20px;border-left:1px solid var(--line)}.account-stat-grid span{color:var(--text-secondary);font-size:12px}.account-stat-grid strong{font-size:27px;font-weight:650;line-height:1.2;color:var(--text-strong)}.account-stat-grid em{margin-left:5px;color:var(--muted);font-size:12px;font-style:normal;font-weight:400}.account-stat-grid small{color:var(--muted);font-size:11px}.account-storage{padding:14px;border-radius:9px;background:var(--surface-sunken)}.account-storage-caption,.account-storage-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.account-storage-heading{font-size:12px}.account-storage-heading>strong{color:var(--green-strong);font-weight:600}.account-storage-bar{height:5px;background:var(--line-strong);border-radius:4px;margin:12px 0 10px;overflow:hidden}.account-storage-bar>span{display:block;height:100%;background:var(--green);border-radius:inherit}.account-storage-caption{font-size:10px;color:var(--muted)}.account-storage-caption strong{color:var(--text-secondary);font-weight:500}.account-cleanup{font-size:11px;color:var(--text-secondary);line-height:1.8;margin:12px 0 0}.account-popover-links{display:grid;grid-gap:4px;gap:4px;padding:8px;border-top:1px solid var(--line)}.account-popover-links>a{display:flex;align-items:center;justify-content:space-between;border-radius:7px;padding:9px 14px;color:var(--text);text-decoration:none}.account-popover-links>a:hover,.header-links .account-copy:hover{background:var(--surface-muted)}.account-popover-footer{border-top:1px solid var(--line);padding:8px}.header-links .account-popover-footer>button{display:block;width:100%;text-align:left;padding:11px 14px;border-radius:7px;cursor:pointer}.header-links .account-popover-footer>button:hover{background:var(--surface-muted)}.account-popover-error,.account-popover-loading{padding:18px 22px;margin:0;color:var(--text-secondary);font-size:12px}.account-popover-error>button{margin-left:8px;text-decoration:underline;cursor:pointer}.account-popover a:focus-visible,.account-popover button:focus-visible,.user-chip:focus-visible{outline:2px solid var(--green);outline-offset:2px}.device-tabs{flex-wrap:wrap}.device-edit-trigger{color:var(--green)}.device-edit-form{padding:20px 24px;min-width:min(420px,calc(100vw - 80px))}.device-edit-tabs{display:flex;justify-content:center;margin-bottom:26px}.device-edit-tabs button{border:1px solid var(--line,#ddd);padding:7px 20px;background:transparent;color:inherit}.device-edit-tabs button[aria-selected=true]{color:var(--green);border-color:var(--green)}.device-name-field{display:flex;align-items:center;gap:12px}.device-name-field input{min-width:0;flex:1 1;border:1px solid var(--line,#ddd);border-radius:5px;padding:8px 12px;background:var(--surface,white);color:inherit}.device-sort-list{list-style:none;padding:0;margin:0}.device-sort-list li{display:flex;gap:12px;align-items:center;border:1px solid var(--line,#ddd);padding:10px 12px;margin-bottom:8px;border-radius:5px;cursor:-webkit-grab;cursor:grab}.device-sort-list li>span:first-child{flex:1 1}.device-sort-list button{background:transparent;color:inherit;border:0;cursor:pointer}.device-sort-list button:disabled{opacity:.3;cursor:default}.device-edit-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:28px}.device-edit-actions button{border:1px solid var(--line,#ddd);background:transparent;color:inherit;border-radius:5px;padding:7px 18px}.device-edit-actions .primary{background:var(--green);border-color:var(--green);color:white}.device-edit-actions .danger{background:#e5484d;border-color:#e5484d;color:white}.device-add-trigger{flex:0 0 22px;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1.5px solid var(--green);border-radius:50%;background:transparent;color:var(--green);font-size:22px;line-height:1;cursor:pointer}.device-add-trigger:hover{background:color-mix(in srgb,var(--green) 10%,transparent)}.device-add-form .device-name-field+.device-name-field{margin-top:20px}.device-name-field select{flex:1 1;min-width:0;border:1px solid var(--line,#ddd);border-radius:5px;padding:8px 12px;background:var(--surface,white);color:inherit}.material-library-app{height:auto;min-height:100vh;grid-template-rows:52px auto;background:var(--surface-sunken)}.material-library-app .library-page{width:100%;max-width:1400px;margin:0 auto;padding:36px 24px 64px;grid-template-columns:216px minmax(0,1fr);gap:32px;box-sizing:border-box;align-items:start;background:transparent}.material-library-app .library-collections{position:-webkit-sticky;position:sticky;top:24px;min-height:620px;padding:24px 14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--surface);gap:0;display:flex;flex-direction:column}.material-library-brand{padding:0 14px 24px}.material-library-brand>span,.material-library-heading>div>span{font-size:10px;letter-spacing:1.8px;color:var(--muted)}.material-library-brand h2{margin:10px 0 8px;font-size:21px}.material-library-brand p{margin:0;color:var(--text-secondary);font-size:12px}.material-library-label{display:flex;justify-content:space-between;padding:10px 14px;color:var(--muted);font-size:11px}.material-library-app .library-collections nav{display:grid;grid-gap:6px;gap:6px}.material-library-app .library-collections button{width:100%;align-items:center;justify-content:start;padding:14px;gap:10px;cursor:pointer}.material-library-app .library-collections button strong{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-library-app .library-collections button svg{flex-shrink:0}.material-library-app .library-collections button span{margin-left:auto;font-size:11px}.material-library-app .library-collections button.on{color:var(--green-strong)}.material-library-links{margin-top:auto;padding-top:24px;display:grid;grid-gap:4px;gap:4px}.material-library-links a{display:flex;justify-content:space-between;padding:12px 14px;color:var(--text-secondary);text-decoration:none;font-size:13px;border-top:1px solid var(--line)}.material-library-content{min-width:0}.material-library-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:24px}.material-library-heading>div>span{color:var(--green-strong)}.material-library-heading h1{font-size:30px;margin:8px 0}.material-library-heading p{color:var(--text-secondary);font-size:13px;line-height:1.8}.material-library-count{color:var(--text-secondary);font-size:12px;white-space:nowrap}.material-library-app .library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));overflow:visible;padding:0;grid-gap:16px;gap:16px}.material-library-app .library-toolbar{grid-column:1/-1;margin-bottom:8px;flex-wrap:wrap;font-size:12px;color:var(--text-secondary)}.material-library-search{margin-right:auto;width:min(320px,100%);border:1px solid var(--line-strong);background:var(--surface);color:var(--text);padding:11px 14px;border-radius:9px;font:inherit}.material-library-app .library-card{width:auto;min-width:0;border-radius:12px;background:var(--surface)}.material-library-app .library-card>button{padding:6px;border-radius:12px;width:100%;gap:10px}.material-library-app .library-grid img,.material-library-app .library-pending{width:100%;height:200px;object-fit:cover}.material-library-app .library-card em{display:block;width:100%;padding:0 4px 6px;box-sizing:border-box}.material-library-empty{grid-column:1/-1;text-align:center;padding:80px 24px;border:1px dashed var(--line-strong);border-radius:14px;color:var(--muted);font-size:13px;background:var(--surface)}@media(max-width:900px){.material-library-app .library-page{grid-template-columns:180px minmax(0,1fr);gap:20px}}@media(max-width:600px){.material-library-app .library-page{grid-template-columns:1fr;padding:24px 16px 40px;gap:24px}.material-library-app .library-collections{position:static;min-height:0;padding:12px}.material-library-brand,.material-library-links{display:none}.material-library-app .library-collections nav{display:flex;overflow-x:auto}.material-library-app .library-collections button{width:auto;flex-shrink:0}.material-library-search{width:100%}.material-library-heading h1{font-size:25px}}.wallpaper-library-app .wallpaper-page{padding:0;overflow:visible;min-width:0;background:transparent}.wallpaper-library-app .wallpaper-toolbar{align-items:center;padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:24px}.wallpaper-library-app .wallpaper-toolbar h1{font-size:30px;margin:8px 0}.wallpaper-library-app .wallpaper-toolbar p{line-height:1.8;color:var(--text-secondary)}.wallpaper-eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--green-strong)}.wallpaper-collection-hint{padding:12px 14px;color:var(--muted);font-size:12px}.wallpaper-library-app .wallpaper-tile{border-radius:12px}.wallpaper-library-app .wallpaper-empty-state{background:var(--surface);border:1px dashed var(--line-strong);border-radius:14px}@media(max-width:900px){.wallpaper-library-app .wallpaper-toolbar{align-items:flex-start;flex-direction:column;gap:16px}}@media(max-width:600px){.wallpaper-library-app .wallpaper-toolbar h1{font-size:25px}}.material-library-app .library-page{max-width:none;padding:16px 20px 32px;gap:20px}.material-library-app .library-collections{top:16px;padding-top:18px}.material-library-brand{padding-bottom:18px}.material-library-heading{padding-bottom:14px;margin-bottom:18px}.wallpaper-library-app .wallpaper-toolbar{padding-bottom:16px;margin-bottom:18px}@media(max-width:600px){.material-library-app .library-page{padding:12px 12px 24px;gap:16px}}.header{position:-webkit-sticky;position:sticky;top:0;align-self:start;height:52px;box-sizing:border-box;z-index:20}.material-library-app .library-collections{top:68px}@media(max-width:927px){.header{height:64px}.material-library-app .library-collections{top:80px}}.saved-template-card{position:relative;min-width:0}.saved-template{width:100%;border:0;padding:0;border-radius:0}.saved-template-preview{display:block;border:2px solid transparent;border-radius:12px;padding:4px}.saved-template.active{border:0}.saved-template.active .saved-template-preview{border-color:var(--green)}.saved-template .thumb{height:auto;aspect-ratio:3/4;background-size:contain;border-radius:7px}.saved-template .name{margin-top:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.saved-template-placeholder{display:grid;height:100%;place-items:center;font-size:12px;color:var(--muted)}.saved-template-delete{position:absolute;right:8px;top:8px;width:22px;height:22px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--text-secondary);cursor:pointer;opacity:0}.saved-template-card:focus-within .saved-template-delete,.saved-template-card:hover .saved-template-delete{opacity:1}.saved-template-grid>.empty{grid-column:1/-1}@media(hover:none){.saved-template-delete{opacity:1}}@media(max-width:927px){.saved-template-card{width:84px;flex:none}.saved-template-grid .saved-template{width:100%}}.saved-template-delete{display:grid;place-items:center;padding:0;box-sizing:border-box;font-family:Arial,sans-serif;font-size:18px;font-weight:400;line-height:1;z-index:2}