.tool-shell{--tool-border:var(--tc-border);--tool-border-strong:var(--tc-border-strong);--tool-surface:var(--tc-surface-1);--tool-surface-muted:var(--tc-surface-2);--tool-text-muted:var(--tc-ink-4);--tool-radius:var(--tc-radius-lg);width:min(1180px,100% - 48px);padding:48px 0 76px;margin:0 auto}@media(max-width:1024px){.tool-shell{width:min(100% - 32px,820px);padding:32px 0 56px}}@media(max-width:640px){.tool-shell{width:min(100% - 24px,560px);padding:20px 0 40px}}.tool-shell__header{position:relative;overflow:hidden;margin-bottom:12px;padding:clamp(24px,4vw,38px);border:1px solid var(--tc-border);border-radius:20px;background:var(--tc-gradient-brand-soft),var(--tc-surface-1);box-shadow:var(--tc-shadow-sm)}.tool-shell__header:after{position:absolute;right:-30px;bottom:-55px;width:152px;height:152px;border:22px solid var(--tc-accent-soft);border-radius:50%;content:"";pointer-events:none}.tool-shell__eyebrow{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;color:var(--tc-ink-4);font-family:var(--tc-font-mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.tool-shell__eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--tc-success);box-shadow:0 0 0 5px var(--tc-success-soft)}.tool-shell__header-main{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:22px}.tool-shell__local-note{display:inline-flex;max-width:210px;flex:0 0 auto;align-items:center;gap:6px;padding:7px 9px;color:var(--tc-ink-4);border:1px solid var(--tc-border);border-radius:var(--tc-radius-sm);background:color-mix(in srgb,var(--tc-surface-1) 84%,transparent);font-size:11px;line-height:1.4}.tool-shell__local-note>span{color:var(--tc-accent);font-family:var(--tc-font-mono);font-size:14px;font-weight:700}.tool-shell__flow{display:flex;align-items:center;gap:10px;min-height:40px;margin-bottom:16px;padding:0 2px;color:var(--tc-ink-4);font-size:12px}.tool-shell__flow span{display:inline-flex;align-items:center;gap:6px}.tool-shell__flow b{color:var(--tc-accent);font-family:var(--tc-font-mono);font-size:10px}.tool-shell__flow i{width:30px;height:1px;background:var(--tc-border-strong)}.tool-shell__title{margin:0;color:var(--tc-ink-1);font-size:clamp(28px,3.3vw,42px);font-weight:700;letter-spacing:-.055em;line-height:1.1}.tool-shell__desc{max-width:62ch;margin:12px 0 0;color:var(--tc-ink-3);font-size:14px;line-height:1.72}.tool-shell__actions,.tool-shell__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px;padding:10px;border:1px solid var(--tc-border);border-radius:var(--tc-radius-md);background:var(--tc-surface-1);box-shadow:var(--tc-shadow-sm)}.tool-shell__controls{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;padding:16px 18px;border:1px solid var(--tc-border);border-radius:var(--tool-radius);background:var(--tool-surface-muted);box-shadow:var(--tc-shadow-sm)}.tool-shell__body{min-height:200px}.tool-shell--compact{padding:28px 0 56px}.tool-shell--compact .tool-shell__header{margin-bottom:16px;padding:0;overflow:visible;border:0;border-radius:0;background:rgba(0,0,0,0);box-shadow:none}.tool-shell--compact .tool-shell__header:after{content:none}.tool-shell--compact .tool-shell__header-main{align-items:flex-start;gap:12px;margin-top:0}.tool-shell--compact .tool-shell__title{font-size:clamp(22px,2.4vw,28px);letter-spacing:-.04em;font-weight:680}.tool-shell--compact .tool-shell__desc{max-width:68ch;margin-top:6px;overflow:hidden;font-size:13px;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.tool-shell--compact .tool-shell__local-note{max-width:220px;align-self:center;padding:5px 8px}.tool-shell--compact .tool-shell__body{display:flex;flex-direction:column;gap:12px}@media(max-width:640px){.tool-shell--compact{padding:16px 0 40px}.tool-shell--compact .tool-shell__header-main{flex-direction:column;align-items:flex-start;gap:8px}.tool-shell--compact .tool-shell__desc{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tool-shell--compact .tool-shell__local-note{display:inline-flex;align-self:flex-start}.tool-shell__header{margin-bottom:8px;padding:4px 2px;overflow:visible;border:0;border-radius:0;background:rgba(0,0,0,0);box-shadow:none}.tool-shell__desc,.tool-shell__eyebrow,.tool-shell__flow,.tool-shell__header:after,.tool-shell__local-note{display:none}.tool-shell__header-main{align-items:flex-start;flex-direction:column;gap:0;margin-top:0}.tool-shell__title{font-size:clamp(24px,7vw,29px);letter-spacing:-.045em}.tool-shell__actions,.tool-shell__toolbar{gap:8px;margin-bottom:10px;padding:8px}.tool-shell__actions .ant-btn-primary,.tool-shell__toolbar .ant-btn-primary{min-height:44px;flex:1 0 100%;font-size:14px;font-weight:700}.tool-shell__actions .ant-btn:not(.ant-btn-primary),.tool-shell__toolbar .ant-btn:not(.ant-btn-primary){min-height:38px;flex:1 1 auto}.tool-shell__controls{gap:10px;margin-bottom:12px;padding:12px}}.tool-empty{display:flex;flex-direction:column;padding:48px 24px;gap:12px;text-align:center;color:var(--tc-ink-4)}.tool-empty,.tool-empty__icon{align-items:center;justify-content:center}.tool-empty__icon{width:56px;height:56px;display:inline-flex;border-radius:50%;background:var(--tc-accent-soft);color:var(--tc-accent);animation:toolEmptyFloat 3.2s ease-in-out infinite}.tool-empty__title{color:var(--tc-ink-2);font-size:15px;font-weight:600}.tool-empty__desc{color:var(--tc-ink-4);font-size:13px;line-height:1.6;max-width:42ch}@keyframes toolEmptyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.tool-dual{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:768px){.tool-dual{grid-template-columns:1fr}}.tool-dual--stacked{display:block}.tool-dual__pane{display:flex;flex-direction:column;min-width:0}.tool-dual__label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;font-size:13px;color:var(--tool-text-muted)}.tool-dual__label-with-meta{display:inline-flex;align-items:baseline;gap:8px;min-width:0}.tool-dual__meta{padding:2px 8px;border-radius:var(--tc-radius-pill);background:var(--tc-accent-soft);color:var(--tc-accent);font-size:11px;font-weight:500;white-space:nowrap}.tool-dual__btns{display:flex;gap:6px}.tool-dual__textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--tool-border-strong);border-radius:var(--tc-radius-md);font-family:var(--tc-font-mono);font-size:13px;line-height:1.5;resize:vertical;background:var(--tool-surface);color:inherit;transition:border-color var(--tc-duration-fast) var(--tc-ease),box-shadow var(--tc-duration-fast) var(--tc-ease)}.tool-dual__textarea::-moz-placeholder{color:var(--tool-text-muted);opacity:.75}.tool-dual__textarea::placeholder{color:var(--tool-text-muted);opacity:.75}.tool-dual__textarea:hover{border-color:var(--tc-border-strong)}.tool-dual__textarea:focus{outline:none;border-color:var(--tc-accent);box-shadow:0 0 0 4px var(--tc-accent-soft)}.tool-dual__textarea--fade{animation:toolDualFade .18s var(--tc-ease)}.tool-dual__hint{margin-top:6px;font-size:12px;color:var(--tool-text-muted);line-height:1.4}@keyframes toolDualFade{0%{opacity:.35}to{opacity:1}}.tc-copy-btn .tc-copy-btn__icon{display:inline-flex;transition:transform var(--tc-duration-slow) cubic-bezier(.34,1.56,.64,1)}.tc-copy-btn.is-copied{color:var(--tc-success)!important;border-color:var(--tc-success)!important}.tc-copy-btn.is-copied .tc-copy-btn__icon{transform:scale(1.15)}.encoding-now{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;margin-bottom:16px;padding:14px 16px;border:1px solid var(--tool-border);border-radius:var(--tool-radius);background:var(--tool-surface-muted);font-size:13px;color:var(--tool-text-muted)}.encoding-now strong{font-size:16px;font-weight:650;color:inherit}.encoding-now strong,.encoding-now__local{font-variant-numeric:tabular-nums}.encoding-fields{display:grid;gap:12px;max-width:720px}.encoding-fields__card{border-radius:var(--tool-radius);background:var(--tool-surface);box-shadow:var(--tc-shadow-sm);padding:14px 16px;transition:box-shadow var(--tc-duration-base) var(--tc-ease)}.encoding-fields__card:hover{box-shadow:var(--tc-shadow-md)}.encoding-fields__input{width:100%!important;display:flex}.encoding-fields .ant-select{min-width:140px}.encoding-output__meta{margin-bottom:8px;font-size:12px;color:var(--tool-text-muted)}.encoding-output__textarea{width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid var(--tool-border-strong);border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.55;resize:vertical;background:var(--tool-surface);color:inherit;min-height:280px}.encoding-output__textarea::-moz-placeholder{color:var(--tool-text-muted);opacity:.75}.encoding-output__textarea::placeholder{color:var(--tool-text-muted);opacity:.75}.encoding-output__textarea:focus{outline:none;border-color:var(--tc-accent);box-shadow:0 0 0 4px var(--tc-accent-soft)}.tool-control-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}.tool-control-row__label{min-width:72px;font-size:13px;color:var(--tool-text-muted)}.tool-control-row__field{display:flex;flex-wrap:wrap;align-items:center;gap:8px;flex:1;min-width:0}.tool-control-row .ant-select{min-width:140px}.tool-dropzone-upload .ant-upload-drag{border:1.5px dashed var(--tool-border-strong)!important;border-radius:var(--tool-radius)!important;background:var(--tool-surface-muted)!important}.tool-dropzone-upload .ant-upload-drag-hover,.tool-dropzone-upload .ant-upload-drag:hover{border-color:var(--tc-accent)!important}.tool-dropzone-upload .ant-upload-drag-container{display:block}.lib-dropzone-extra{display:flex;justify-content:center;margin-top:4px}.lib-from-chip{margin-inline-start:8px!important;font-size:11px!important}.lib-lineage{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px;color:var(--tc-ink-4);font-size:12px}.tool-dropzone{padding:12px 8px;text-align:center;cursor:pointer}.tool-dropzone__icon{font-size:28px;color:var(--tc-accent);margin-bottom:8px}.tool-dropzone__title{font-size:14px;font-weight:500;margin-bottom:4px}.tool-dropzone__file,.tool-dropzone__hint{font-size:12px;color:var(--tool-text-muted)}.tool-dropzone__file{margin-top:10px}.tool-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:768px){.tool-compare{grid-template-columns:1fr}}.tool-compare__card{border-radius:var(--tool-radius);background:var(--tool-surface);overflow:hidden;min-height:240px;display:flex;flex-direction:column}.tool-compare__meta{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px dashed var(--tool-border);font-size:12px;color:var(--tool-text-muted)}.tool-compare__badge{color:var(--tc-accent);font-weight:600}.tool-compare__preview{flex:1;display:flex;align-items:center;justify-content:center;padding:16px;min-height:180px;background:linear-gradient(45deg,rgba(0,0,0,.04) 25%,transparent 0) 0 0/16px 16px,linear-gradient(-45deg,rgba(0,0,0,.04) 25%,transparent 0) 0 8px/16px 16px,linear-gradient(45deg,transparent 75%,rgba(0,0,0,.04) 0) 8px -8px/16px 16px,linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.04) 0) -8px 0/16px 16px}[data-theme=dark] .tool-compare__preview{background:linear-gradient(45deg,rgba(255,255,255,.05) 25%,transparent 0) 0 0/16px 16px,linear-gradient(-45deg,rgba(255,255,255,.05) 25%,transparent 0) 0 8px/16px 16px,linear-gradient(45deg,transparent 75%,rgba(255,255,255,.05) 0) 8px -8px/16px 16px,linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.05) 0) -8px 0/16px 16px}.tool-compare__preview img{max-width:100%;max-height:280px;-o-object-fit:contain;object-fit:contain;border-radius:6px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tool-compare__empty{font-size:13px;color:var(--tool-text-muted)}.tool-footer{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.color-tool{display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:start}@media(max-width:768px){.color-tool{grid-template-columns:1fr}}.color-tool__swatch-wrap{border-radius:var(--tool-radius);overflow:hidden;background:var(--tool-surface)}.color-tool__swatch{width:100%;aspect-ratio:1;min-height:160px}.color-tool__picker{width:100%;height:36px;border:0;border-top:1px solid var(--tool-border);cursor:pointer;padding:0;background:rgba(0,0,0,0)}.tool-stage__body .color-tool__picker{width:44px;min-width:44px;height:32px;border-top:0}.tool-result-card .color-tool__swatch-wrap{max-width:280px}.tool-result-card .color-tool__swatch-wrap:before{height:3px}.tool-result-card .color-tool__contrast{margin-top:12px}.color-tool__hint{margin-left:8px;font-size:12px}.color-tool__form{display:grid;gap:12px;border-radius:var(--tool-radius);padding:16px;background:var(--tool-surface);box-shadow:var(--tc-shadow-sm)}.color-tool__contrast{font-size:13px;color:var(--tool-text-muted);line-height:1.6}.color-tool__level{display:inline-block;margin-left:6px;padding:0 6px;border-radius:4px;font-size:11px;font-weight:600;background:var(--tc-accent-soft);color:var(--tc-accent)}.favicon-source{max-width:120px;max-height:120px;-o-object-fit:contain;object-fit:contain;border:1px solid var(--tc-border);border-radius:8px}.compress-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.compress-card{position:relative;min-width:0;overflow:hidden;border:1px solid var(--tc-border);border-radius:var(--tool-radius,12px);background:var(--tool-surface);transition:border-color .15s ease,box-shadow .15s ease}.compress-card:focus-within,.compress-card:hover{border-color:color-mix(in srgb,var(--tc-accent,#1677ff) 55%,var(--tc-border));box-shadow:var(--tc-shadow-sm)}.compress-card__open{display:block;width:100%;padding:0;border:0;background:rgba(0,0,0,0);color:inherit;text-align:left;cursor:pointer;font:inherit}.compress-card__preview{position:relative;aspect-ratio:16/10;display:grid;place-items:center;overflow:hidden;background:repeating-conic-gradient(#edf1f7 0 25%,#fff 0 50%) 50%/18px 18px}.compress-card__preview img{display:block;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.compress-card__spin{position:absolute;inset:0;display:grid;place-items:center;background:rgba(255,255,255,.45)}.compress-card__head{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:10px 6px 0 11px}.compress-card__name{min-width:0;flex:1;overflow:hidden;padding:0;color:var(--tc-text);font:inherit;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.compress-card__body,.compress-card__name{border:0;background:rgba(0,0,0,0);text-align:left;cursor:pointer}.compress-card__body{display:block;width:100%;padding:7px 11px 11px;color:var(--tc-text-muted);font:inherit;font-size:12px;line-height:1.5}.compress-card__saved{color:#14804a;font-weight:700}.compress-card__error{color:var(--tc-danger,#c53030)}.compress-card__footer{display:flex;justify-content:flex-end;padding:8px 11px;border-top:1px solid var(--tc-border)}.compress-compare{display:grid;gap:10px}.compress-compare__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--tc-text-muted);font-size:13px}.compress-compare__saved{color:#14804a;font-weight:700}.compress-compare__hint{margin:0;color:var(--tc-text-muted);font-size:12px}.compress-compare-modal .ant-modal-body,.p1-batch-preview-modal .ant-modal-body{padding-bottom:4px}.compress-compare-modal .ant-modal-footer,.p1-batch-preview-modal .ant-modal-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.preview-modal-hint{margin-right:auto;color:var(--tc-text-muted);font-size:12px}.image-ba{position:relative;width:100%;height:min(46vh,400px);min-height:240px;overflow:hidden;border-radius:10px;background:repeating-conic-gradient(#edf1f7 0 25%,#fff 0 50%) 50%/18px 18px;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:ew-resize}.image-ba--static{cursor:default}.image-ba__img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none}.image-ba__before{position:absolute;inset:0 auto 0 0;overflow:hidden}.image-ba__before .image-ba__img{max-width:none}.image-ba__handle{position:absolute;top:0;bottom:0;z-index:2;width:2px;background:#fff;box-shadow:0 0 0 1px rgba(17,24,39,.25);transform:translateX(-50%);pointer-events:none}.image-ba__knob{position:absolute;top:50%;left:50%;width:34px;height:34px;border:2px solid #fff;border-radius:50%;background:color-mix(in srgb,var(--tc-accent,#1677ff) 88%,#fff);box-shadow:0 2px 10px rgba(17,24,39,.28);transform:translate(-50%,-50%)}.image-ba__knob:after,.image-ba__knob:before{content:"";position:absolute;top:50%;width:0;height:0;border:5px solid rgba(0,0,0,0);transform:translateY(-50%)}.image-ba__knob:before{left:6px;border-right-color:#fff}.image-ba__knob:after{right:6px;border-left-color:#fff}.image-ba__tag{position:absolute;z-index:3;bottom:10px;max-width:46%;overflow:hidden;padding:4px 8px;border-radius:6px;background:rgba(17,24,39,.62);color:#fff;font-size:12px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.image-ba__tag--before{left:10px}.image-ba__tag--after{right:10px}.image-ba__empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--tc-text-muted);font-size:13px}.image-ba__spin{position:absolute;inset:0;z-index:4;background:rgba(255,255,255,.35)}[data-theme=dark] .image-ba{background:repeating-conic-gradient(#263040 0 25%,#1b2432 0 50%) 50%/18px 18px}[data-theme=dark] .image-ba__spin{background:rgba(0,0,0,.35)}[data-theme=dark] .compress-card__preview{background:repeating-conic-gradient(#263040 0 25%,#1b2432 0 50%) 50%/18px 18px}[data-theme=dark] .compress-card__spin{background:rgba(0,0,0,.35)}.favicon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.favicon-grid__card{border-radius:var(--tool-radius);background:var(--tool-surface);padding:12px;text-align:center;box-shadow:var(--tc-shadow-sm)}.favicon-grid__preview{height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;border-radius:6px;background:linear-gradient(45deg,rgba(0,0,0,.04) 25%,transparent 0) 0 0/12px 12px,linear-gradient(-45deg,rgba(0,0,0,.04) 25%,transparent 0) 0 6px/12px 12px}.favicon-grid__preview img{image-rendering:pixelated;max-width:64px;max-height:64px}.favicon-grid__label{font-size:12px;color:var(--tool-text-muted);margin-bottom:8px}.qrcode-layout{display:grid;grid-template-columns:1fr 320px;gap:16px;align-items:start}@media(max-width:768px){.qrcode-layout{grid-template-columns:1fr}}.qrcode-layout__panel{padding:16px;display:grid}.qrcode-layout__panel,.qrcode-layout__preview{border-radius:var(--tool-radius);background:var(--tool-surface);gap:12px;box-shadow:var(--tc-shadow-sm)}.qrcode-layout__preview{padding:20px;flex-direction:column;min-height:280px}.qrcode-layout__canvas,.qrcode-layout__preview{display:flex;align-items:center;justify-content:center}.qrcode-layout__canvas{width:100%;max-width:260px;aspect-ratio:1;border-radius:8px;background:linear-gradient(45deg,rgba(0,0,0,.05) 25%,transparent 0) 0 0/14px 14px,linear-gradient(-45deg,rgba(0,0,0,.05) 25%,transparent 0) 0 7px/14px 14px;border:1px solid var(--tool-border)}.qrcode-layout__canvas img{max-width:100%;height:auto;border-radius:4px;transition:opacity var(--tc-duration-slow) var(--tc-ease)}.tool-dropzone-upload .ant-upload-drag{border:1.5px dashed var(--tc-border-strong)!important;border-radius:var(--tc-radius-xl)!important;transition:border-color var(--tc-duration-base) var(--tc-ease),background-color var(--tc-duration-base) var(--tc-ease)!important}.tool-compare__card{transition:transform var(--tc-duration-base) var(--tc-ease-spring),box-shadow var(--tc-duration-base) var(--tc-ease);box-shadow:var(--tc-shadow-sm)}.tool-compare__card:hover{transform:translateY(-2px);box-shadow:var(--tc-shadow-md)}.tool-compare__meta .tool-compare__badge{padding:2px 8px;border-radius:var(--tc-radius-pill);background:var(--tc-accent-soft);color:var(--tc-accent);font-weight:600;font-size:11px}.color-tool__swatch-wrap{position:relative;box-shadow:var(--tc-shadow-sm)}.color-tool__swatch-wrap:before{content:"";position:absolute;top:0;left:0;right:0;height:12px;background:var(--tc-gradient-brand);z-index:1;pointer-events:none}.color-tool__ambient{padding:16px;border-radius:var(--tc-radius-lg);background:var(--tc-ambient,transparent);transition:background .4s var(--tc-ease)}.color-tool__value-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:var(--tc-radius-sm);transition:background-color .4s var(--tc-ease)}.color-tool__value-row.is-flash{background-color:var(--tc-accent-soft)}.qrcode-eye-fade{animation:qrEyeFade .3s var(--tc-ease)}@keyframes qrEyeFade{0%{opacity:.35}to{opacity:1}}.favicon-grid__card{position:relative;transition:transform var(--tc-duration-base) var(--tc-ease),box-shadow var(--tc-duration-base) var(--tc-ease)}.favicon-grid__card:hover{transform:translateY(-2px);box-shadow:var(--tc-shadow-md)}.favicon-grid__card:hover .favicon-grid__actions{opacity:1;transform:translateY(0)}.favicon-grid__actions{display:flex;gap:6px;justify-content:center;margin-top:6px;opacity:0;transform:translateY(4px);transition:opacity var(--tc-duration-base) var(--tc-ease),transform var(--tc-duration-base) var(--tc-ease)}.tc-badge-flag,.tc-badge-pill,.tc-badge-square{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;font-size:11px;font-weight:600;line-height:1.6;letter-spacing:.02em;color:var(--tc-accent);background:var(--tc-accent-soft);white-space:nowrap}.tc-badge-pill{border-radius:var(--tc-radius-pill)}.tc-badge-square{border-radius:4px;padding:2px 8px;font-family:var(--tc-font-mono);text-transform:uppercase;letter-spacing:.06em}.tc-badge-flag{padding:2px 14px 2px 10px;border-radius:3px 0 0 3px;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%)}.tc-badge--success{color:var(--tc-success);background:var(--tc-success-soft)}.tc-badge--warning{color:var(--tc-warning);background:var(--tc-warning-soft)}.tc-badge--danger{color:var(--tc-danger);background:var(--tc-danger-soft)}.tc-stat{display:inline-flex;align-items:baseline;gap:4px}.tc-stat__num{font-family:var(--tc-font-mono);font-variant-numeric:tabular-nums;font-weight:500;font-size:28px;letter-spacing:-.02em;color:var(--tc-ink-1)}.tc-stat__unit{color:var(--tc-ink-4);font-size:12px;font-weight:500}.tc-card{position:relative;padding:20px;border-radius:var(--tc-radius-lg);background:var(--tc-surface-1);box-shadow:var(--tc-shadow-sm);transition:transform var(--tc-duration-base) var(--tc-ease-spring),box-shadow var(--tc-duration-base) var(--tc-ease)}.tc-card:hover{transform:translateY(-2px);box-shadow:var(--tc-shadow-md)}.tc-card--spotlight{--tc-spot-x:50%;--tc-spot-y:0%;overflow:hidden}.tc-card--spotlight:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:radial-gradient(240px circle at var(--tc-spot-x) var(--tc-spot-y),var(--tc-accent) 0,transparent 60%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--tc-duration-base) var(--tc-ease);pointer-events:none;z-index:1}.tc-card--spotlight:hover:before{opacity:1}.tc-card__seq{position:absolute;top:16px;right:20px;font-family:var(--tc-font-mono);font-size:12px;font-weight:500;color:var(--tc-ink-5);letter-spacing:.06em;z-index:2}.tool-empty--guide{padding:56px 24px}.tool-empty--guide .tool-empty__icon{animation:none}.tool-empty--guide .tool-empty__title{font-size:16px;margin-top:4px}.tool-empty--guide .tool-empty__desc{max-width:48ch}.tool-empty__actions{display:inline-flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:12px}.tool-inline-error{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--tc-radius-md);background:var(--tc-danger-soft);color:var(--tc-danger);font-size:13px;line-height:1.5}.tool-inline-error__msg{color:var(--tc-danger);font-weight:500}.tool-inline-error__action{margin-left:8px;color:var(--tc-ink-3)}.tool-inline-error__action a,.tool-inline-error__action button{color:var(--tc-danger);font-weight:500;background:rgba(0,0,0,0);border:0;cursor:pointer;padding:0}.tool-inline-error__action a:hover,.tool-inline-error__action button:hover{text-decoration:underline}.tool-compare__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;min-height:180px}.tool-compare__placeholder-frame{width:72%;max-width:220px;height:120px;border-radius:var(--tc-radius-md);border:1px dashed var(--tc-border-strong);background:repeating-linear-gradient(135deg,transparent 0 12px,rgba(0,0,0,.02) 12px 13px)}[data-theme=dark] .tool-compare__placeholder-frame{background:repeating-linear-gradient(135deg,transparent 0 12px,rgba(255,255,255,.04) 12px 13px)}.tool-compare__skeleton{width:80%;max-width:260px;height:140px;border-radius:var(--tc-radius-md);background:linear-gradient(90deg,var(--tc-surface-2) 0,var(--tc-surface-1) 40%,var(--tc-surface-2) 80%);background-size:200% 100%;animation:tcSkeletonShimmer 1.6s ease-in-out infinite}@keyframes tcSkeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tool-shell .color-tool__form,.tool-shell .encoding-fields__card,.tool-shell .favicon-grid__card,.tool-shell .qrcode-layout__panel,.tool-shell .qrcode-layout__preview,.tool-shell .tool-compare__card,.tool-shell .tool-dual__pane{border:1px solid var(--tc-border)}.tool-shell .tool-dual__pane{padding:14px;border-radius:var(--tc-radius-lg);background:var(--tc-surface-1);box-shadow:var(--tc-shadow-sm);transition:border-color var(--tc-duration-base) var(--tc-ease),box-shadow var(--tc-duration-base) var(--tc-ease)}.tool-shell .tool-dual__pane:focus-within{border-color:color-mix(in srgb,var(--tc-accent) 48%,var(--tc-border));box-shadow:var(--tc-shadow-md)}.tool-shell .tool-dual__label{min-height:29px;margin-bottom:9px;color:var(--tc-ink-3);font-size:12px;font-weight:650}.tool-shell .encoding-output__textarea,.tool-shell .tool-dual__textarea{min-height:300px;border-color:var(--tc-border)!important;background:var(--tc-code-bg)}.tool-shell .encoding-output__textarea:focus,.tool-shell .tool-dual__textarea:focus{border-color:var(--tc-accent)!important}.tool-shell .tool-dual__meta{color:var(--tc-accent);background:var(--tc-accent-soft);font-family:var(--tc-font-mono);font-size:10px}.tool-shell .tool-footer{display:flex;align-items:center;gap:8px;margin-top:16px;padding:10px;border:1px solid var(--tc-border);border-radius:var(--tc-radius-md);background:var(--tc-surface-1);box-shadow:var(--tc-shadow-sm)}.tool-shell .tool-control-row{padding:3px 0}.tool-shell .tool-control-row__label{color:var(--tc-ink-3);font-size:12px;font-weight:650}.tool-shell .tool-dropzone-upload .ant-upload-drag{min-height:148px;padding:12px;background:var(--tc-gradient-brand-soft),var(--tc-surface-1)!important}.tool-shell .tool-dropzone-upload .ant-upload-drag-hover{background:var(--tc-gradient-brand),var(--tc-surface-1)!important;box-shadow:var(--tc-shadow-md)}.tool-shell .tool-compare__meta{min-height:42px;padding:10px 13px;background:var(--tc-surface-2)}.tool-shell .qrcode-layout__panel,.tool-shell .qrcode-layout__preview{padding:18px}.tool-shell .favicon-grid__card{padding:14px}@media(max-width:640px){.tool-shell .tool-dual__pane{padding:12px}.tool-shell .encoding-output__textarea,.tool-shell .tool-dual__textarea{min-height:240px}.tool-shell .tool-footer{align-items:stretch;flex-direction:column}.tool-shell .tool-footer .ant-btn{width:100%}.tool-shell .tool-footer .ant-btn:first-child{min-height:44px;color:#fff;border-color:rgba(0,0,0,0);background:linear-gradient(135deg,var(--tc-accent),#7767f5);box-shadow:0 8px 16px color-mix(in srgb,var(--tc-accent) 22%,transparent);font-size:14px;font-weight:700}.tool-shell .tool-footer .ant-btn+.ant-btn{min-height:40px;color:var(--tc-ink-3);border-color:var(--tc-border);background:var(--tc-surface-1);box-shadow:none;font-weight:650}}.tool-mode-label{margin-right:2px;color:var(--tc-ink-4);font-size:12px;font-weight:650}.tool-stage{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--tc-border);border-radius:var(--tc-radius-lg);background:var(--tc-surface-1);box-shadow:var(--tc-shadow-sm);transition:border-color var(--tc-duration-base) var(--tc-ease),box-shadow var(--tc-duration-base) var(--tc-ease)}.tool-stage+.tool-stage{margin-top:12px}.tool-stage__head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;min-height:28px}.tool-stage__title{gap:8px;color:var(--tc-ink-2);font-size:13px;font-weight:650}.tool-stage__step,.tool-stage__title{display:inline-flex;align-items:center}.tool-stage__step{justify-content:center;min-width:24px;height:22px;padding:0 6px;color:var(--tc-accent);background:var(--tc-accent-soft);border-radius:999px;font-family:var(--tc-font-mono);font-size:11px;font-weight:700;letter-spacing:.02em}.tool-stage__label{color:var(--tc-ink-2)}.tool-stage__hint{color:var(--tc-ink-4);font-size:12px;font-weight:500}.tool-stage__actions{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.tool-stage__body{display:flex;flex-direction:column;gap:10px}.tool-stage--config{background:var(--tc-surface-2)}.tool-stage--result .tool-stage__head{border-bottom:1px dashed var(--tc-border);padding-bottom:8px}.tool-stage--actions{padding:10px 14px;background:var(--tc-surface-2)}.tool-stage--actions .tool-stage__body{flex-direction:row;flex-wrap:wrap;gap:8px}@media(max-width:640px){.tool-stage{padding:12px}.tool-stage__head{flex-direction:column;align-items:flex-start}.tool-stage__actions{width:100%;justify-content:flex-end}}.tool-result-card{display:flex;flex-direction:column;gap:10px}.tool-result-card__meta{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;color:var(--tc-accent);background:var(--tc-accent-soft);border-radius:999px;font-family:var(--tc-font-mono);font-size:11px;font-weight:600}.tool-result-card__body{animation:tcResultFade .18s var(--tc-ease)}@keyframes tcResultFade{0%{opacity:.4;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.tool-result-card__loading{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;color:var(--tc-ink-4);background:var(--tc-surface-2);border-radius:999px;font-size:12px}.tool-result-card__output{margin:0;min-height:120px;overflow:auto;padding:12px;color:var(--tc-ink-2);border-radius:var(--tc-radius-md);background:var(--tc-code-bg);font-family:var(--tc-font-mono);font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-all}.tool-result-card__preview{display:grid;min-height:160px;place-items:center;padding:16px;border-radius:var(--tc-radius-md);background:var(--tc-code-bg)}.tool-result-card__preview img{display:block;max-width:100%;height:auto}