:root{--bg: #f4f5f6;--panel: #ffffff;--panel-2: #fafbfb;--line: #e4e7e9;--line-strong: #d3d8db;--text: #17191b;--text-2: #5c6469;--text-3: #6b7278;--accent: #007bff;--accent-dark: #0063cc;--accent-soft: #e6f2ff;--warn: #b45309;--danger: #c0392b;--radius: 8px;--radius-sm: 6px;--shadow: 0 1px 2px rgba(18, 24, 28, .06), 0 1px 8px rgba(18, 24, 28, .04);--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--raised: #ffffff;--raised-2: rgba(255, 255, 255, .93);--checker-a: #f0f1f2;--checker-b: #ffffff;--checker-a2: #eef0f1;--checker-b2: #f8f9f9;--thumb-overlay: rgba(255, 255, 255, .42);--drop-overlay: rgba(231, 246, 241, .94);--stage-bg: #2b2f31;--overlay: rgba(20, 24, 26, .42);--menu-shadow: 0 10px 28px rgba(18, 24, 28, .16);--modal-shadow: 0 12px 40px rgba(0, 0, 0, .24);--preview-shadow: 0 2px 12px rgba(0, 0, 0, .13);--warn-bg: #fdf7ee;--warn-line: #f0dcc0;--warn-text: #7c4a11;--danger-bg: #fdf1ef;--danger-line: #f0cfca;--accent-line: color-mix(in srgb, var(--accent) 26%, var(--panel));--select-arrow: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7278' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>")}[data-theme=emerald]{--accent: #0f9d76;--accent-dark: #0b8261;--accent-soft: #e7f6f1}[data-theme=blue]{--accent: #007bff;--accent-dark: #0063cc;--accent-soft: #e6f2ff}[data-theme=azure]{--accent: #0b74c4;--accent-dark: #095da0;--accent-soft: #e6f1fa}[data-theme=indigo]{--accent: #5a5ad8;--accent-dark: #4747b8;--accent-soft: #ecebfb}[data-theme=rose]{--accent: #d1417a;--accent-dark: #b13264;--accent-soft: #fceaf1}[data-theme=amber]{--accent: #c2761a;--accent-dark: #a36112;--accent-soft: #fdf1e3}[data-theme=graphite]{--accent: #4b5563;--accent-dark: #38404a;--accent-soft: #eceef1}[data-mode=dark]{color-scheme:dark;--bg: #141719;--panel: #1b1f22;--panel-2: #171b1e;--line: #2a3034;--line-strong: #3b4349;--text: #e7eaec;--text-2: #a4aeb6;--text-3: #8a949c;--accent-dark: color-mix(in srgb, var(--accent) 62%, #ffffff);--accent-soft: color-mix(in srgb, var(--accent) 22%, var(--panel));--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 1px 8px rgba(0, 0, 0, .24);--raised: #23282c;--raised-2: rgba(35, 40, 44, .94);--checker-a: #1f2427;--checker-b: #2a3034;--checker-a2: #1d2225;--checker-b2: #262c30;--thumb-overlay: rgba(35, 40, 44, .55);--drop-overlay: rgba(35, 40, 44, .94);--stage-bg: #0e1113;--overlay: rgba(0, 0, 0, .62);--menu-shadow: 0 10px 28px rgba(0, 0, 0, .5);--modal-shadow: 0 12px 40px rgba(0, 0, 0, .6);--preview-shadow: 0 2px 12px rgba(0, 0, 0, .45);--warn-bg: #2b2418;--warn-line: #4a3a22;--warn-text: #e2b97c;--danger-bg: #2c1c1a;--danger-line: #4a2b26;--select-arrow: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238a949c' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>")}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:232px 1fr;height:100%;overflow:hidden}.sidebar{background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;overflow-y:auto;padding:14px 12px 18px;gap:4px}.nav-scrim{display:none}.brand{display:flex;align-items:center;gap:9px;padding:6px 8px 14px}.brand-mark{width:28px;height:28px;border-radius:7px;background:var(--accent);color:#fff;display:grid;place-items:center;flex:none}.brand-name{font-weight:650;font-size:14.5px;letter-spacing:0}.brand-sub{font-size:11.5px;color:var(--text-3);margin-top:-2px}.nav-group{margin-top:10px}.sidebar-foot{display:none;margin-top:auto;padding:12px 4px 2px;justify-content:flex-start}.nav-group-title{font-size:11px;font-weight:600;color:var(--text-3);padding:6px 8px 4px;letter-spacing:.02em}.nav-item{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:var(--radius-sm);color:var(--text-2);font-size:13.5px;cursor:pointer;transition:background .12s ease,color .12s ease}.nav-item:hover{background:var(--panel-2);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent-dark);font-weight:600}.nav-item svg{flex:none;opacity:.85}.nav-count{margin-left:auto;font-size:11px;color:var(--text-3);font-variant-numeric:tabular-nums}.nav-tools{margin-left:auto;display:inline-flex;align-items:center;gap:2px;flex:none}.nav-info{margin-left:0;width:18px;height:18px;flex:none;display:grid;place-items:center;border-radius:5px;color:var(--text-3);opacity:0;transition:color .12s ease,background .12s ease,opacity .12s ease}.nav-item:hover .nav-info,.nav-item:focus-within .nav-info,.nav-item.active .nav-info{opacity:1}.nav-info:hover{color:var(--accent);background:var(--accent-soft)}.nav-info svg{opacity:1}.nav-warning{flex:none;color:var(--warn);opacity:1}.fav-star{width:20px;height:20px;flex:none;display:grid;place-items:center;padding:0;border:0;border-radius:5px;background:transparent;color:var(--text-3);cursor:pointer;opacity:0;transition:opacity .12s ease,color .12s ease,background .12s ease}.nav-item:hover .fav-star,.nav-item.active .fav-star,.fav-star.on,.topbar-star,.tool-card:hover .fav-star{opacity:1}.fav-star:hover{color:var(--accent);background:var(--accent-soft)}.fav-star.on{color:var(--accent)}.nav-tip{position:fixed;z-index:70;transform:translateY(-50%);pointer-events:none;padding:7px 10px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--raised);color:var(--text-2);box-shadow:var(--menu-shadow);font-size:12.5px;line-height:1.55;animation:nav-tip-in .12s ease}@keyframes nav-tip-in{0%{opacity:0;transform:translateY(-50%) translate(-4px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.main{display:flex;flex-direction:column;min-width:0;overflow:hidden}.topbar{height:52px;flex:none;background:var(--panel);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:0 18px;min-width:0}.topbar-title{margin:0;font-weight:620;font-size:15px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-desc{margin:0;color:var(--text-3);font-size:12.5px;border-left:1px solid var(--line);padding-left:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:8px;flex:none}.badge-local{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--accent-dark);background:var(--accent-soft);border:1px solid var(--accent-line);padding:4px 9px;border-radius:999px;font-weight:600;white-space:nowrap}.content{flex:1;overflow-y:auto;padding:18px;min-height:0;display:flex;flex-direction:column}.content-inner{max-width:1180px;width:100%;margin:0 auto;flex:1;display:flex;flex-direction:column;gap:14px}.site-footer{max-width:1180px;width:100%;flex:none;margin:22px auto 0;padding-top:14px;border-top:1px solid var(--line);display:flex;justify-content:center;font-size:12.5px}.site-footer a{color:var(--text-3);text-decoration:none}.site-footer a:hover{color:var(--accent);text-decoration:underline}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel-head{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--line)}.panel-head h2{font-size:13.5px;font-weight:620;margin:0;min-width:0;white-space:nowrap}@media (max-width: 680px){.hide-sm{display:none!important}}.panel-head .spacer{margin-left:auto}.panel-actions{display:flex;align-items:center;gap:10px;flex:none;min-width:0}.panel-body{padding:14px}.split-2{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:14px;align-items:start}@media (max-width: 940px){.split-2{grid-template-columns:minmax(0,1fr)}.split-2>*:last-child{order:-1}}@media (max-width: 620px){.panel-head{flex-wrap:wrap;row-gap:9px}.panel-head .panel-actions{flex:0 1 auto;flex-wrap:wrap;gap:8px}.panel-head .panel-actions>*{flex:1 1 auto}.panel-head .panel-actions>.menu-wrap{min-width:0}.panel-head .panel-actions .menu-wrap>.btn{width:100%}.panel-head .muted{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (min-width: 941px){.content-inner.tool-page{display:grid;grid-template-columns:minmax(0,1fr) 344px;grid-template-rows:max-content 1fr;gap:14px;align-items:start}.content-inner.tool-page>.split-2{display:contents}.content-inner.tool-page>.tray{grid-column:1;grid-row:1}.content-inner.tool-page>.split-2>*:first-child{grid-column:1;grid-row:2}.content-inner.tool-page>.split-2>*:last-child{grid-column:2;grid-row:1 / span 2}.split-2>*:last-child{position:sticky;top:0;max-height:calc(100vh - 92px);overflow-y:auto}}.dropzone{border:1.5px dashed var(--line-strong);border-radius:var(--radius);background:var(--panel-2);padding:46px 20px;min-height:230px;text-align:center;cursor:pointer;transition:border-color .14s ease,background .14s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%}.dropzone:hover,.dropzone.over{border-color:var(--accent);background:var(--accent-soft)}.dropzone-icon{color:var(--accent);margin-bottom:12px;line-height:0}.dropzone-title{font-weight:600;font-size:15.5px;margin-bottom:14px}.dropzone-primary{min-width:190px}.dropzone-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:10px}.dropzone-hint{color:var(--text-3);font-size:12.5px;margin-top:14px}.tray-loadbar{height:3px;background:var(--line);overflow:hidden}.tray-loadbar>i{display:block;height:100%;background:var(--accent);transition:width .18s ease}.tray-body{position:relative;min-height:120px}.tray.dragging{border-color:var(--accent)}.tray-dropbar{display:flex;gap:8px;margin-top:10px}.tray-dropbar-main{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:7px;padding:11px;border:1.5px dashed var(--line-strong);border-radius:var(--radius-sm);background:var(--panel-2);color:var(--text-3);font-size:12.5px;cursor:pointer;transition:border-color .14s ease,background .14s ease,color .14s ease}.tray-dropbar-main:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark)}.tray-note{margin-top:9px;padding:7px 10px;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-dark);font-size:12.5px}.tray-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;text-align:center;padding:20px;border:2px dashed var(--accent);border-radius:var(--radius-sm);background:var(--drop-overlay);color:var(--accent-dark);pointer-events:none}.tray-overlay-title{font-weight:620;font-size:15px;margin-top:8px}.tray-overlay-hint{font-size:12.5px;color:var(--text-2);margin-top:2px}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;grid-auto-rows:132px;max-height:274px;overflow-y:auto;padding-right:2px}.file-card{position:relative;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;background:var(--panel);cursor:pointer;display:flex;flex-direction:column}.file-card.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.file-thumb{width:100%;flex:1 1 auto;min-height:0;object-fit:contain;background:repeating-conic-gradient(var(--checker-a) 0% 25%,var(--checker-b) 0% 50%) 50% / 14px 14px;display:block}.file-thumb-fallback{display:grid;place-items:center;color:var(--text-3);background:var(--panel-2)}.file-spinner{position:absolute;inset:0 0 40px;display:grid;place-items:center;color:var(--accent);background:var(--thumb-overlay);pointer-events:none}.file-meta{padding:6px 7px;border-top:1px solid var(--line);font-size:11.5px;flex:none;background:var(--panel)}.file-grid::-webkit-scrollbar{width:8px}.file-grid::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:999px;border:2px solid var(--panel)}.file-grid::-webkit-scrollbar-thumb:hover{background:var(--text-3)}.file-grid::-webkit-scrollbar-track{background:transparent}.file-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.file-dim{color:var(--text-3);font-variant-numeric:tabular-nums}.file-remove{position:absolute;top:5px;right:5px;width:22px;height:22px;border-radius:5px;border:1px solid var(--line-strong);background:var(--raised-2);display:grid;place-items:center;cursor:pointer;color:var(--text-2);padding:0}.file-remove:hover{color:var(--danger);border-color:var(--danger)}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:13px}.field:last-child{margin-bottom:0}.field-label{font-size:12.5px;font-weight:550;color:var(--text-2);display:flex;align-items:center;gap:6px}.field-value{margin-left:auto;font-family:var(--mono);font-size:12px;color:var(--text);font-variant-numeric:tabular-nums}input[type=text],input[type=email],input[type=number],select,textarea{border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:6px 9px;background:var(--raised);width:100%;outline:none;transition:border-color .12s ease,box-shadow .12s ease}input[type=text]:focus,input[type=email]:focus,input[type=number]:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}select{appearance:none;-webkit-appearance:none;background-image:var(--select-arrow);background-repeat:no-repeat;background-position:right 10px center;background-size:12px 12px;padding-right:32px;color-scheme:inherit;cursor:pointer}select option{background:var(--panel);color:var(--text)}input[type=color]{width:38px;height:32px;padding:2px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--raised);cursor:pointer}input[type=range]{width:100%;accent-color:var(--accent)}.row{display:flex;gap:10px}.row>*{flex:1;min-width:0}.segmented{display:inline-flex;border:1px solid var(--line-strong);border-radius:var(--radius-sm);overflow:hidden;background:var(--panel-2)}.segmented button{border:0;background:transparent;padding:6px 11px;cursor:pointer;color:var(--text-2);font-size:12.5px;border-right:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.segmented button.mode-btn{flex-direction:column;gap:3px;padding:7px 8px;line-height:1.2}.segmented button:last-child{border-right:0}.segmented button.on{background:var(--accent);color:#fff;font-weight:550}.segmented.grow{width:100%}.segmented.grow button{flex:1}.split-chips{display:flex;flex-wrap:wrap;gap:7px}.split-chip{display:inline-flex;align-items:baseline;gap:3px;padding:6px 11px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--raised);color:var(--text);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer;transition:border-color .12s ease,background .12s ease,color .12s ease}.split-chip span{font-size:11px;font-weight:500;color:var(--text-3)}.split-chip:hover{border-color:var(--accent)}.split-chip.on{background:var(--accent);border-color:var(--accent);color:#fff}.split-chip.on span{color:#ffffffd1}.split-layouts{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.split-layout{display:flex;flex-direction:column;gap:6px;padding:7px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--raised);color:var(--text-2);cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease}.split-layout:hover{border-color:var(--accent)}.split-layout.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.split-layout-thumb{display:grid;gap:1px;padding:1px;aspect-ratio:4 / 3;border-radius:4px;overflow:hidden;background:var(--accent)}.split-layout-thumb i{display:block;min-width:0;min-height:0;background-color:var(--raised);background-repeat:no-repeat}.split-layout-name{font-size:11.5px;font-weight:550;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.split-layout.on .split-layout-name{color:var(--accent-dark)}.resize-presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}.resize-preset{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:9px 6px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--raised);color:var(--text);text-align:center;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease}.resize-preset:hover{border-color:var(--accent)}.resize-preset.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.resize-preset-size{font-size:13.5px;font-weight:650;font-variant-numeric:tabular-nums}.resize-preset-name{font-size:11.5px;color:var(--text-3);white-space:nowrap}.resize-preset.on .resize-preset-name{color:var(--accent-dark)}.collage-thumb{display:block;width:100%;aspect-ratio:4 / 3;border-radius:4px;overflow:hidden;background:var(--raised)}input[type=range]:disabled{opacity:.45;cursor:not-allowed}.collage-stage{position:relative;display:inline-block;max-width:100%;line-height:0}.collage-stage canvas{display:block}.collage-cells{position:absolute;inset:0}.collage-cell{position:absolute;margin:0;padding:0;border:0;background:transparent;cursor:grab;touch-action:none}.collage-cell:active{cursor:grabbing}.collage-zoom{display:flex;align-items:center;gap:8px}.collage-zoom input[type=range]{flex:1;min-width:0}.collage-adjust-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.collage-cell:after{content:"";position:absolute;inset:0;border:1px solid transparent;border-radius:4px;transition:border-color .12s ease,box-shadow .12s ease}.collage-cell:hover:after{border-color:#ffffffe6;box-shadow:0 0 0 1px #0c101280}.collage-cell.on:after{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),0 0 0 3px #0c101247}.collage-cell-badge{position:absolute;top:4px;left:4px;min-width:16px;height:16px;padding:0 5px;border-radius:8px;background:#0f12149e;color:#fff;font-size:10.5px;font-weight:600;line-height:16px;text-align:center;opacity:0;transition:opacity .12s ease}.collage-cells:hover .collage-cell-badge,.collage-cell.on .collage-cell-badge{opacity:1}.checkbox{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--text-2);cursor:pointer;user-select:none}.checkbox input{accent-color:var(--accent);width:15px;height:15px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--raised);color:var(--text);padding:7px 13px;cursor:pointer;font-size:13px;font-weight:550;white-space:nowrap;transition:background .12s ease,border-color .12s ease,opacity .12s ease}.btn:hover:not(:disabled){background:var(--panel-2);border-color:var(--text-3)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:var(--accent-dark);border-color:var(--accent-dark)}.btn.ghost{border-color:transparent;background:transparent;color:var(--text-2)}.btn.ghost:hover:not(:disabled){background:var(--panel-2);color:var(--text)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.block{width:100%}.btn.lg{padding:10px 22px;font-size:14px;border-radius:7px}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.menu-wrap{position:relative}.menu-pop{position:absolute;right:0;top:calc(100% + 6px);z-index:50;width:214px;max-height:380px;overflow-y:auto;background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:var(--menu-shadow);padding:6px}.menu-pop-head{font-size:11.5px;color:var(--text-3);padding:5px 8px 7px;border-bottom:1px solid var(--line);margin-bottom:5px}.menu-group{font-size:11px;color:var(--text-3);padding:5px 8px 3px;font-weight:600}.menu-item{display:flex;align-items:center;gap:8px;width:100%;border:0;background:transparent;padding:7px 8px;border-radius:var(--radius-sm);font-size:13px;color:var(--text);cursor:pointer;text-align:left}.menu-item>span:first-of-type{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-item:hover:not(:disabled){background:var(--accent-soft);color:var(--accent-dark)}.locale-item{padding:6px 8px}.locale-item .locale-name{display:flex;flex-direction:column;gap:1px;line-height:1.25}.locale-native,.locale-en{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.locale-en{font-size:11px;color:var(--text-3)}.menu-item:hover:not(:disabled) .locale-en{color:var(--accent-dark);opacity:.75}.menu-item:disabled{color:var(--text-3);cursor:default}.settings-pop{width:256px;padding:10px}.settings-group+.settings-group{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.settings-group-title{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-3);font-weight:600;padding:0 2px 6px}.swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(28px,1fr));gap:6px}.swatch{position:relative;border:1px solid var(--line-strong);border-radius:6px;padding:3px;background:var(--raised);cursor:pointer;aspect-ratio:1;display:grid;place-items:center}.swatch>span{width:100%;height:100%;border-radius:4px;display:block}.swatch>svg{position:absolute;color:#fff;filter:drop-shadow(0 1px 1px rgba(0,0,0,.55));pointer-events:none}.swatch.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.settings-current{margin-top:7px;font-size:12px;color:var(--text-2);text-align:center}.ico-tab{display:inline-flex;align-items:center;gap:8px;max-width:230px;padding:9px 14px 9px 11px;border:1px solid var(--line);border-bottom:0;border-radius:9px 9px 0 0;background:var(--panel-2);font-size:12.5px;color:var(--text-2)}.ico-tab>canvas{display:block;width:16px;height:16px;flex:none}.ico-tab>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ico-strip{display:flex;flex-wrap:wrap;align-items:flex-end;gap:18px;margin-top:0;padding:16px;border:1px solid var(--line);border-radius:0 var(--radius-sm) var(--radius-sm) var(--radius-sm);background:repeating-conic-gradient(var(--checker-a) 0% 25%,var(--checker-b) 0% 50%) 50% / 14px 14px;min-height:120px}.ico-figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:7px;padding:6px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;cursor:pointer;transition:border-color .12s ease,background .12s ease}.ico-figure:hover{border-color:var(--accent);background:var(--accent-soft)}.ico-chip{display:block;box-shadow:0 1px 5px #00000038}.ico-figure .ico-caption{font-family:var(--mono);font-size:10.5px;color:var(--text-3);white-space:nowrap}.ico-sizes{display:flex;flex-wrap:wrap;gap:6px}.ico-size{min-width:48px;padding:6px 8px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--raised);color:var(--text-2);font-size:12.5px;font-variant-numeric:tabular-nums;cursor:pointer;transition:border-color .12s ease,background .12s ease,color .12s ease}.ico-size:hover{border-color:var(--accent)}.ico-size.on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.gif-strip{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:repeating-conic-gradient(var(--checker-a) 0% 25%,var(--checker-b) 0% 50%) 50% / 14px 14px;max-height:340px;overflow-y:auto}.gif-frame-figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:4px}.gif-frame{display:block;height:84px;width:auto;max-width:140px;object-fit:contain;box-shadow:0 1px 4px #0003}.gif-frame-index{font-family:var(--mono);font-size:10.5px;color:var(--text-3);white-space:nowrap}.preset-bar{position:relative;display:flex;align-items:center;gap:8px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--line)}.preset-label{font-size:12.5px;color:var(--text-2);font-weight:550;flex:none}.preset-trigger{flex:1;min-width:0;display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--raised);color:var(--text);font-size:12.5px;cursor:pointer;transition:border-color .12s ease}.preset-trigger:hover{border-color:var(--accent)}.preset-name{flex:1;min-width:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preset-mini{padding:5px 7px!important;flex:none}.preset-flash{position:absolute;right:0;bottom:-4px;font-size:11px;color:var(--accent-dark);background:var(--accent-soft);border-radius:4px;padding:1px 6px}.preset-pop{left:0;right:auto;width:100%;min-width:240px}.preset-row{display:flex;align-items:center;gap:4px}.preset-row>.menu-item{flex:1;min-width:0}.preset-row>input{flex:1;min-width:0;font-size:12.5px;padding:5px 8px}.preset-row .menu-item.on{background:var(--accent-soft);color:var(--accent-dark);font-weight:600}.preset-icon{flex:none;border:1px solid transparent;background:transparent;color:var(--text-3);border-radius:5px;padding:4px;cursor:pointer;display:grid;place-items:center}.preset-icon:hover{border-color:var(--line-strong);color:var(--text)}.preset-icon.danger:hover{color:var(--danger);border-color:var(--danger)}.preset-divider{height:1px;background:var(--line);margin:5px 2px}.preset-empty{font-size:12px;color:var(--text-3);padding:8px;text-align:center}.preset-save{flex:none;padding:5px 10px;font-size:12px}.logo-picker{display:flex;align-items:center;gap:10px;border:1px dashed var(--line-strong);border-radius:var(--radius-sm);background:var(--panel-2);padding:8px}.logo-thumb{width:54px;height:40px;object-fit:contain;border-radius:4px;background:repeating-conic-gradient(var(--checker-a) 0% 25%,var(--checker-b) 0% 50%) 50% / 10px 10px;flex:none}.stage{background:repeating-conic-gradient(var(--checker-a2) 0% 25%,var(--checker-b2) 0% 50%) 50% / 18px 18px;border:1px solid var(--line);border-radius:var(--radius-sm);min-height:320px;display:grid;place-items:center;overflow:hidden;padding:12px}.stage img{max-width:100%;max-height:460px;object-fit:contain;box-shadow:var(--preview-shadow);background:var(--raised)}.stage canvas{max-width:100%;max-height:460px;box-shadow:var(--preview-shadow)}.stage.scroll{place-items:start center;overflow:auto;max-height:480px;overscroll-behavior:contain}.stage.scroll canvas{max-height:none}.empty-state{color:var(--text-3);font-size:13px;text-align:center;padding:30px 10px}.stat-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.stat{flex:1;min-width:104px;border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px 10px;background:var(--panel-2)}.stat-label{font-size:11.5px;color:var(--text-3)}.stat-value{font-size:15px;font-weight:620;font-variant-numeric:tabular-nums;font-family:var(--mono)}.stat-value.good{color:var(--accent-dark)}.stat-value.bad{color:var(--warn)}.result-list{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto}.result-item{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:var(--radius-sm);padding:6px 8px;font-size:12.5px}.result-item img{width:34px;height:34px;object-fit:cover;border-radius:4px;flex:none;background:var(--panel-2)}.result-thumb{border:0;padding:0;background:none;border-radius:4px;cursor:zoom-in;flex:none;line-height:0}.result-thumb:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.result-thumb:hover img{box-shadow:0 0 0 2px var(--accent)}.result-item .name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-item .size{color:var(--text-3);font-family:var(--mono);font-size:11.5px;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}.result-item .fmt{font-family:var(--mono);font-size:10.5px;color:var(--warn);background:var(--warn-bg);border:1px solid var(--warn-line);border-radius:4px;padding:1px 5px;white-space:nowrap}.result-item .fmt.same{color:var(--text-3);background:var(--panel-2);border-color:var(--line)}.result-item .row-remove:hover:not(:disabled){color:var(--warn);border-color:var(--warn-line);background:var(--warn-bg)}@media (max-width: 620px){.result-item{display:grid;grid-template-columns:34px auto minmax(0,1fr) auto auto;grid-template-areas:"thumb name name dl rm" "thumb fmt size size size";align-items:center;column-gap:8px;row-gap:3px}.result-thumb{grid-area:thumb}.result-item .name{grid-area:name}.result-item .fmt{grid-area:fmt;justify-self:start}.result-item .size{grid-area:size}.result-item .size-source{display:none}.result-item>.btn{grid-area:dl;width:auto}.result-item>.row-remove{grid-area:rm}}.shot-left{display:flex;flex-direction:column;gap:14px;min-width:0}.shot-preview{display:block;width:100%;max-height:460px;overflow:auto;padding:0;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-2);cursor:zoom-in}.shot-preview img{display:block;width:100%;height:auto}.shot-preview:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shot-status{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:12.5px;color:var(--text-2)}.shot-status+.progress{margin-top:8px}.link-btn{padding:0;border:0;background:none;color:var(--accent);font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.link-btn:hover{color:var(--accent-dark)}.hint svg{vertical-align:-2px}.progress{height:5px;background:var(--line);border-radius:999px;overflow:hidden;margin-top:10px}.progress>i{display:block;height:100%;background:var(--accent);transition:width .2s ease}.lightbox-backdrop{position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;padding:18px;background:#080a0ce6;backdrop-filter:blur(8px)}.lightbox-head{flex:none;display:flex;align-items:center;gap:10px;min-width:0;padding-bottom:10px;color:#fff}.lightbox-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600}.lightbox-meta{display:flex;gap:12px;color:#ffffffa3;font-family:var(--mono);font-size:11.5px;font-variant-numeric:tabular-nums;white-space:nowrap}.lightbox-stage{position:relative;flex:1;min-height:0;display:grid;place-items:center;padding:0 56px}.lightbox-scroll{width:100%;height:100%;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto;overscroll-behavior:contain;border-radius:8px;-webkit-overflow-scrolling:touch}.lightbox-scroll.tall{align-items:flex-start}.lightbox-scroll img{display:block;max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 18px 60px #00000094}.lightbox-scroll.tall img{max-height:none}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#14181cb8;color:#fff;cursor:pointer;transition:background .12s ease,border-color .12s ease}.lightbox-nav:hover{background:#ffffff29;border-color:#fff6}.lightbox-nav.prev{left:0}.lightbox-nav.next{right:0}.lightbox-action{border-color:#fff3;background:#ffffff1a;color:#fff}.lightbox-action:hover:not(:disabled){border-color:#fff6;background:#ffffff2e}.lightbox-icon-btn{color:#ffffffd1}.lightbox-icon-btn:hover:not(:disabled){background:#ffffff21;color:#fff}@media (max-width: 620px){.lightbox-backdrop{padding:10px}.lightbox-meta>span:not(:last-child){display:none}.lightbox-action span{display:none}.lightbox-stage{padding:0 46px}.lightbox-nav{width:38px;height:38px}}.notice{border:1px solid var(--warn-line);background:var(--warn-bg);color:var(--warn-text);border-radius:var(--radius-sm);padding:8px 10px;font-size:12.5px;margin-bottom:12px}.notice.error{border-color:var(--danger-line);background:var(--danger-bg);color:var(--danger)}.crop-stage{position:relative;width:100%;height:380px;background:var(--stage-bg);border-radius:var(--radius-sm);overflow:hidden}.fc-stage{touch-action:none;cursor:grab}.fc-image{position:absolute;left:0;top:0;max-width:none;transform-origin:0 0;pointer-events:none;user-select:none;-webkit-user-drag:none}.fc-frame{position:absolute;border:1px solid rgba(255,255,255,.95);box-shadow:0 0 0 9999px #00000085;cursor:move;touch-action:none}.fc-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.32) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.32) 1px,transparent 1px);background-size:33.333% 33.333%;background-position:-1px -1px}.fc-handle{position:absolute;background:#fff;border:1px solid rgba(0,0,0,.4);border-radius:2px;touch-action:none}.fc-nw,.fc-ne,.fc-sw,.fc-se{width:12px;height:12px}.fc-nw{left:0;top:0;cursor:nwse-resize}.fc-ne{right:0;top:0;cursor:nesw-resize}.fc-sw{left:0;bottom:0;cursor:nesw-resize}.fc-se{right:0;bottom:0;cursor:nwse-resize}.fc-n,.fc-s{left:50%;width:28px;height:6px;transform:translate(-50%);cursor:ns-resize}.fc-n{top:0}.fc-s{bottom:0}.fc-w,.fc-e{top:50%;width:6px;height:28px;transform:translateY(-50%);cursor:ew-resize}.fc-w{left:0}.fc-e{right:0}.eraser-stage{position:relative;width:100%;height:460px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-sm);background:repeating-conic-gradient(var(--checker-a2) 0% 25%,var(--checker-b2) 0% 50%) 50% / 18px 18px;touch-action:none}.eraser-canvas{max-width:100%;max-height:100%;box-shadow:var(--preview-shadow);cursor:none;touch-action:none;user-select:none;-webkit-user-drag:none}.eraser-cursor{position:absolute;left:0;top:0;z-index:2;border-radius:50%;border:1px solid rgba(255,255,255,.95);box-shadow:0 0 0 1px #0000008c,inset 0 0 0 1px #00000059;opacity:0;pointer-events:none;transition:opacity .1s ease}.eraser-cursor:after{content:"";position:absolute;left:50%;top:50%;width:3px;height:3px;border-radius:50%;background:#ffffffeb;box-shadow:0 0 0 1px #00000080;transform:translate(-50%,-50%)}@media (max-width: 620px){.eraser-stage{height:340px}}.brush-stage{position:relative;width:100%;height:460px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-sm);background:repeating-conic-gradient(var(--checker-a2) 0% 25%,var(--checker-b2) 0% 50%) 50% / 18px 18px;touch-action:none}.brush-canvas{max-width:100%;max-height:100%;box-shadow:var(--preview-shadow);cursor:none;touch-action:none;user-select:none;-webkit-user-drag:none}.brush-cursor{position:absolute;left:0;top:0;z-index:2;border-radius:50%;border:1.5px solid #ffffff;box-shadow:0 0 0 1px #0000008c,inset 0 0 0 1px #00000059;opacity:0;pointer-events:none;transition:opacity .1s ease}.brush-cursor:after{content:"";position:absolute;left:50%;top:50%;width:3px;height:3px;border-radius:50%;background:#ffffffeb;box-shadow:0 0 0 1px #00000080;transform:translate(-50%,-50%)}@media (max-width: 620px){.brush-stage{height:340px}}.inpaint-stage-wrap{position:relative}.inpaint-busy{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--panel) 72%,transparent);color:var(--text-2);font-size:12.5px;font-weight:560;backdrop-filter:blur(3px);pointer-events:none}.inpaint-busy svg{color:var(--accent)}.color-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.color-dot{width:26px;height:26px;flex:0 0 auto;padding:0;border:1px solid var(--line-strong);border-radius:50%;display:grid;place-items:center;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff38}.color-dot.on{box-shadow:0 0 0 2px var(--accent-soft),0 0 0 3px var(--accent)}.ratio-custom{display:grid;grid-template-columns:1fr auto 1fr auto;gap:8px;align-items:center;margin:-2px 0 14px}.ratio-colon{color:var(--text-3);font-size:13px}.ratio-swap{padding:7px 8px}.home-hero{--hero-text: #f6f8fa;--hero-muted: rgba(246, 248, 250, .66);--hero-line: rgba(255, 255, 255, .12);--hero-panel: rgba(255, 255, 255, .05);--hero-accent: color-mix(in srgb, var(--accent) 72%, #ffffff);position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid rgba(255,255,255,.08);background-color:#0c0f12;background-image:linear-gradient(180deg,color-mix(in srgb,var(--accent) 13%,transparent),transparent 46%),linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:100% 100%,23px 23px,23px 23px;color:var(--hero-text);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.85fr);gap:26px;padding:30px;box-shadow:0 1px 2px #080c1047,0 20px 44px -30px #080c10bf}.home-hero-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero-eyebrow{display:inline-flex;align-items:center;gap:6px;padding:4px 11px 4px 9px;border-radius:999px;border:1px solid color-mix(in srgb,var(--hero-accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--hero-accent);font-size:12px;font-weight:600}.home-hero h1{margin:14px 0 10px;font-size:34px;line-height:1.14;letter-spacing:0;color:var(--hero-text)}.hero-lede{margin:0;max-width:540px;font-size:14px;line-height:1.7;color:var(--hero-muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.home-hero .btn.hero-ghost{border-color:#fff3;background:#ffffff0a;color:var(--hero-text)}.home-hero .btn.hero-ghost:hover:not(:disabled){border-color:#ffffff5c;background:#ffffff1a}.hero-stats{display:flex;align-items:center;gap:14px;margin-top:22px;font-size:12.5px;color:var(--hero-muted)}.hero-stat{display:inline-flex;align-items:baseline;gap:6px}.hero-stat strong{font-size:15px;font-weight:680;color:var(--hero-text);font-variant-numeric:tabular-nums}.hero-stat-sep{width:1px;height:16px;background:var(--hero-line)}.hero-drop{position:relative;min-height:268px;border-radius:var(--radius);border:1px solid var(--hero-line);background:var(--hero-panel);padding:12px;display:flex}.hero-dropzone{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 16px;border:1.5px dashed rgba(255,255,255,.22);border-radius:var(--radius-sm);background:transparent;color:var(--hero-text);cursor:pointer;text-align:center;transition:border-color .14s ease,background .14s ease}.hero-dropzone:hover,.hero-drop[data-over=true] .hero-dropzone{border-color:var(--hero-accent);background:color-mix(in srgb,var(--accent) 18%,transparent)}.hero-drop-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--accent);color:#fff;box-shadow:0 8px 20px -10px color-mix(in srgb,var(--accent) 95%,transparent)}.hero-dropzone strong{font-size:15px;font-weight:620}.hero-drop-hint{font-size:12.5px;color:var(--hero-muted)}.hero-drop-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin-top:8px}.hero-drop-chips span{font-family:var(--mono);font-size:10.5px;letter-spacing:.02em;padding:2px 7px;border-radius:5px;border:1px solid var(--hero-line);color:var(--hero-muted)}.hero-picker{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.hero-picker-head{display:flex;align-items:center;gap:9px}.hero-picker-icon{width:30px;height:30px;flex:none;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 26%,transparent);color:var(--hero-accent)}.hero-picker-title{display:flex;flex-direction:column;min-width:0;gap:1px}.hero-picker-title strong{font-size:13.5px;font-weight:620}.hero-picker-title span{font-size:11.5px;color:var(--hero-muted)}.home-hero .btn.hero-picker-reset{margin-left:auto;padding:5px 9px;font-size:12px;border-color:transparent;color:var(--hero-muted)}.home-hero .btn.hero-picker-reset:hover:not(:disabled){color:var(--hero-text);background:#ffffff14}.hero-picker-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;align-content:start;max-height:208px;overflow-y:auto;padding-right:4px;overscroll-behavior:contain}.hero-tool{display:flex;align-items:center;gap:7px;padding:7px 9px;border-radius:var(--radius-sm);border:1px solid var(--hero-line);background:#ffffff08;color:var(--hero-text);font-size:12.5px;text-align:left;cursor:pointer;min-width:0;transition:border-color .12s ease,background .12s ease}.hero-tool:hover:not(:disabled){border-color:var(--hero-accent);background:color-mix(in srgb,var(--accent) 22%,transparent)}.hero-tool:disabled{opacity:.5;cursor:progress}.hero-tool svg{flex:none;color:var(--hero-accent)}.hero-tool span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--accent-line);border-radius:var(--radius);background:var(--accent-soft);overflow:hidden}.trust-item{display:flex;gap:12px;padding:18px 18px 19px;border-right:1px solid var(--accent-line)}.trust-item:last-child{border-right:0}.trust-icon{flex:none;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--accent);color:#fff}.trust-item h2{margin:0 0 5px;font-size:14px;font-weight:650;color:var(--text);letter-spacing:0}.trust-item p{margin:0;font-size:12.5px;line-height:1.6;color:var(--text-2)}@media (max-width: 820px){.trust-strip{grid-template-columns:minmax(0,1fr)}.trust-item{border-right:0;border-bottom:1px solid var(--accent-line)}.trust-item:last-child{border-bottom:0}}@media (max-width: 940px){.home-hero{grid-template-columns:minmax(0,1fr);gap:22px;padding:26px}.home-hero h1{font-size:29px}}@media (max-width: 560px){.home-hero{padding:20px 18px}.home-hero h1{font-size:25px}.hero-actions{width:100%}.hero-actions .btn{flex:1}.hero-picker-list{grid-template-columns:minmax(0,1fr)}}.home-tools{display:flex;flex-direction:column;gap:22px;scroll-margin-top:6px}.home-group-head{display:flex;align-items:center;gap:9px;margin:0 0 10px}.home-group-bar{width:3px;height:14px;border-radius:2px;background:var(--accent);flex:none}.home-group-head h2{margin:0;font-size:14px;font-weight:650;letter-spacing:0}.home-group-count{font-size:11px;color:var(--text-3);background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:1px 7px;font-variant-numeric:tabular-nums}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:12px}.tool-card{position:relative;display:flex;gap:11px;padding:13px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.tool-card:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));box-shadow:var(--shadow);transform:translateY(-2px)}.tool-card-main{display:flex;gap:11px;flex:1;min-width:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.tool-card .fav-star{position:absolute;top:7px;right:7px}.tool-card-icon{width:34px;height:34px;border-radius:8px;background:linear-gradient(145deg,var(--accent-soft),color-mix(in srgb,var(--accent) 16%,var(--panel)));color:var(--accent-dark);display:grid;place-items:center;flex:none;transition:background .14s ease,color .14s ease}.tool-card:hover .tool-card-icon{background:var(--accent);color:#fff}.tool-card:hover h3{color:var(--accent-dark)}.tool-card h3{margin:0 0 2px;padding-right:18px;font-size:13.5px;font-weight:620}.tool-card p{margin:0;font-size:12px;color:var(--text-3);line-height:1.45}.kv{display:grid;grid-template-columns:150px 1fr;font-size:12.5px;border-top:1px solid var(--line)}.kv>dt,.kv>dd{margin:0;padding:7px 2px;border-bottom:1px solid var(--line);min-width:0;overflow-wrap:anywhere}.kv>dt{color:var(--text-3);font-family:var(--mono);font-size:11.5px}.kv>dd{color:var(--text)}.mono{font-family:var(--mono);font-size:12px}.spin{animation:spin .9s linear infinite}.donate-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 12px 5px 10px;border-radius:999px;border:1px solid transparent;background:var(--accent);color:#fff;font-size:12.5px;font-weight:650;white-space:nowrap;cursor:pointer;box-shadow:0 1px 2px color-mix(in srgb,var(--accent) 38%,transparent);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.donate-btn:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 36%,transparent)}.donate-btn:active{transform:translateY(0);box-shadow:0 1px 2px color-mix(in srgb,var(--accent) 38%,transparent)}.modal.donate-modal{max-width:680px;flex-direction:row;align-items:stretch}.donate-aside{flex:0 0 264px;display:flex;flex-direction:column;align-items:center;gap:13px;padding:26px 24px;text-align:center;border-right:1px solid var(--line);background:linear-gradient(180deg,var(--accent-soft),var(--panel-2))}.donate-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--accent);color:#fff;flex:none;box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 34%,transparent)}.donate-qr-frame{display:grid;place-items:center;padding:10px;border-radius:10px;background:#fff;box-shadow:var(--preview-shadow)}.donate-qr-frame img{display:block;width:172px;height:172px;object-fit:contain}.donate-qr-missing{width:172px;height:172px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:14px;text-align:center;color:#8b9399;border:1px dashed #d3d8db;border-radius:6px;background:#f4f5f6}.donate-qr-missing strong{font-size:12.5px;color:#5c6469}.donate-qr-missing span{font-size:11px;line-height:1.5;overflow-wrap:anywhere}.donate-caption{font-size:13px;font-weight:620;color:var(--text)}.donate-tagline{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--accent-dark);font-size:11.5px;font-weight:600;white-space:nowrap}.donate-qq{font-size:12px;color:var(--text-3);user-select:text;overflow-wrap:anywhere}.donate-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:13px;padding:22px 24px 18px}.donate-main-top{display:flex;align-items:center;gap:10px}.donate-kicker{flex:1;font-size:12px;font-weight:650;color:var(--text-3)}.donate-close{flex:none;padding:5px;border-color:transparent;background:transparent}.donate-lead{margin:2px 0 0;font-size:17px;line-height:1.45;font-weight:650;color:var(--text)}.donate-copy{margin:0;font-size:13.5px;line-height:1.75;color:var(--text-2)}.donate-note{margin-top:2px;padding:12px 14px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:6px;background:var(--panel-2)}.donate-note-label{display:block;margin-bottom:4px;font-size:12px;font-weight:650;color:var(--accent-dark)}.donate-note p{margin:0;font-size:13px;line-height:1.7;color:var(--text-2)}.donate-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid var(--line)}.donate-meta{font-family:var(--mono);font-size:11.5px;color:var(--text-3)}@media (max-width: 620px){.modal.donate-modal{max-width:400px;flex-direction:column;overflow-y:auto}.donate-aside{flex:none;padding:18px;gap:10px;border-right:0;border-bottom:1px solid var(--line)}.donate-mark{display:none}.donate-qr-frame img,.donate-qr-missing{width:140px;height:140px}.donate-main{padding:18px 18px 16px}.donate-lead{font-size:16px}}.modal-backdrop{position:fixed;inset:0;z-index:60;background:var(--overlay);display:grid;place-items:center;padding:20px}.modal{width:100%;max-width:430px;background:var(--panel);border-radius:var(--radius);box-shadow:var(--modal-shadow);display:flex;flex-direction:column;max-height:calc(100vh - 40px);overflow:hidden}.modal-head{display:flex;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line)}.modal-head h3{margin:0;font-size:14px;font-weight:620;flex:1}.modal-body{padding:14px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:11px 12px;border-top:1px solid var(--line);background:var(--panel-2)}.feedback-modal{max-width:440px}.feedback-modal form{display:flex;flex-direction:column;min-height:0}.feedback-lead{margin:0 0 4px;font-size:13px;line-height:1.65;color:var(--text-2)}.feedback-status{margin:0;font-size:13.5px;line-height:1.6}.feedback-status.ok{color:var(--text)}.feedback-status.error{color:var(--danger)}.feedback-trap{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tabs{display:flex;gap:2px;padding:8px 12px 0;border-bottom:1px solid var(--line);overflow-x:auto}.tab{border:0;background:transparent;padding:6px 10px 9px;font-size:12.5px;color:var(--text-2);cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent}.tab:hover{color:var(--text)}.tab.on{color:var(--accent-dark);font-weight:600;border-bottom-color:var(--accent)}.stack{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:var(--text-2)}.switch-row{display:flex;gap:18px;flex-wrap:wrap}.switch{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-2);cursor:pointer}.switch-track{width:34px;height:19px;border-radius:999px;border:1px solid var(--line-strong);background:var(--line);padding:0;cursor:pointer;position:relative;transition:background .14s ease,border-color .14s ease;flex:none}.switch-track>i{position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:var(--raised);box-shadow:0 1px 2px #00000040;transition:transform .14s ease}.switch-track.on{background:var(--accent);border-color:var(--accent)}.switch-track.on>i{transform:translate(15px)}.builder{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:start}.builder-vars{display:flex;flex-direction:column;gap:4px;border:1px solid var(--line);border-radius:var(--radius-sm);padding:6px;background:var(--panel-2)}.chip{border:1px solid var(--line-strong);background:var(--raised);border-radius:5px;padding:5px 8px;font-size:12px;color:var(--text-2);cursor:pointer;text-align:left}.chip:hover{border-color:var(--accent);color:var(--accent-dark);background:var(--accent-soft)}.builder-arrow{color:var(--text-3);align-self:center;font-size:15px}.builder-canvas{display:flex;flex-wrap:wrap;gap:4px;align-content:flex-start;min-height:96px;border:1px solid var(--line);border-radius:var(--radius-sm);padding:6px;background:var(--panel-2)}.token{display:inline-flex;align-items:center;gap:4px;background:var(--accent);color:#fff;border-radius:5px;padding:4px 6px;font-size:11.5px;height:fit-content}.token>button{border:0;background:transparent;color:inherit;cursor:pointer;padding:0;display:grid;place-items:center;opacity:.8}.token>button:hover{opacity:1}.sample-block{border-top:1px dashed var(--line-strong);padding-top:10px}.sample-title{font-size:12px;color:var(--text-3);margin-bottom:4px}@keyframes spin{to{transform:rotate(360deg)}}.muted{color:var(--text-3)}.hint{font-size:12px;color:var(--text-3);margin-top:6px;margin-bottom:13px}.hint:last-child{margin-bottom:0}.layer-head{display:flex;align-items:center;gap:8px;margin:12px 0 8px}.layer-head-title{font-size:12.5px;font-weight:600;color:var(--text-2)}.layer-head .spacer{margin-left:auto}.layer-list{display:flex;flex-direction:column;gap:4px;max-height:250px;overflow-y:auto;border:1px solid var(--line);border-radius:var(--radius-sm);padding:5px;background:var(--panel-2)}.layer-row{display:flex;align-items:center;gap:6px;padding:4px 5px;border-radius:6px;cursor:pointer;border:1px solid transparent;transition:background .12s ease,border-color .12s ease}.layer-row:hover{background:var(--raised)}.layer-row.active{border-color:var(--accent);background:var(--accent-soft)}.layer-thumb{width:30px;height:30px;flex:none;object-fit:contain;border-radius:5px;border:1px solid var(--line);background:repeating-conic-gradient(var(--checker-a) 0% 25%,var(--checker-b) 0% 50%) 50% / 10px 10px}.layer-name{flex:1;min-width:0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-icon-btn{flex:none;width:24px;height:24px;padding:0;display:grid;place-items:center;border:0;background:transparent;color:var(--text-3);border-radius:5px;cursor:pointer}.layer-icon-btn:hover:not(:disabled){background:var(--panel-2);color:var(--text)}.layer-row.active .layer-icon-btn:hover:not(:disabled){background:var(--raised)}.layer-icon-btn.danger:hover:not(:disabled){color:var(--danger)}.layer-icon-btn:disabled{opacity:.3;cursor:default}.layer-empty{font-size:12px;color:var(--text-3);text-align:center;padding:14px 8px;line-height:1.5}.layer-props{display:flex;flex-direction:column;gap:2px;margin-top:4px}.arrange-block{margin-top:10px}.seq-head{display:flex;align-items:center;gap:8px;margin:12px 0 8px}.seq-head-title{font-size:12.5px;font-weight:600;color:var(--text-2)}.seq-head .spacer{margin-left:auto}.seq-list{display:flex;flex-direction:column;gap:4px;max-height:320px;overflow-y:auto;border:1px solid var(--line);border-radius:var(--radius-sm);padding:5px;background:var(--panel-2)}.seq-row{display:flex;align-items:center;gap:6px;padding:4px 5px;border-radius:6px;cursor:pointer;border:1px solid transparent;background:var(--panel);transition:background .12s ease,border-color .12s ease,opacity .12s ease}.seq-row:hover{background:var(--raised)}.seq-row.active{border-color:var(--accent);background:var(--accent-soft)}.seq-row.drop-target{border-color:var(--accent);border-style:dashed}.seq-row.dragging{opacity:.45}.seq-handle{flex:none;display:grid;place-items:center;color:var(--text-3);cursor:grab}.seq-row:active .seq-handle{cursor:grabbing}.seq-index{flex:none;width:20px;text-align:center;font-size:11.5px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-3)}.seq-row.active .seq-index{color:var(--accent-dark)}.seq-thumb{width:46px;height:30px;flex:none;object-fit:contain;border-radius:5px;border:1px solid var(--line);background:repeating-conic-gradient(var(--checker-a) 0% 25%,var(--checker-b) 0% 50%) 50% / 10px 10px}.seq-name{flex:1;min-width:0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seq-hint{margin-top:6px;font-size:11.5px;color:var(--text-3);line-height:1.5}.seq-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.align-grid{display:flex;flex-wrap:wrap;gap:6px}.align-grid+.align-grid{margin-top:6px}.align-btn{width:34px;height:30px;padding:0;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--raised);color:var(--text-2);cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.align-btn:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent);color:var(--accent-dark)}.align-btn:active:not(:disabled){background:var(--accent);border-color:var(--accent);color:#fff}.align-btn:disabled{opacity:.4;cursor:not-allowed}.lib-strip{display:flex;gap:6px;flex-wrap:wrap}.lib-thumb{position:relative;width:46px;height:46px;padding:0;border:1px solid var(--line);border-radius:6px;background:var(--raised);cursor:pointer;overflow:hidden}.lib-thumb img{width:100%;height:100%;object-fit:cover;display:block}.lib-thumb:hover{border-color:var(--accent)}.lib-add{position:absolute;right:2px;bottom:2px;width:16px;height:16px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;line-height:0}.layer-head{flex-wrap:wrap}.layer-actions{display:flex;gap:6px;margin:0 0 8px}.layer-actions .btn{flex:1;justify-content:center;min-width:0;padding-left:6px;padding-right:6px}.layer-thumb-glyph{display:grid;place-items:center;padding:0 2px;overflow:hidden;font-size:14px;line-height:1;white-space:nowrap;text-overflow:ellipsis}.text-area{resize:vertical;min-height:84px;line-height:1.5;font-family:inherit}.sticker-picker{margin-top:10px;padding:8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-2)}.sticker-picker .layer-head{margin:0 0 8px}.sticker-tabs{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}.sticker-tab{padding:3px 9px;font-size:12px;border:1px solid var(--line);border-radius:999px;background:var(--raised);color:var(--text-2);cursor:pointer}.sticker-tab:hover{border-color:var(--accent);color:var(--accent-dark)}.sticker-tab.on{background:var(--accent);border-color:var(--accent);color:#fff}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:3px;max-height:190px;overflow-y:auto;padding:2px}.emoji-btn{height:36px;padding:0;display:grid;place-items:center;font-size:22px;line-height:1;border:1px solid transparent;border-radius:7px;background:transparent;cursor:pointer}.emoji-btn:hover{background:var(--raised);border-color:var(--line);transform:scale(1.08)}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px}.badge-btn{padding:8px 4px;display:grid;place-items:center;border:1px solid transparent;border-radius:8px;background:transparent;cursor:pointer}.badge-btn:hover{background:var(--raised);border-color:var(--line)}.badge-prev{display:inline-flex;align-items:center;justify-content:center;min-width:56px;max-width:100%;padding:5px 9px;font-size:11px;font-weight:800;letter-spacing:.2px;text-align:center;border:2px solid;white-space:nowrap}.badge-round{min-width:44px;min-height:44px;padding:6px;border-radius:50%}.badge-ribbon{border-radius:3px}.badge-tag{border-radius:6px}.badge-burst{min-width:50px;min-height:42px;border-radius:4px;clip-path:polygon(50% 0%,61% 15%,79% 9%,80% 28%,98% 34%,85% 50%,98% 66%,80% 72%,79% 91%,61% 85%,50% 100%,39% 85%,21% 91%,20% 72%,2% 66%,15% 50%,2% 34%,20% 28%,21% 9%,39% 15%)}@media (max-width: 760px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;z-index:40;transform:translate(-100%);transition:transform .2s ease}.sidebar.open{transform:translate(0)}.nav-scrim{display:block;position:fixed;inset:0;z-index:39;padding:0;border:0;background:#00000059;cursor:pointer;animation:nav-scrim-in .2s ease}.menu-btn{display:inline-flex!important}.topbar{padding:0 12px;gap:8px}.topbar-title{white-space:nowrap}.topbar-desc{display:none}.topbar-right .badge-local{padding:5px}.topbar-right .badge-local .badge-local-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.sidebar-foot{display:flex}.donate-btn{min-width:40px;min-height:40px;padding:0 10px;gap:0;justify-content:center}.donate-btn span{display:none}.dropzone{min-height:176px;padding:30px 16px}}@keyframes nav-scrim-in{0%{opacity:0}to{opacity:1}}.menu-btn{display:none}.col-stack{display:flex;flex-direction:column;gap:14px;min-width:0}.cutout-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cutout-compare figure{margin:0;display:flex;flex-direction:column;gap:6px;min-width:0}.cutout-compare img,.cutout-placeholder{width:100%;height:min(340px,40vh);object-fit:contain;border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--preview-shadow);background:repeating-conic-gradient(var(--checker-a2) 0% 25%,var(--checker-b2) 0% 50%) 50% / 18px 18px;display:block}.cutout-compare figcaption{font-size:12px;color:var(--text-2);text-align:center}.mask-wrap{display:flex;flex-direction:column;gap:10px}.mask-stage{position:relative;display:grid;place-items:center;min-height:320px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:repeating-conic-gradient(var(--checker-a2) 0% 25%,var(--checker-b2) 0% 50%) 50% / 18px 18px;overflow:hidden}.mask-canvas{display:block;max-width:100%;max-height:460px;box-shadow:var(--preview-shadow);touch-action:none;cursor:crosshair;user-select:none;-webkit-user-drag:none}.mask-toolbar{position:absolute;top:10px;left:10px;display:flex;align-items:center;gap:5px;max-width:calc(100% - 20px);padding:5px 7px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--raised-2);box-shadow:var(--preview-shadow);backdrop-filter:blur(6px)}.mask-tool{height:26px;min-width:26px;flex:none;display:inline-flex;align-items:center;gap:5px;padding:0 8px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--text-2);font-size:12px;line-height:1;white-space:nowrap;cursor:pointer}.mask-tool span{pointer-events:none}.mask-tool:hover:not(:disabled){background:var(--panel-2);color:var(--text)}.mask-tool.on{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-dark)}.mask-tool:disabled{opacity:.45;cursor:default}.mask-size{width:86px;min-width:44px;accent-color:var(--accent)}@media (max-width: 520px){.mask-tool{width:26px;justify-content:center;padding:0}.mask-tool span{display:none}}.mask-cursor{position:absolute;transform:translate(-50%,-50%);border:1.5px solid rgba(255,255,255,.95);border-radius:50%;box-shadow:0 0 0 1.5px #0000008c;pointer-events:none}.mask-cursor.erase{border-style:dashed;background:#ff606038}.mask-busy{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--thumb-overlay);color:var(--text-2);font-size:12.5px}.file-btn{position:relative;cursor:pointer}.cutout-badge{display:inline-flex;align-items:center;margin-right:8px;padding:1px 7px;border-radius:5px;background:var(--accent-soft);color:var(--accent-dark);font-weight:600;font-size:11.5px}.cutout-stage{margin-top:8px}@media (max-width: 700px){.cutout-compare{grid-template-columns:minmax(0,1fr)}}.pdf-split,.pdf-left{display:contents}.pdf-mode{width:100%;max-width:460px;margin-bottom:4px}.pdf-mode .segmented{width:100%;display:flex}.pdf-mode .segmented button{flex:1}@media (min-width: 941px){.content-inner.tool-page:has(.pdf-split){grid-template-rows:max-content max-content 1fr}.content-inner.tool-page .pdf-split>*:last-child{grid-row:1 / span 3}}@media (max-width: 940px){.content-inner.tool-page>.pdf-split{display:grid;grid-template-columns:minmax(0,1fr)}.content-inner.tool-page .pdf-split>.pdf-left:first-child{order:-2}.content-inner.tool-page .pdf-split>*:last-child{order:-1}}.pdf-source-list{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto;padding-right:2px}.pdf-source{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:var(--radius-sm);padding:9px 11px;background:var(--panel)}.pdf-source-thumb{width:46px;height:60px;flex:none;display:grid;place-items:center;border-radius:4px;overflow:hidden;background:repeating-conic-gradient(var(--checker-a) 0% 25%,var(--checker-b) 0% 50%) 50% / 12px 12px;color:var(--text-3);box-shadow:0 1px 4px #00000026}.pdf-source-thumb img{width:100%;height:100%;object-fit:cover}.pdf-source-meta{flex:1;min-width:0}.pdf-source-meta .file-name{max-width:none}.result-pdf{display:grid;place-items:center;width:34px;height:34px;border-radius:4px;flex:none;background:var(--accent-soft);color:var(--accent-dark)}.lightbox-pdf{width:min(920px,100%);height:min(100%,82vh);border:0;border-radius:8px;background:#fff;box-shadow:0 18px 60px #00000094}.shape-stage canvas{cursor:grab;touch-action:none;border-radius:2px}.shape-stage canvas:active{cursor:grabbing}.shape-preview-meta{display:flex;align-items:center;gap:10px;margin-top:9px;font-size:12px}.shape-preview-name{font-weight:600;color:var(--text)}.shape-search{position:relative;display:flex;align-items:center}.shape-search>svg{position:absolute;left:9px;color:var(--text-3);pointer-events:none}.shape-search input{padding-left:30px;padding-right:28px}.shape-search-clear{position:absolute;right:6px;display:grid;place-items:center;width:20px;height:20px;border:0;border-radius:50%;background:var(--raised-2);color:var(--text-3);font-size:15px;line-height:1;cursor:pointer}.shape-search-clear:hover{color:var(--text)}.shape-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:6px;margin-top:9px;max-height:284px;overflow-y:auto;padding:2px}.shape-tile{position:relative;aspect-ratio:1;padding:5px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--raised);cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}.shape-tile:hover{border-color:var(--accent);background:var(--raised-2)}.shape-tile.on{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 2px var(--accent-soft)}.shape-thumb{display:block;width:100%;height:100%}.shape-thumb-fill{fill:var(--text-3);transition:fill .12s ease}.shape-outline-halo,.shape-outline{fill:none;vector-effect:non-scaling-stroke;stroke-linejoin:round}.shape-outline-halo{stroke:#ffffffd1;stroke-width:2.6}.shape-outline{stroke:#0f172a8c;stroke-width:1.2}.shape-tile:hover .shape-outline,.shape-tile.on .shape-outline{stroke:var(--accent);stroke-width:1.8}.shape-tile:hover .shape-outline-halo,.shape-tile.on .shape-outline-halo{stroke:#ffffffeb;stroke-width:3}.shape-tile:hover .shape-thumb-fill,.shape-tile.on .shape-thumb-fill{fill:var(--accent)}.shape-nudge{display:flex;flex-wrap:wrap;gap:7px}.shape-nudge .btn{flex:1 1 auto;justify-content:center}.btn.on{background:var(--accent);border-color:var(--accent);color:#fff}.btn.on:hover:not(:disabled){background:var(--accent-dark);border-color:var(--accent-dark)}.vg-left{display:flex;flex-direction:column;gap:14px;min-width:0}.vg-stage{display:flex;align-items:center;justify-content:center;min-height:220px;max-height:420px;margin:10px 0;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-sm);background:repeating-conic-gradient(var(--checker-a) 0% 25%,var(--checker-b) 0% 50%) 50% / 16px 16px}.vg-stage img,.vg-stage video{display:block;max-width:100%;max-height:420px;background:transparent}.vg-stale{align-self:center;font-size:12px;color:var(--warn)}.vg-trim{display:flex;flex-direction:column;gap:8px}.vg-trim-row{display:grid;grid-template-columns:42px minmax(0,1fr) 74px;align-items:center;gap:8px}.vg-trim-label{font-size:12px;color:var(--text-2)}.vg-time{width:74px;padding:5px 6px;text-align:center;font-variant-numeric:tabular-nums}.vg-source-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:10px;max-height:296px;overflow-y:auto;padding-right:2px}.vg-source{position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);cursor:pointer}.vg-source.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.vg-source-thumb{position:relative;display:grid;place-items:center;aspect-ratio:16 / 9;overflow:hidden;color:var(--text-3);background:var(--panel-2)}.vg-source-thumb img{width:100%;height:100%;object-fit:cover;display:block}.vg-source-time{position:absolute;right:5px;bottom:5px;padding:1px 6px;border-radius:4px;background:#0000009e;color:#fff;font-size:11px;font-variant-numeric:tabular-nums}.vg-source-meta{padding:6px 7px;border-top:1px solid var(--line);font-size:11.5px}.vg-source-grid .tray-dropbar{grid-column:1 / -1}.tool-skeleton{display:grid;gap:12px;align-content:start}.tool-skeleton-bar,.tool-skeleton-block{border-radius:8px;background:var(--panel-2);border:1px solid var(--line)}.tool-skeleton-bar{height:34px;max-width:320px}.tool-skeleton-bar:last-of-type{max-width:220px;height:18px}.tool-skeleton-block{height:240px}.tool-skeleton-bar,.tool-skeleton-block{animation:tool-skeleton-pulse 1.4s ease-in-out infinite}@keyframes tool-skeleton-pulse{0%,to{opacity:.55}50%{opacity:.9}}@media (prefers-reduced-motion: reduce){.tool-skeleton-bar,.tool-skeleton-block,.nav-scrim{animation:none}}@media (pointer: coarse){.nav-info{display:none}.fav-star{width:30px;height:30px;opacity:.5}.nav-item:hover .fav-star,.nav-item.active .fav-star,.topbar-star,.fav-star.on{opacity:1}.tool-card .fav-star{top:4px;right:4px}.tool-card h3{padding-right:30px}.btn,.segmented button{min-height:38px}}.tool-seo{margin-top:6px}.tool-seo-intro{margin:0 0 10px;max-width:78ch;color:var(--text-3);font-size:13px;line-height:1.6}.tool-seo-details{border-top:1px solid var(--line)}.tool-seo-details>summary{display:flex;align-items:center;gap:8px;padding:10px 0;color:var(--text-2);font-size:13.5px;font-weight:560;cursor:pointer;list-style:none}.tool-seo-details>summary::-webkit-details-marker{display:none}.tool-seo-details>summary:before{content:"";width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform .15s ease}.tool-seo-details[open]>summary:before{transform:rotate(45deg)}.tool-seo-details>summary:hover{color:var(--accent)}.tool-seo-body{padding:2px 0 18px;color:var(--text-2);font-size:13.5px;line-height:1.65}.tool-seo-block+.tool-seo-block{margin-top:22px}.tool-seo-block h2{margin:0 0 8px;color:var(--text);font-size:15px;font-weight:620}.tool-seo-steps{display:grid;gap:4px;max-width:78ch;margin:0;padding-left:20px}.tool-seo-article{max-width:78ch;margin:0 0 10px}.tool-seo-article:last-child{margin-bottom:0}.tool-seo-features{display:grid;gap:6px;margin:0;padding:0;list-style:none}.tool-seo-features li{position:relative;max-width:78ch;padding-left:16px}.tool-seo-features li:before{content:"";position:absolute;left:2px;top:.62em;width:5px;height:5px;border-radius:2px;background:var(--accent)}.tool-seo-faq{border-top:1px solid var(--line)}.tool-seo-faq details{border-bottom:1px solid var(--line)}.tool-seo-faq summary{padding:10px 0;color:var(--text);font-weight:560;cursor:pointer}.tool-seo-faq summary:hover{color:var(--accent)}.tool-seo-faq p{max-width:82ch;margin:0 0 12px;color:var(--text-2)}.topbar .menu-btn,.topbar-star,.topbar-right .badge-local,.topbar-right .donate-btn,.topbar-right .btn.ghost{height:34px;min-height:34px;flex:none}.topbar .menu-btn,.topbar-star,.topbar-right .btn.ghost{width:34px;padding:0;justify-content:center}.topbar .menu-btn svg,.topbar-star svg,.topbar-right .badge-local svg,.topbar-right .donate-btn svg,.topbar-right .btn.ghost svg{width:16px;height:16px;flex:none}@media (max-width: 760px){.topbar .menu-btn,.topbar-star,.topbar-right .badge-local,.topbar-right .donate-btn,.topbar-right .btn.ghost{height:38px;min-height:38px}.topbar .menu-btn,.topbar-star,.topbar-right .badge-local,.topbar-right .donate-btn,.topbar-right .btn.ghost{width:38px;min-width:38px;padding:0;justify-content:center}.topbar .menu-btn svg,.topbar-star svg,.topbar-right .badge-local svg,.topbar-right .donate-btn svg,.topbar-right .btn.ghost svg{width:18px;height:18px}}@media (max-width: 400px){.topbar{gap:6px}.topbar .menu-btn,.topbar-star,.topbar-right .badge-local,.topbar-right .donate-btn,.topbar-right .btn.ghost{width:34px;min-width:34px;height:34px;min-height:34px}.topbar-right{gap:6px}.topbar .menu-btn svg,.topbar-star svg,.topbar-right .badge-local svg,.topbar-right .donate-btn svg,.topbar-right .btn.ghost svg{width:17px;height:17px}}