.tool-app{--t-surface-3: rgba(255,255,255,.09);--t-soft: #c4c4d6;--t-bg-soft: #0b0b13;--t-danger: #ff6b8a;--t-ok: var(--accent);display: grid;grid-template-columns: 340px minmax(0,1fr);gap: 18px;align-items: start;color: var(--text);font-family: var(--font);font-size: 15px;line-height: 1.6;text-align: left}.tool-app.wide-left{grid-template-columns: 380px minmax(0,1fr)}.tool-app [hidden]{display: none !important}.tool-app *,.tool-app *::before,.tool-app *::after{box-sizing: border-box}.tool-app img,.tool-app canvas,.tool-app video{max-width: 100%}.tool-app .ic{width: 18px;height: 18px}.tool-app .btn:hover .ic{transform: none}.tool-app .btn{gap: 7px}.tool-app .btn-ghost.is-active{border-color: var(--primary);background: rgba(124,92,255,.16)}.tool-app .btn-danger{background: rgba(255,107,138,.14);border: 1px solid rgba(255,107,138,.4);color: #ffb3c3}.tool-app .btn-danger:hover{background: rgba(255,107,138,.22)}.tool-app .vh{position: absolute !important;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}.tool-app .panel{border-radius: var(--radius);border: 1px solid var(--border);background: var(--surface);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);min-width: 0}.tool-app .panel-head{display: flex;align-items: center;justify-content: space-between;gap: 10px;padding: 16px 20px;border-bottom: 1px solid var(--border)}.tool-app .panel-head h2{margin: 0;font-size: 14px;font-weight: 700;letter-spacing: -.01em;color: var(--t-soft)}.tool-app .panel-body{padding: 20px;display: flex;flex-direction: column;gap: 16px}.tool-app .stage{padding: 18px;min-height: 440px;display: flex;flex-direction: column;gap: 12px}.tool-app .tf{display: flex;flex-direction: column;gap: 7px;min-width: 0}.tool-app .tf > label,.tool-app .label{font-size: 13px;font-weight: 650;color: var(--t-soft);display: flex;align-items: center;justify-content: space-between;gap: 8px;margin: 0}.tool-app .val{font-family: var(--mono);font-size: 12px;color: var(--accent);font-weight: 600}.tool-app .input,.tool-app .select,.tool-app .textarea{width: 100%;height: 42px;padding: 0 13px;border-radius: var(--radius-sm);background: rgba(0,0,0,.3);border: 1px solid var(--border-2);color: var(--text);outline: none;transition: border-color .2s,box-shadow .2s;font-size: 14px;font-family: var(--font)}.tool-app .textarea{height: auto;min-height: 120px;padding: 12px 13px;resize: vertical;line-height: 1.6}.tool-app .mono{font-family: var(--mono);font-size: 12.5px}.tool-app .input::placeholder,.tool-app .textarea::placeholder{color: var(--dim)}.tool-app .input:focus,.tool-app .select:focus,.tool-app .textarea:focus{border-color: var(--primary);box-shadow: 0 0 0 3px rgba(124,92,255,.2)}.tool-app .select{appearance: none;-webkit-appearance: none;padding-right: 34px;cursor: pointer;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239b9bb2' stroke-width='2.4'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 13px center}.tool-app .select option{background-color: #12121e;color: var(--text)}.tool-app .file-input{height: auto;padding: 8px;font-size: 13px}.tool-app input[type='color']{width: 100%;height: 42px;padding: 4px;border-radius: var(--radius-sm);border: 1px solid var(--border-2);background: rgba(0,0,0,.3);cursor: pointer}.tool-app input[type='color']::-webkit-color-swatch-wrapper{padding: 0}.tool-app input[type='color']::-webkit-color-swatch{border: 0;border-radius: 8px}.tool-app input[type='color']::-moz-color-swatch{border: 0;border-radius: 8px}.tool-app input[type='range']{-webkit-appearance: none;appearance: none;width: 100%;height: 22px;background: transparent;outline: none;margin: 0;cursor: pointer}.tool-app input[type='range']::-webkit-slider-runnable-track{height: 4px;border-radius: 99px;background: var(--t-surface-3)}.tool-app input[type='range']::-webkit-slider-thumb{-webkit-appearance: none;width: 16px;height: 16px;border-radius: 50%;margin-top: -6px;background: #fff;border: 3px solid var(--primary);box-shadow: 0 2px 10px rgba(124,92,255,.7);transition: transform .15s}.tool-app input[type='range']:hover::-webkit-slider-thumb{transform: scale(1.12)}.tool-app input[type='range']:focus-visible::-webkit-slider-thumb{box-shadow: 0 0 0 4px rgba(46,242,200,.45)}.tool-app input[type='range']::-moz-range-track{height: 4px;border-radius: 99px;background: var(--t-surface-3)}.tool-app input[type='range']::-moz-range-thumb{width: 12px;height: 12px;border-radius: 50%;background: #fff;border: 3px solid var(--primary)}.tool-app .switch{position: relative;display: flex;align-items: center;gap: 10px;cursor: pointer;user-select: none;font-size: 14px;color: var(--text)}.tool-app .switch input{position: absolute;opacity: 0;width: 38px;height: 22px;margin: 0;cursor: pointer}.tool-app .switch .track{flex: none;width: 38px;height: 22px;border-radius: 99px;background: var(--t-surface-3);border: 1px solid var(--border-2);position: relative;transition: background .25s}.tool-app .switch .track::after{content: '';position: absolute;top: 2px;left: 2px;width: 16px;height: 16px;border-radius: 50%;background: #fff;transition: transform .25s var(--ease)}.tool-app .switch input:checked + .track{background: var(--primary);border-color: transparent}.tool-app .switch input:checked + .track::after{transform: translateX(16px)}.tool-app .switch input:focus-visible + .track{outline: 2px solid var(--accent);outline-offset: 2px}.tool-app .seg{display: flex;padding: 4px;gap: 4px;background: rgba(0,0,0,.3);border: 1px solid var(--border);border-radius: var(--radius-sm)}.tool-app .seg button{flex: 1;min-width: 0;height: 34px;padding: 0 6px;border: 0;border-radius: 9px;background: transparent;color: var(--muted);font-size: 13px;font-weight: 650;cursor: pointer;transition: background .2s,color .2s;white-space: nowrap}.tool-app .seg button:hover{color: var(--text)}.tool-app .seg button.is-on{background: var(--surface-2);color: #fff;box-shadow: 0 2px 10px rgba(0,0,0,.35),inset 0 0 0 1px var(--border-2)}.tool-app .stack{display: flex;flex-direction: column;gap: 16px}.tool-app .row{display: flex;gap: 10px;align-items: center}.tool-app .row > .tf{flex: 1}.tool-app .row.wrap{flex-wrap: wrap}.tool-app .row.between{justify-content: space-between}.tool-app .btn-row{display: flex;gap: 8px}.tool-app .btn-row > *{flex: 1}.tool-app .btn-row .btn{padding: 0 10px;min-width: 0}.tool-app .hint{font-size: 12.5px;color: var(--muted);line-height: 1.65;margin: 0}.tool-app .hint b{color: var(--t-soft);font-weight: 600}.tool-app .divider{height: 1px;background: var(--border);margin: 2px 0}.tool-app .mt-1{margin-top: 8px}.tool-app .mt-2{margin-top: 16px}.tool-app .center{text-align: center}.tool-app .ok-text{color: var(--t-ok)}.tool-app .err-text{color: var(--t-danger)}.tool-app .dropzone{width: 100%;border: 1.5px dashed var(--border-2);border-radius: var(--radius);background: var(--surface);padding: 40px 24px;text-align: center;cursor: pointer;transition: border-color .25s,background .25s,transform .25s;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 8px;min-height: 220px;color: var(--text)}.tool-app .dropzone:hover,.tool-app .dropzone.is-over{border-color: var(--primary);background: rgba(124,92,255,.08)}.tool-app .dropzone.is-over{transform: scale(1.005)}.tool-app .dropzone:focus-visible{outline: 2px solid var(--accent);outline-offset: 3px}.tool-app .dropzone.flat{border-color: transparent;background: transparent}.tool-app .dropzone.flat:hover,.tool-app .dropzone.flat.is-over{border-color: var(--primary)}.tool-app .dropzone .dz-ico{width: 56px;height: 56px;border-radius: 16px;display: grid;place-items: center;background: var(--surface-2);border: 1px solid var(--border-2);color: var(--accent);margin-bottom: 6px}.tool-app .dropzone .dz-ico .ic{width: 26px;height: 26px}.tool-app .dropzone strong{font-size: 15.5px;font-weight: 700}.tool-app .dropzone span{font-size: 13px;color: var(--muted)}.tool-app .dropzone .dz-sub{font-size: 12px;color: var(--dim)}.tool-app .dropzone input[type='file']{display: none}.tool-app .canvas-area{flex: 1;display: grid;place-items: center;align-content: center;border-radius: 16px;overflow: auto;background: linear-gradient(45deg,rgba(255,255,255,.03) 25%,transparent 25%) 0 0/18px 18px,linear-gradient(-45deg,rgba(255,255,255,.03) 25%,transparent 25%) 0 9px/18px 18px,linear-gradient(45deg,transparent 75%,rgba(255,255,255,.03) 75%) 9px -9px/18px 18px,linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.03) 75%) -9px 0/18px 18px,var(--t-bg-soft);min-height: 340px;padding: 14px;position: relative;width: 100%}.tool-app .canvas-area.top{align-content: start;place-items: start stretch}.tool-app .canvas-area.plain{background: var(--t-bg-soft)}.tool-app .canvas-area.white{background: #fff}.tool-app .canvas-area canvas,.tool-app .canvas-area > img,.tool-app .canvas-area > video{max-height: 64vh;max-width: 100%;border-radius: 10px;object-fit: contain;display: block;margin: 0 auto}.tool-app canvas.crosshair{cursor: crosshair;touch-action: none}.tool-app .stage-toolbar{display: flex;align-items: center;gap: 8px;flex-wrap: wrap;min-height: 38px}.tool-app .stage-toolbar .spacer{flex: 1}.tool-app .filemeta{font-size: 12.5px;color: var(--muted);font-family: var(--mono);overflow-wrap: anywhere}.tool-app .stage-empty{color: var(--muted);font-size: 14px;text-align: center;display: flex;flex-direction: column;align-items: center;gap: 8px;padding: 24px}.tool-app .stage-empty .dz-ico{width: 56px;height: 56px;border-radius: 16px;display: grid;place-items: center;background: var(--surface-2);border: 1px solid var(--border-2);color: var(--accent)}.tool-app .stage-empty .dz-ico .ic{width: 26px;height: 26px}.tool-app .stage-empty strong{color: var(--text);font-size: 15.5px}.tool-app .empty{padding: 36px 16px;text-align: center;color: var(--muted);font-size: 14px}.tool-app .filelist{display: flex;flex-direction: column;gap: 8px;width: 100%}.tool-app .fileitem{display: flex;align-items: center;gap: 10px;padding: 9px 11px;border-radius: var(--radius-sm);background: var(--surface-2);border: 1px solid var(--border);font-size: 13px;min-width: 0}.tool-app .fileitem.top{align-items: flex-start}.tool-app .fileitem.dragging{opacity: .45}.tool-app .fileitem.drop-target{border-color: var(--primary);box-shadow: inset 0 0 0 1px var(--primary)}.tool-app .fileitem[draggable='true']{cursor: grab}.tool-app .fileitem > .input{flex: 1;min-width: 0;height: 36px}.tool-app .fthumb{width: 36px;height: 36px;border-radius: 8px;object-fit: cover;background: var(--t-surface-3);flex: none}.tool-app .ftag{flex: none;font-family: var(--mono);font-size: 10.5px;font-weight: 700;padding: 3px 7px;border-radius: 6px;background: rgba(255,107,138,.15);color: #ffb3c3}.tool-app .fname{flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.tool-app .fname.wrap{white-space: normal;overflow-wrap: anywhere}.tool-app .fsize{color: var(--muted);font-family: var(--mono);font-size: 11.5px;white-space: nowrap}.tool-app .fsave{color: var(--t-ok);font-weight: 700}.tool-app .fval{font-size: 12.5px;color: var(--t-soft);max-width: 55%;text-align: right;overflow-wrap: anywhere}.tool-app .rm{flex: none;display: grid;place-items: center;width: 30px;height: 30px;background: none;border: 0;color: var(--muted);border-radius: 8px;cursor: pointer}.tool-app .rm .ic{width: 16px;height: 16px}.tool-app .rm:hover{color: var(--text);background: var(--surface-2)}.tool-app .rm.danger:hover{color: var(--t-danger);background: rgba(255,107,138,.12)}.tool-app .rm:disabled{opacity: .3;pointer-events: none}.tool-app .alert{padding: 12px 15px;border-radius: var(--radius-sm);font-size: 13.5px;border: 1px solid var(--border);background: var(--surface-2);overflow-wrap: anywhere}.tool-app .alert.ok{border-color: rgba(46,242,200,.35);background: rgba(46,242,200,.08);color: #8ff7df}.tool-app .alert.bad{border-color: rgba(255,107,138,.35);background: rgba(255,107,138,.1);color: #ffb3c3}.tool-app .alert.info{border-color: rgba(164,139,255,.35);background: rgba(124,92,255,.1);color: #cfc2ff}.tool-app .progress{height: 6px;border-radius: 99px;background: var(--t-surface-3);overflow: hidden;width: 100%}.tool-app .progress > i{display: block;height: 100%;width: 0;border-radius: 99px;background: linear-gradient(90deg,var(--primary),var(--accent));transition: width .3s var(--ease)}.tool-app .status{font-size: 12.5px;color: var(--muted);min-height: 1.4em;margin: 0}.tool-app .spinner{display: inline-block;width: 16px;height: 16px;border-radius: 50%;border: 2px solid rgba(255,255,255,.3);border-top-color: #fff;animation: tn-spin .8s linear infinite}@keyframes tn-spin{to{transform: rotate(360deg)}}.tool-app .live{font-size: 10.5px;font-weight: 800;letter-spacing: .1em;padding: 4px 9px;border-radius: 6px;background: rgba(255,77,109,.18);color: #ff9fb2;border: 1px solid rgba(255,77,109,.4);animation: tn-blink 1.4s infinite}@keyframes tn-blink{50%{opacity: .45}}.tool-app .timer{font-family: var(--mono);font-size: 20px;font-weight: 700;letter-spacing: .02em}.tool-app .swatches{display: grid;grid-template-columns: repeat(auto-fill,minmax(150px,1fr));gap: 10px;width: 100%}.tool-app .swatch{display: flex;flex-direction: column;padding: 0;border-radius: 14px;overflow: hidden;border: 1px solid var(--border-2);background: var(--surface-2);text-align: left;cursor: pointer;color: var(--text);transition: transform .25s var(--ease),border-color .2s}.tool-app .swatch:hover{transform: translateY(-3px);border-color: rgba(255,255,255,.3)}.tool-app .swatch .chip-color{height: 80px}.tool-app .swatch .sw-body{padding: 10px 12px;display: flex;flex-direction: column;gap: 2px}.tool-app .swatch .sw-hex{font-family: var(--mono);font-size: 13px;font-weight: 700}.tool-app .swatch .sw-sub{font-family: var(--mono);font-size: 11px;color: var(--muted)}.tool-app .grad-preview{height: 110px;border-radius: 14px;border: 1px solid var(--border-2)}.tool-app .result-img{width: 100%;max-height: 300px;object-fit: contain;border-radius: 14px;border: 1px solid var(--border);background: var(--t-bg-soft)}.tool-app .pages{display: grid;grid-template-columns: repeat(auto-fill,minmax(160px,1fr));gap: 12px;width: 100%}.tool-app .page-card{border: 1px solid var(--border-2);border-radius: 12px;overflow: hidden;background: var(--surface-2)}.tool-app .page-card img{width: 100%;display: block;background: #fff}.tool-app .page-card .bar{display: flex;align-items: center;justify-content: space-between;padding: 6px 8px 6px 12px;font-size: 12.5px;color: var(--t-soft)}.tool-app .previews{display: flex;gap: 18px;flex-wrap: wrap;align-items: flex-end;justify-content: center;padding: 24px 8px}.tool-app .previews figure{margin: 0;display: flex;flex-direction: column;align-items: center;gap: 6px}.tool-app .previews canvas{border-radius: 10px;border: 1px solid var(--border-2);background: var(--surface-2);image-rendering: auto}.tool-app .previews figcaption{font-family: var(--mono);font-size: 11.5px;color: var(--muted)}.tool-app .panes{display: grid;grid-template-columns: 1fr 1fr;gap: 12px;width: 100%}.tool-app .panes .pane{display: flex;flex-direction: column;gap: 6px;min-width: 0}.tool-app .panes img{width: 100%;max-height: 420px;object-fit: contain;border-radius: 12px;border: 1px solid var(--border);background: #000}.tool-app .tall{min-height: 420px}.tool-app .exif-wrap{display: flex;gap: 16px;align-items: flex-start;flex-wrap: wrap;width: 100%}.tool-app .exif-wrap > img{width: 220px;border-radius: 12px;border: 1px solid var(--border)}.tool-app .exif-wrap > div{flex: 1;min-width: 240px;display: flex;flex-direction: column;gap: 10px}.tool-app .wave{width: 100%;height: 120px;border-radius: 12px;background: rgba(0,0,0,.35);display: block}.tool-app audio{width: 100%;display: block}.tool-app .meta-row{display: flex;justify-content: space-between;gap: 10px;flex-wrap: wrap}.tool-app .pw-list .fname{font-family: var(--mono);font-size: 14px;letter-spacing: .02em}.tool-app .hash-out{min-height: 76px;font-family: var(--mono);font-size: 12px;word-break: break-all}.tool-app .interim{min-height: 24px;color: var(--primary-2);font-size: 14px}.tool-app .sub-time{min-width: 104px}.tool-app .video-shell{position: relative;width: 100%;border-radius: 12px;overflow: hidden;background: #000;line-height: 0}.tool-app .video-shell video{display: block;width: 100%;height: auto;max-height: 54vh;object-fit: contain}.tool-app .player-bar{display: flex;align-items: center;gap: 12px;width: 100%;padding: 8px 12px;border-radius: var(--radius-sm);background: var(--surface-2);border: 1px solid var(--border)}.tool-app .pbtn{width: 34px;height: 34px;border-radius: 9px;display: grid;place-items: center;background: var(--t-surface-3);border: 1px solid var(--border);color: var(--text);flex: none;cursor: pointer}.tool-app .pbtn:hover{background: var(--primary);border-color: transparent;color: #fff}.tool-app .pbtn .ic{width: 16px;height: 16px}.tool-app .player-bar input[type='range']{flex: 1}.tool-app .ptime{font-family: var(--mono);font-size: 12px;color: var(--muted);white-space: nowrap}.tool-app .cmp-label{font-size: 12px;font-weight: 700;letter-spacing: .04em;color: var(--muted);margin-bottom: 6px}.tool-app .cmp-label.hi{color: var(--accent)}.tool-app .result-media{max-height: 46vh;width: 100%;border-radius: 10px;background: #000;display: block}.tool-app .result-media.gif{width: auto;margin: 0 auto;background: transparent}#tn-toasts{position: fixed;bottom: 28px;left: 50%;transform: translateX(-50%);z-index: 450;display: flex;flex-direction: column;gap: 8px;align-items: center;pointer-events: none;width: max-content;max-width: calc(100% - 32px)}#tn-toasts .tn-toast{padding: 12px 20px;border-radius: 999px;font-size: 14px;font-weight: 600;line-height: 1.45;color: var(--text);background: rgba(20,20,34,.95);border: 1px solid var(--border-2);box-shadow: 0 18px 40px -18px rgba(0,0,0,.9);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);text-align: center;min-height: 0;animation: tn-toast-in .35s var(--ease)}#tn-toasts .tn-toast.ok{border-color: rgba(46,242,200,.45)}#tn-toasts .tn-toast.err{border-color: rgba(255,107,138,.55);color: #ffd0da}#tn-toasts .tn-toast.out{animation: tn-toast-out .3s forwards}@keyframes tn-toast-in{from{opacity: 0;transform: translateY(12px) scale(.97)}}@keyframes tn-toast-out{to{opacity: 0;transform: translateY(8px) scale(.97)}}@media (max-width: 900px){.tool-app,.tool-app.wide-left{grid-template-columns: minmax(0,1fr)}.tool-app .stage{min-height: 360px}}@media (max-width: 700px){.tool-app .panes{grid-template-columns: 1fr}.tool-app .tall{min-height: 260px}}@media (max-width: 640px){.tool-app .panel-body{padding: 16px}.tool-app .stage{padding: 12px}.tool-app .canvas-area{min-height: 260px}.tool-app .dropzone{padding: 32px 16px;min-height: 190px}.tool-app .fval{max-width: 50%}}@media (prefers-reduced-motion: reduce){.tool-app *,#tn-toasts *{animation-duration: .001ms !important;transition-duration: .001ms !important}}.tool-app .rights-note{display: flex;gap: 8px;align-items: flex-start;margin: 0;padding: 10px 12px;border-radius: var(--radius-sm);border: 1px solid rgba(255,196,77,.3);background: rgba(255,196,77,.07);color: #f3d79a;font-size: 12px;line-height: 1.6}.tool-app .rights-note .ic{flex: none;width: 16px;height: 16px;margin-top: 1px}.tool-app canvas.is-busy{cursor: progress;opacity: .85}.tool-app .vt-stage{position: relative;width: 100%;border-radius: 12px;overflow: hidden;background: #000;display: flex;justify-content: center}.tool-app .vt-stage canvas{display: block;max-width: 100%;max-height: 54vh;width: auto;height: auto;cursor: crosshair;touch-action: none}.tool-app .vt-video{position: absolute;left: 0;top: 0;width: 2px;height: 2px;opacity: .01;pointer-events: none}.tool-app .region-list{display: flex;flex-direction: column;gap: 8px}.tool-app .region-item{flex-direction: column;align-items: stretch;gap: 8px;cursor: pointer}.tool-app .region-item.is-sel{border-color: var(--primary);box-shadow: inset 0 0 0 1px var(--primary)}.tool-app .region-item .region-top{display: flex;align-items: center;gap: 8px;min-width: 0}.tool-app .region-item .region-top .select{flex: 1;height: 34px;min-width: 0;font-size: 13px}.tool-app .region-item .region-time{display: flex;align-items: center;gap: 6px;flex-wrap: wrap;font-size: 12px;color: var(--muted)}.tool-app .region-item .region-time .btn{height: 28px;padding: 0 9px;font-size: 12px}.tool-app .region-item .region-time .fsize{margin-left: auto}.tool-app .ac-tabs{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 6px}.tool-app .ac-tabs button{height: 40px;border-radius: 11px;border: 1px solid var(--border);background: rgba(0,0,0,.25);color: var(--muted);font-size: 13px;font-weight: 700;cursor: pointer;transition: border-color .2s,color .2s,background .2s}.tool-app .ac-tabs button:first-child{grid-column: span 3}.tool-app .ac-tabs button:hover{color: var(--text);border-color: var(--border-2)}.tool-app .ac-tabs button.is-on{color: #fff;border-color: var(--primary);background: rgba(124,92,255,.18)}.tool-app .ac-value{height: 56px;font-size: 24px;font-weight: 700;font-family: var(--mono);text-align: right}.tool-app .ac-quick{display: flex;gap: 8px}.tool-app .ac-quick .btn{flex: 1}.tool-app .ac-hero{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 14px 18px;padding: 28px 20px;border-radius: 16px;border: 1px solid rgba(124,92,255,.35);background: radial-gradient(90% 140% at 50% 0%,rgba(124,92,255,.3),transparent 65%),var(--t-bg-soft);text-align: center}.tool-app .ac-hero .ic{width: 26px;height: 26px;color: var(--accent)}.tool-app .ac-from{font-size: clamp(20px,3vw,28px);font-weight: 700;color: var(--t-soft);font-family: var(--mono);overflow-wrap: anywhere}.tool-app .ac-to{font-size: clamp(30px,5vw,48px);font-weight: 800;letter-spacing: -.03em;background: var(--grad);-webkit-background-clip: text;background-clip: text;color: transparent;font-family: var(--mono);overflow-wrap: anywhere}.tool-app .ac-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(170px,1fr));gap: 8px}.tool-app .ac-cell{display: flex;flex-direction: column;align-items: flex-start;gap: 2px;padding: 12px 14px;border-radius: 12px;border: 1px solid var(--border);background: var(--surface);color: var(--text);text-align: left;cursor: pointer;transition: border-color .2s,transform .2s var(--ease),background .2s;min-width: 0}.tool-app .ac-cell:hover{border-color: var(--border-2);transform: translateY(-2px);background: var(--surface-2)}.tool-app .ac-cell.is-src{border-color: var(--primary);background: rgba(124,92,255,.12)}.tool-app .ac-cell span{font-size: 11.5px;color: var(--muted)}.tool-app .ac-cell b{font-family: var(--mono);font-size: 16px;font-weight: 700;overflow-wrap: anywhere;max-width: 100%}.tool-app .ac-cell small{font-size: 11px;color: var(--accent);font-weight: 700}.tool-app .ac-card{border: 1px solid var(--border);border-radius: 14px;background: var(--surface);padding: 16px;display: flex;flex-direction: column;gap: 10px}.tool-app .ac-h{margin: 0;font-size: 14px;font-weight: 700}.tool-app .ac-tablewrap{overflow-x: auto;border-radius: 10px;border: 1px solid var(--border)}.tool-app .ac-table{width: 100%;border-collapse: collapse;font-size: 13px;min-width: 460px}.tool-app .ac-table th,.tool-app .ac-table td{padding: 8px 12px;border-bottom: 1px solid var(--border);text-align: left;white-space: nowrap}.tool-app .ac-table thead th{font-size: 12px;color: var(--muted);background: rgba(0,0,0,.25);font-weight: 700}.tool-app .ac-table tbody th{font-weight: 600;color: var(--t-soft)}.tool-app .ac-table tbody td{font-family: var(--mono);font-size: 12.5px;color: var(--accent)}.tool-app .ac-table tbody tr:last-child th,.tool-app .ac-table tbody tr:last-child td{border-bottom: 0}.tool-app .ac-table tbody tr:hover{background: var(--surface-2)}.tool-app.cc-app{grid-template-columns: minmax(0,1fr) 340px}.tool-app .cc-text{min-height: 340px;font-size: 15px;line-height: 1.75}.tool-app .cc-saved{font-size: 12px;color: var(--muted)}.tool-app .cc-big{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 10px}.tool-app .cc-big-item{display: flex;flex-wrap: wrap;align-items: baseline;gap: 2px 6px;padding: 12px 14px;border-radius: var(--radius-sm);background: var(--surface-2);border: 1px solid var(--border);min-width: 0}.tool-app .cc-big-label{flex-basis: 100%;font-size: 12px;color: var(--muted);font-weight: 600}.tool-app .cc-big-item strong{font-family: var(--mono);font-size: 24px;font-weight: 700;color: #fff;letter-spacing: -.02em;overflow-wrap: anywhere}.tool-app .cc-big-item:first-child strong,.tool-app .cc-big-item:nth-child(2) strong{color: var(--accent)}.tool-app .cc-unit{font-size: 12px;color: var(--dim)}.tool-app .cc-goals{display: grid;grid-template-columns: 1fr 1fr;gap: 12px}.tool-app .cc-goal{display: flex;flex-direction: column;gap: 8px;padding: 12px 14px;border-radius: var(--radius-sm);border: 1px solid var(--border);background: rgba(0,0,0,.18);min-width: 0}.tool-app .cc-goal-head{display: flex;align-items: center;justify-content: space-between;gap: 8px;flex-wrap: wrap}.tool-app .cc-goal-ctrl{display: flex;gap: 6px}.tool-app .cc-sm{height: 34px;font-size: 13px;padding: 0 10px;width: auto}.tool-app .select.cc-sm{padding-right: 30px;background-position: right 10px center}.tool-app .cc-num{width: 92px;font-family: var(--mono)}.tool-app .cc-goal-foot{display: flex;align-items: center;justify-content: space-between;gap: 8px;flex-wrap: wrap}.tool-app .progress > i.cc-done,.tool-app .progress.cc-done > i{background: linear-gradient(90deg,#22c55e,var(--accent))}.tool-app .progress.cc-over > i{background: linear-gradient(90deg,#f97316,var(--t-danger))}.tool-app .cc-chips{display: flex;flex-wrap: wrap;gap: 6px;align-items: center}.tool-app .cc-chip{height: 26px;padding: 0 9px;border-radius: 99px;border: 1px solid var(--border-2);background: var(--surface-2);color: var(--t-soft);font-size: 12px;font-family: var(--mono);cursor: pointer;display: inline-flex;align-items: center}.tool-app button.cc-chip:hover{border-color: var(--primary);color: #fff}.tool-app button.cc-chip:focus-visible{outline: 2px solid var(--accent);outline-offset: 2px}.tool-app .cc-chip-bad{border-color: rgba(255,107,138,.45);background: rgba(255,107,138,.12);color: #ffb3c3;font-family: var(--font);cursor: default}.tool-app .cc-ban{display: flex;flex-direction: column;gap: 10px}.tool-app .cc-hl{max-height: 260px;overflow: auto;padding: 12px 14px;border-radius: var(--radius-sm);border: 1px solid var(--border);background: rgba(0,0,0,.3);white-space: pre-wrap;overflow-wrap: anywhere;font-size: 14px;line-height: 1.75;color: var(--t-soft)}.tool-app .cc-hl mark{background: rgba(255,107,138,.3);color: #fff;border-radius: 4px;padding: 0 2px;box-shadow: inset 0 -2px 0 var(--t-danger)}.tool-app .cc-stats{display: grid;grid-template-columns: 1fr 1fr;gap: 8px;margin: 0}.tool-app .cc-stats > div{padding: 10px 12px;border-radius: var(--radius-sm);background: var(--surface-2);border: 1px solid var(--border);min-width: 0}.tool-app .cc-stats dt{font-size: 12px;color: var(--muted)}.tool-app .cc-stats dd{margin: 2px 0 0;font-family: var(--mono);font-size: 16px;font-weight: 700;color: #fff}.tool-app .cc-top{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 6px;counter-reset: cc}.tool-app .cc-top li{display: grid;grid-template-columns: 22px minmax(0,1fr) 70px auto;align-items: center;gap: 8px;font-size: 13.5px;counter-increment: cc}.tool-app .cc-top li::before{content: counter(cc);font-family: var(--mono);font-size: 11px;color: var(--dim);text-align: right}.tool-app .cc-top li.cc-empty{display: block;color: var(--muted);font-size: 13px}.tool-app .cc-top li.cc-empty::before{content: none}.tool-app .cc-w{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.tool-app .cc-wbar{height: 6px;border-radius: 99px;background: linear-gradient(90deg,var(--primary),var(--accent));justify-self: start}.tool-app .cc-wc{font-family: var(--mono);font-size: 12px;color: var(--muted);text-align: right;min-width: 38px}@media (max-width: 900px){.tool-app.cc-app{grid-template-columns: minmax(0,1fr)}}@media (max-width: 640px){.tool-app .cc-big,.tool-app .cc-goals{grid-template-columns: 1fr 1fr}.tool-app .cc-goals{grid-template-columns: 1fr}.tool-app .cc-big-item strong{font-size: 20px}}.tool-app .ct-pick{display: grid;grid-template-columns: 84px minmax(0,1fr);gap: 12px;align-items: end}.tool-app .ct-pick input[type='color']{height: 84px;padding: 5px;border-radius: 16px}.tool-app .ct-trio{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 8px}.tool-app .ct-trio label{position: relative;display: block;margin: 0}.tool-app .ct-trio label span{position: absolute;left: 11px;top: 50%;transform: translateY(-50%);font-size: 11.5px;font-weight: 800;color: var(--muted);pointer-events: none}.tool-app .ct-trio .input{padding-left: 34px;padding-right: 6px}.tool-app .ct-pair{display: grid;grid-template-columns: minmax(0,1fr) 36px minmax(0,1fr);gap: 8px;align-items: end}.tool-app .ct-mini{display: grid;grid-template-columns: 42px minmax(0,1fr);gap: 6px}.tool-app .ct-mini .input{padding: 0 8px;font-size: 12.5px}.tool-app .ct-swap{width: 36px;height: 42px;display: grid;place-items: center;border-radius: 10px;border: 1px solid var(--border-2);background: var(--surface-2);color: var(--text);cursor: pointer}.tool-app .ct-swap:hover{border-color: var(--primary)}.tool-app .ct-hero{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1.1fr);gap: 12px}.tool-app .ct-hero-sw{min-height: 210px;border-radius: 16px;border: 1px solid var(--border-2);display: flex;align-items: flex-end;padding: 18px;font-family: var(--mono);font-size: 26px;font-weight: 800;letter-spacing: .02em;box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);transition: background .25s}.tool-app .ct-codes{display: flex;flex-direction: column;gap: 6px}.tool-app .ct-code{display: grid;grid-template-columns: 96px minmax(0,1fr) auto;align-items: center;gap: 8px;padding: 9px 12px;border-radius: 11px;border: 1px solid var(--border);background: var(--surface);color: var(--text);text-align: left;font-size: 13px}.tool-app button.ct-code{cursor: pointer;transition: border-color .2s,background .2s}.tool-app button.ct-code:hover{border-color: var(--border-2);background: var(--surface-2)}.tool-app .ct-code span{font-size: 12px;color: var(--muted)}.tool-app .ct-code b{font-family: var(--mono);font-size: 13px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.tool-app .ct-code .ic{width: 15px;height: 15px;color: var(--muted)}.tool-app div.ct-code{grid-template-columns: 96px minmax(0,1fr)}.tool-app .ct-card{border: 1px solid var(--border);border-radius: 14px;background: var(--surface);padding: 16px;display: flex;flex-direction: column;gap: 12px}.tool-app .ct-h{margin: 0;font-size: 14px;font-weight: 700}.tool-app .ct-ratio{font-family: var(--mono);font-size: 24px;font-weight: 800;background: var(--grad);-webkit-background-clip: text;background-clip: text;color: transparent}.tool-app .ct-sample{border-radius: 12px;padding: 20px 22px;border: 1px solid var(--border-2);transition: background .2s,color .2s}.tool-app .ct-sample p{margin: 0}.tool-app .ct-s-big{font-size: 24px;font-weight: 800;letter-spacing: -.02em}.tool-app .ct-s-small{font-size: 16px;margin-top: 6px !important}.tool-app .ct-badges{display: flex;flex-wrap: wrap;gap: 6px}.tool-app .ct-badge{font-size: 12px;font-weight: 700;padding: 5px 10px;border-radius: 99px;border: 1px solid}.tool-app .ct-badge.ok{color: #8ff7df;border-color: rgba(46,242,200,.4);background: rgba(46,242,200,.08)}.tool-app .ct-badge.bad{color: #ffb3c3;border-color: rgba(255,107,138,.4);background: rgba(255,107,138,.08)}.tool-app .ct-scale{display: grid;grid-template-columns: repeat(10,minmax(0,1fr));gap: 6px}.tool-app .ct-chip{display: flex;flex-direction: column;gap: 3px;padding: 0 0 7px;border-radius: 10px;overflow: hidden;border: 1px solid var(--border-2);background: var(--surface-2);color: var(--text);cursor: pointer;text-align: center;min-width: 0;transition: transform .2s var(--ease),border-color .2s}.tool-app .ct-chip:hover{transform: translateY(-2px);border-color: rgba(255,255,255,.3)}.tool-app .ct-chip i{display: block;height: 46px}.tool-app .ct-chip b{font-size: 11.5px;font-family: var(--mono);padding: 0 4px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.tool-app .ct-chip small{font-size: 10px;color: var(--muted);font-family: var(--mono);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 3px}.tool-app .ct-harm{display: flex;flex-direction: column;gap: 10px}.tool-app .ct-harm-row{display: grid;grid-template-columns: 76px minmax(0,1fr);gap: 10px;align-items: center}.tool-app .ct-harm-row > span{font-size: 12.5px;color: var(--t-soft);font-weight: 650}.tool-app .ct-harm-list{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 6px}.tool-app .ct-harm-list .ct-chip i{height: 38px}@media (max-width: 1100px){.tool-app .ct-hero{grid-template-columns: minmax(0,1fr)}.tool-app .ct-scale{grid-template-columns: repeat(5,minmax(0,1fr))}}.tool-app .cxt-dz{min-height: 150px;padding: 24px 16px}.tool-app .cxt-tag{background: rgba(46,242,200,.14);color: #8ff7df}.tool-app .cxt-fbody{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 4px}.tool-app .cxt-fbody .fsize{white-space: normal}.tool-app .cxt-sheet{height: 32px;font-size: 12.5px}.tool-app .cxt-stats{display: grid;grid-template-columns: repeat(5,minmax(0,1fr));gap: 8px}.tool-app .cxt-stat{padding: 10px 12px;border-radius: var(--radius-sm);background: var(--surface-2);border: 1px solid var(--border);display: flex;flex-direction: column;gap: 2px;min-width: 0}.tool-app .cxt-stat span{font-size: 12px;color: var(--muted)}.tool-app .cxt-stat strong{font-family: var(--mono);font-size: 15px;color: #fff;overflow-wrap: anywhere}.tool-app .cxt-stat.is-main{border-color: rgba(46,242,200,.4);background: rgba(46,242,200,.07)}.tool-app .cxt-stat.is-main strong{color: var(--accent)}.tool-app .cxt-cols{display: grid;grid-template-columns: repeat(auto-fill,minmax(260px,1fr));gap: 6px;max-height: 240px;overflow: auto}.tool-app .cxt-col{display: flex;align-items: center;gap: 8px;padding: 4px 6px 4px 10px;border-radius: 10px;border: 1px solid var(--border);background: var(--surface-2);font-size: 13px;min-width: 0}.tool-app .cxt-col.is-off{opacity: .55}.tool-app .cxt-col input{width: 16px;height: 16px;margin: 0;accent-color: var(--primary);cursor: pointer;flex: none}.tool-app .cxt-cname{flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;cursor: pointer}.tool-app .cxt-key{display: inline-flex;align-items: center;gap: 4px;font-size: 11.5px;color: var(--muted);white-space: nowrap;cursor: pointer}.tool-app .cxt-col .rm{width: 26px;height: 26px}.tool-app .cxt-scroll{overflow: auto;max-height: 480px;border-radius: var(--radius-sm);border: 1px solid var(--border);background: rgba(0,0,0,.25)}.tool-app .cxt-table{border-collapse: collapse;font-size: 12.5px;min-width: 100%}.tool-app .cxt-table th,.tool-app .cxt-table td{padding: 6px 10px;border: 1px solid var(--border);text-align: left;vertical-align: top;white-space: pre-wrap;max-width: 320px;overflow-wrap: anywhere}.tool-app .cxt-table thead th{position: sticky;top: 0;background: #14141f;color: #fff;font-weight: 700;z-index: 1;white-space: nowrap}.tool-app .cxt-table td:first-child,.tool-app .cxt-table th:first-child{font-family: var(--mono);color: var(--dim);width: 1%}.tool-app .cxt-table tbody tr:nth-child(even) td{background: rgba(255,255,255,.02)}@media (max-width: 1100px){.tool-app .cxt-stats{grid-template-columns: repeat(3,minmax(0,1fr))}}.tool-app .dc-tabs{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 6px}.tool-app .dc-tabs button{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 5px;height: 66px;border-radius: 12px;border: 1px solid var(--border);background: rgba(0,0,0,.25);color: var(--muted);font-size: 12.5px;font-weight: 700;cursor: pointer;transition: border-color .2s,color .2s,background .2s}.tool-app .dc-tabs button .ic{width: 20px;height: 20px}.tool-app .dc-tabs button:hover{color: var(--text);border-color: var(--border-2)}.tool-app .dc-tabs button.is-on{color: #fff;border-color: var(--primary);background: rgba(124,92,255,.18);box-shadow: inset 0 0 0 1px rgba(124,92,255,.4)}.tool-app .dc-tabs button.is-on .ic{color: var(--accent)}.tool-app input[type='date']{color-scheme: dark}.tool-app .dc-hero{display: flex;flex-direction: column;align-items: center;text-align: center;gap: 6px;padding: 34px 20px;border-radius: 16px;border: 1px solid rgba(124,92,255,.35);background: radial-gradient(90% 140% at 50% 0%,rgba(124,92,255,.32),transparent 65%),radial-gradient(80% 100% at 50% 100%,rgba(46,242,200,.12),transparent 60%),var(--t-bg-soft)}.tool-app .dc-cap{font-size: 14px;font-weight: 700;color: var(--t-soft);overflow-wrap: anywhere}.tool-app .dc-big{font-size: clamp(34px,6vw,60px);font-weight: 800;letter-spacing: -.035em;line-height: 1.1;background: var(--grad);-webkit-background-clip: text;background-clip: text;color: transparent;overflow-wrap: anywhere}.tool-app .dc-sub{font-size: 13px;color: var(--muted)}.tool-app .dc-progress{display: flex;flex-direction: column;gap: 6px;font-size: 12.5px;color: var(--t-soft)}.tool-app .dc-progress .progress{height: 10px}.tool-app .dc-list{display: grid;grid-template-columns: repeat(auto-fill,minmax(230px,1fr));gap: 8px}.tool-app .dc-row{display: flex;flex-direction: column;gap: 2px;padding: 12px 14px;border-radius: 12px;border: 1px solid var(--border);background: var(--surface);min-width: 0}.tool-app .dc-row span{font-size: 12px;color: var(--muted)}.tool-app .dc-row b{font-size: 15px;font-weight: 700;overflow-wrap: anywhere}.tool-app .dc-row small{font-size: 12px;color: var(--accent);font-family: var(--mono);font-weight: 600}.tool-app .dc-row.is-past{opacity: .55}.tool-app .dc-row.is-past small{color: var(--dim)}.tool-app .dc-row.is-next{border-color: var(--primary);background: rgba(124,92,255,.14);box-shadow: 0 10px 30px -18px rgba(124,92,255,.9)}.tool-app .dc-share{display: flex;flex-direction: column;gap: 6px;padding: 14px;border-radius: 12px;border: 1px dashed var(--border-2)}.tool-app .dc-share-text{margin: 0;font-size: 14px;color: var(--text);min-height: 1.6em;overflow-wrap: anywhere}.tool-app .enc-kinds{display: grid;grid-template-columns: 1fr 1fr;gap: 6px}.tool-app .enc-kinds button{height: 38px;padding: 0 8px;border-radius: 10px;border: 1px solid var(--border-2);background: var(--surface-2);color: var(--muted);font-size: 13px;font-weight: 650;cursor: pointer;transition: border-color .2s,background .2s,color .2s}.tool-app .enc-kinds button:hover{color: var(--text)}.tool-app .enc-kinds button.is-on{border-color: var(--primary);background: rgba(124,92,255,.2);color: #fff}.tool-app .enc-kinds button:focus-visible{outline: 2px solid var(--accent);outline-offset: 2px}.tool-app .seg button:disabled{opacity: .35;cursor: not-allowed}.tool-app .enc-dz{min-height: 0;padding: 16px 14px;gap: 4px}.tool-app .enc-dz strong{font-size: 14px}.tool-app .enc-claims{display: grid;grid-template-columns: repeat(auto-fill,minmax(220px,1fr));gap: 8px}.tool-app .enc-claim{padding: 9px 12px;border-radius: var(--radius-sm);border: 1px solid var(--border);background: var(--surface-2);display: flex;flex-direction: column;gap: 2px;min-width: 0}.tool-app .enc-claim span{font-size: 12px;color: var(--muted)}.tool-app .enc-claim strong{font-family: var(--mono);font-size: 13px;font-weight: 600;overflow-wrap: anywhere}.tool-app .enc-claim.bad{border-color: rgba(255,107,138,.4)}.tool-app .enc-claim.bad strong{color: #ffb3c3}.tool-app .hte-dz{min-height: 0;padding: 18px 16px;gap: 4px}.tool-app .hte-dz .dz-ico{width: 40px;height: 40px;border-radius: 12px;margin-bottom: 2px}.tool-app .hte-dz .dz-ico .ic{width: 20px;height: 20px}.tool-app .hte-src{min-height: 180px;max-height: 360px;font-size: 12px}.tool-app .hte-cta{padding: 10px 12px;border-radius: var(--radius-sm);border: 1px solid rgba(46,242,200,.3);background: rgba(46,242,200,.07);color: #8ff7df;font-weight: 600}.tool-app .hte-list{display: flex;flex-direction: column;gap: 6px;max-height: 220px;overflow: auto;margin-top: 8px}.tool-app .hte-item{display: flex;align-items: center;gap: 10px;width: 100%;padding: 9px 12px;border-radius: var(--radius-sm);border: 1px solid var(--border);background: var(--surface-2);color: var(--text);font-size: 13px;text-align: left;cursor: pointer;min-width: 0}.tool-app .hte-item:hover{border-color: var(--border-2)}.tool-app .hte-item.is-on{border-color: var(--primary);box-shadow: inset 0 0 0 1px var(--primary);background: rgba(124,92,255,.12)}.tool-app .hte-item:focus-visible{outline: 2px solid var(--accent);outline-offset: 2px}.tool-app .hte-no{flex: none;width: 24px;height: 24px;border-radius: 7px;display: grid;place-items: center;background: var(--t-surface-3);font-family: var(--mono);font-size: 11.5px;font-weight: 700;color: var(--accent)}.tool-app .hte-scroll{overflow: auto;max-height: 460px;border-radius: var(--radius-sm);border: 1px solid var(--border);background: rgba(0,0,0,.25)}.tool-app .hte-table{border-collapse: collapse;font-size: 12.5px;min-width: 100%}.tool-app .hte-table th,.tool-app .hte-table td{padding: 6px 10px;border: 1px solid var(--border);text-align: left;vertical-align: top;white-space: pre-wrap;max-width: 360px;overflow-wrap: anywhere}.tool-app .hte-table thead th{position: sticky;top: 0;background: #14141f;color: var(--muted);font-weight: 700;z-index: 1}.tool-app .hte-table tbody tr:first-child td{color: #fff;font-weight: 600}.tool-app .hte-table tbody tr:nth-child(even) td{background: rgba(255,255,255,.02)}.tool-app #selTable tbody tr:first-child td{color: var(--text);font-weight: 400}.tool-app #selTable td:first-child{font-family: var(--mono);color: var(--dim);width: 1%}.tool-app .kwc-cols{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 10px}.tool-app .kwc-col{min-height: 190px}.tool-app .kwc-count{display: flex;align-items: baseline;gap: 6px;flex-wrap: wrap;padding: 12px 16px;border-radius: var(--radius-sm);background: var(--surface-2);border: 1px solid var(--border)}.tool-app .kwc-count strong{font-family: var(--mono);font-size: 28px;font-weight: 700;color: var(--accent);letter-spacing: -.02em}.tool-app .kwc-count > span{font-size: 14px;color: var(--t-soft)}.tool-app .kwc-count .kwc-formula{font-family: var(--mono);font-size: 12.5px;color: var(--muted)}.tool-app .kwc-result{min-height: 240px}@media (max-width: 1100px){.tool-app .kwc-cols{grid-template-columns: repeat(2,minmax(0,1fr))}}.tool-app .qc-pages{font-family: var(--mono);font-size: 12.5px;font-weight: 700;color: var(--accent);padding: 3px 10px;border-radius: 99px;background: rgba(46,242,200,.08);border: 1px solid rgba(46,242,200,.3)}.tool-app .qc-tpls{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 8px}.tool-app .qc-tpl{display: flex;flex-direction: column;align-items: center;gap: 5px;padding: 6px 4px 7px;border-radius: 12px;border: 1px solid var(--border);background: rgba(0,0,0,.25);color: var(--muted);cursor: pointer;transition: border-color .2s,color .2s,background .2s;min-width: 0}.tool-app .qc-tpl i{display: block;width: 100%;aspect-ratio: 4 / 5;border-radius: 8px;border: 1px solid rgba(255,255,255,.15)}.tool-app .qc-tpl span{font-size: 11px;font-weight: 650;line-height: 1.25;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 100%}.tool-app .qc-tpl:hover{color: var(--text);border-color: var(--border-2)}.tool-app .qc-tpl.is-on{border-color: var(--primary);color: #fff;background: rgba(124,92,255,.16)}.tool-app .qc-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(230px,1fr));gap: 14px;align-content: start}.tool-app .qc-card{margin: 0;display: flex;flex-direction: column;border-radius: 14px;overflow: hidden;border: 1px solid var(--border-2);background: var(--surface-2)}.tool-app .qc-card canvas{width: 100%;height: auto;display: block}.tool-app .qc-card figcaption{display: flex;align-items: center;justify-content: space-between;gap: 8px;padding: 7px 8px 7px 12px;font-size: 12.5px;color: var(--t-soft);font-family: var(--mono)}.tool-app .qc-card .btn{--h: 32px;padding: 0 10px;font-size: 12.5px}.tool-app .rp-count{font-family: var(--mono);font-size: 12.5px;font-weight: 700;color: var(--accent);padding: 3px 10px;border-radius: 99px;background: rgba(46,242,200,.08);border: 1px solid rgba(46,242,200,.3)}.tool-app .rp-adv{border: 1px solid var(--border);border-radius: var(--radius-sm);padding: 10px 13px;background: rgba(0,0,0,.2)}.tool-app .rp-adv summary{cursor: pointer;font-size: 13px;font-weight: 650;color: var(--t-soft)}.tool-app .rp-empty{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 8px;min-height: 400px;text-align: center;color: var(--muted);font-size: 14px}.tool-app .rp-empty .dz-ico{width: 64px;height: 64px;border-radius: 18px;display: grid;place-items: center;background: var(--surface-2);border: 1px solid var(--border-2);color: var(--accent);margin-bottom: 4px}.tool-app .rp-empty .dz-ico .ic{width: 30px;height: 30px}.tool-app .rp-empty strong{color: var(--text);font-size: 16px}.tool-app .rp-result{display: flex;flex-direction: column;gap: 14px}.tool-app .rp-result-head{display: flex;align-items: flex-end;justify-content: space-between;gap: 12px;flex-wrap: wrap;padding: 18px 20px;border-radius: 16px;border: 1px solid rgba(124,92,255,.35);background: radial-gradient(120% 160% at 0% 0%,rgba(124,92,255,.3),transparent 60%),var(--t-bg-soft)}.tool-app .rp-result-head > div:first-child{display: flex;flex-direction: column;gap: 2px;min-width: 0}.tool-app .rp-cap{font-size: 13px;color: var(--t-soft);font-weight: 700;overflow-wrap: anywhere}.tool-app .rp-big{font-size: 26px;font-weight: 800;letter-spacing: -.02em;background: var(--grad);-webkit-background-clip: text;background-clip: text;color: transparent}.tool-app .rp-actions{flex: none}.tool-app .rp-actions > *{flex: none;white-space: nowrap}.tool-app .rp-winners{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(auto-fill,minmax(200px,1fr));gap: 8px}.tool-app .rp-winners li{display: flex;align-items: center;gap: 10px;padding: 11px 13px;border-radius: 12px;border: 1px solid var(--border-2);background: var(--surface-2);min-width: 0;animation: rp-pop .5s var(--ease) both;animation-delay: var(--d,0s)}.tool-app .rp-winners li b{flex: none;width: 28px;height: 28px;border-radius: 50%;display: grid;place-items: center;font-size: 13px;font-weight: 800;color: #0b0b13;background: var(--primary-2)}.tool-app .rp-winners li:nth-child(1) b{background: #ffd166}.tool-app .rp-winners li:nth-child(2) b{background: #d8dee9}.tool-app .rp-winners li:nth-child(3) b{background: #f0a868}.tool-app .rp-winners li span{font-weight: 700;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.tool-app .rp-winners.small li{padding: 8px 11px;opacity: .85}.tool-app .rp-winners.small li b{background: var(--t-surface-3) !important;color: var(--text)}.tool-app .rp-spares{display: flex;flex-direction: column;gap: 8px}@keyframes rp-pop{from{opacity: 0;transform: translateY(8px) scale(.96)}}.tool-app .rp-meta{display: grid;grid-template-columns: max-content minmax(0,1fr);gap: 6px 14px;margin: 0;padding: 14px 16px;border-radius: 12px;border: 1px dashed var(--border-2);font-size: 12.5px}.tool-app .rp-meta dt{color: var(--muted)}.tool-app .rp-meta dd{margin: 0;color: var(--t-soft);overflow-wrap: anywhere}.tool-app .rp-meta dd.mono{font-family: var(--mono);font-size: 12px}.tool-app .rp-preview{margin: 0;display: flex;flex-direction: column;align-items: center;gap: 6px}.tool-app .rp-preview img{width: min(320px,100%);aspect-ratio: 4 / 5;border-radius: 14px;border: 1px solid var(--border-2);background: var(--t-bg-soft);box-shadow: 0 24px 60px -30px rgba(0,0,0,.9)}.tool-app .rp-preview figcaption{font-size: 12px;color: var(--muted)}.tool-app .rp-wheel-wrap{position: relative;width: min(560px,100%);margin: 8px auto 0}.tool-app .rp-wheel-wrap canvas{width: 100%;height: auto;display: block;filter: drop-shadow(0 24px 50px rgba(124,92,255,.35))}.tool-app .rp-pointer{position: absolute;left: 50%;top: -6px;transform: translateX(-50%);width: 0;height: 0;border-left: 18px solid transparent;border-right: 18px solid transparent;border-top: 34px solid #fff;filter: drop-shadow(0 4px 8px rgba(0,0,0,.6))}.tool-app .rp-wheel-result{text-align: center;font-size: 22px;font-weight: 800;margin: 14px 0 0;min-height: 1.5em;overflow-wrap: anywhere}.tool-app .rp-ladder-wrap{width: 100%;overflow-x: auto;border-radius: 14px;border: 1px solid var(--border);background: #0b0b13}.tool-app .rp-ladder-wrap canvas{display: block;width: 100%;min-width: 560px;height: auto}.tool-app .rp-ladder-result{list-style: none;margin: 12px 0 0;padding: 0;display: grid;grid-template-columns: repeat(auto-fill,minmax(170px,1fr));gap: 8px}.tool-app .rp-ladder-result li{display: flex;justify-content: space-between;gap: 8px;padding: 9px 12px;border-radius: 10px;background: var(--surface-2);border: 1px solid var(--border);font-size: 13.5px;min-width: 0}.tool-app .rp-ladder-result li span{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.tool-app .rp-ladder-result li b{color: var(--muted);flex: none}.tool-app .rp-ladder-result li.is-win{border-color: rgba(255,209,102,.5);background: rgba(255,209,102,.08)}.tool-app .rp-ladder-result li.is-win b{color: #ffd166}.tool-app .rgx-pat{display: flex;align-items: center;gap: 4px}.tool-app .rgx-pat .input{flex: 1;min-width: 0}.tool-app .rgx-pat .rgx-flags{flex: none;width: 70px}.tool-app .rgx-slash{font-family: var(--mono);font-size: 18px;color: var(--dim)}.tool-app .rgx-flagbtns{display: grid;grid-template-columns: repeat(3,1fr);gap: 6px}.tool-app .rgx-flagbtns button{height: 34px;border-radius: 9px;border: 1px solid var(--border-2);background: var(--surface-2);color: var(--muted);font-family: var(--mono);font-size: 13px;font-weight: 700;cursor: pointer;display: flex;align-items: center;justify-content: center;gap: 6px}.tool-app .rgx-flagbtns button span{font-family: var(--font);font-size: 11.5px;font-weight: 600}.tool-app .rgx-flagbtns button.is-on{border-color: var(--primary);background: rgba(124,92,255,.2);color: #fff}.tool-app .rgx-flagbtns button:focus-visible,.tool-app .rgx-libbtn:focus-visible{outline: 2px solid var(--accent);outline-offset: 2px}.tool-app .rgx-lib{display: flex;flex-wrap: wrap;gap: 6px}.tool-app .rgx-libbtn{height: 30px;padding: 0 11px;border-radius: 99px;border: 1px solid var(--border-2);background: var(--surface-2);color: var(--t-soft);font-size: 12.5px;font-weight: 600;cursor: pointer}.tool-app .rgx-libbtn:hover{border-color: var(--primary);color: #fff}.tool-app .rgx-code{min-height: 170px;font-size: 12px;white-space: pre}.tool-app .rgx-text{min-height: 170px}.tool-app .rgx-hl{min-height: 80px;max-height: 320px;overflow: auto;padding: 12px 13px;border-radius: var(--radius-sm);border: 1px solid var(--border);background: rgba(0,0,0,.3);font-family: var(--mono);font-size: 13px;line-height: 1.75;white-space: pre-wrap;overflow-wrap: anywhere;color: var(--t-soft)}.tool-app .rgx-hl mark{color: #fff;border-radius: 4px;padding: 1px 0}.tool-app .rgx-hl mark.rgx-a{background: rgba(124,92,255,.45);box-shadow: inset 0 -2px 0 var(--primary-2)}.tool-app .rgx-hl mark.rgx-b{background: rgba(46,242,200,.3);box-shadow: inset 0 -2px 0 var(--accent)}.tool-app .rgx-hl mark.rgx-zero{display: inline-block;width: 2px;height: 1.1em;vertical-align: text-bottom;background: var(--warn);padding: 0}.tool-app .rgx-empty{color: var(--dim);font-style: italic}.tool-app .rgx-scroll{overflow: auto;max-height: 320px;border-radius: var(--radius-sm);border: 1px solid var(--border)}.tool-app .rgx-table{border-collapse: collapse;font-size: 12.5px;min-width: 100%;font-family: var(--mono)}.tool-app .rgx-table th,.tool-app .rgx-table td{padding: 6px 10px;border-bottom: 1px solid var(--border);text-align: left;white-space: pre-wrap;overflow-wrap: anywhere;max-width: 300px;vertical-align: top}.tool-app .rgx-table th{position: sticky;top: 0;background: #14141f;color: var(--muted);font-weight: 700}.tool-app .rgx-table th{white-space: nowrap}.tool-app .rgx-table td:first-child,.tool-app .rgx-table td:nth-child(2){color: var(--dim);width: 1%;white-space: nowrap}.tool-app .sal-year{font-size: 11.5px;font-weight: 700;color: var(--accent);padding: 3px 9px;border-radius: 99px;border: 1px solid rgba(46,242,200,.35);background: rgba(46,242,200,.08)}.tool-app .sal-money{position: relative}.tool-app .sal-money .input{padding-right: 34px;font-family: var(--mono);font-size: 15px;font-weight: 600;text-align: right}.tool-app .sal-unit{position: absolute;right: 13px;top: 50%;transform: translateY(-50%);font-size: 13px;color: var(--muted);pointer-events: none}.tool-app .sal-chips{display: flex;flex-wrap: wrap;gap: 6px}.tool-app .sal-chips button{height: 30px;padding: 0 11px;border-radius: 99px;border: 1px solid var(--border-2);background: var(--surface-2);color: var(--t-soft);font-size: 12.5px;font-weight: 600;cursor: pointer;transition: border-color .2s,color .2s,background .2s}.tool-app .sal-chips button:hover{border-color: var(--primary);color: #fff;background: rgba(124,92,255,.16)}.tool-app .sal-hero{display: grid;grid-template-columns: minmax(0,1.3fr) minmax(0,1fr);gap: 14px;padding: 22px;border-radius: 16px;border: 1px solid rgba(124,92,255,.35);background: radial-gradient(120% 140% at 0% 0%,rgba(124,92,255,.28),transparent 60%),radial-gradient(100% 120% at 100% 100%,rgba(46,242,200,.14),transparent 60%),var(--t-bg-soft)}.tool-app .sal-hero-main{display: flex;flex-direction: column;gap: 4px;min-width: 0}.tool-app .sal-cap{font-size: 13px;font-weight: 700;color: var(--t-soft)}.tool-app .sal-big{font-size: clamp(30px,4.4vw,44px);font-weight: 800;letter-spacing: -.03em;line-height: 1.15;background: var(--grad);-webkit-background-clip: text;background-clip: text;color: transparent;overflow-wrap: anywhere}.tool-app .sal-sub{font-size: 12.5px;color: var(--muted)}.tool-app .sal-hero-side{display: flex;flex-direction: column;gap: 8px;justify-content: center}.tool-app .sal-hero-side > div{display: flex;justify-content: space-between;align-items: baseline;gap: 10px;padding: 9px 12px;border-radius: 10px;background: rgba(0,0,0,.28);border: 1px solid var(--border)}.tool-app .sal-hero-side span{font-size: 12.5px;color: var(--muted)}.tool-app .sal-hero-side b{font-family: var(--mono);font-size: 14px}.tool-app .sal-grid{display: grid;grid-template-columns: minmax(0,1.2fr) minmax(0,1fr);gap: 12px}.tool-app .sal-card{border: 1px solid var(--border);border-radius: 14px;background: var(--surface);padding: 16px;display: flex;flex-direction: column;gap: 12px;min-width: 0}.tool-app .sal-h{margin: 0;font-size: 14px;font-weight: 700;color: var(--text)}.tool-app .sal-bars{display: flex;flex-direction: column;gap: 10px}.tool-app .sal-bar-top{display: flex;justify-content: space-between;align-items: baseline;gap: 8px;font-size: 13px}.tool-app .sal-bar-top small{margin-left: 6px;font-size: 11px;color: var(--dim)}.tool-app .sal-bar-top b{font-family: var(--mono);font-size: 13px}.tool-app .sal-track{height: 8px;border-radius: 99px;background: var(--t-surface-3);overflow: hidden;margin-top: 5px}.tool-app .sal-track i{display: block;height: 100%;border-radius: 99px;transition: width .45s var(--ease)}.tool-app .sal-bar.c1 i{background: linear-gradient(90deg,#7c5cff,#a48bff)}.tool-app .sal-bar.c2 i{background: linear-gradient(90deg,#2ef2c8,#22d3ee)}.tool-app .sal-bar.c3 i{background: linear-gradient(90deg,#22d3ee,#60a5fa)}.tool-app .sal-bar.c4 i{background: linear-gradient(90deg,#fbbf24,#f59e0b)}.tool-app .sal-bar.c5 i{background: linear-gradient(90deg,#f472b6,#ff6b8a)}.tool-app .sal-bar.c6 i{background: linear-gradient(90deg,#fb7185,#f97316)}.tool-app .sal-total{display: flex;justify-content: space-between;padding-top: 10px;border-top: 1px dashed var(--border-2);font-size: 13.5px;font-weight: 700}.tool-app .sal-total b{font-family: var(--mono);color: #ffb3c3}.tool-app .sal-ye{display: flex;flex-direction: column;gap: 8px}.tool-app .sal-ye-row{display: flex;justify-content: space-between;gap: 10px;font-size: 13px;color: var(--t-soft)}.tool-app .sal-ye-row b{font-family: var(--mono);color: var(--text);white-space: nowrap}.tool-app .sal-ye-res{margin: 4px 0 0;font-size: 15px;font-weight: 800}.tool-app .sal-note{margin: 0;font-size: 12.5px;line-height: 1.65}.tool-app .sal-note b{color: #fff;margin-right: 4px}.tool-app .sal-tablewrap{overflow-x: auto;border-radius: 10px;border: 1px solid var(--border)}.tool-app .sal-table{width: 100%;border-collapse: collapse;font-size: 13px;min-width: 560px}.tool-app .sal-table th,.tool-app .sal-table td{padding: 9px 12px;text-align: right;border-bottom: 1px solid var(--border);white-space: nowrap;font-family: var(--mono);font-size: 12.5px}.tool-app .sal-table thead th{font-family: var(--font);font-size: 12px;font-weight: 700;color: var(--muted);background: rgba(0,0,0,.25);position: sticky;top: 0}.tool-app .sal-table tbody th{text-align: left;font-family: var(--font);font-weight: 700;color: var(--t-soft)}.tool-app .sal-table tbody td:nth-child(2){color: var(--accent);font-weight: 700}.tool-app .sal-table tbody tr:hover{background: var(--surface-2)}.tool-app .sal-table tbody tr.is-cur{background: rgba(124,92,255,.16);box-shadow: inset 3px 0 0 var(--primary)}.tool-app .sal-table tbody tr:last-child th,.tool-app .sal-table tbody tr:last-child td{border-bottom: 0}@media (max-width: 1100px){.tool-app .sal-hero,.tool-app .sal-grid{grid-template-columns: minmax(0,1fr)}}.tool-app .spv-meter{height: 4px}.tool-app .spv-meter.spv-over > i{background: linear-gradient(90deg,#f97316,var(--t-danger))}.tool-app .spv-warns{display: flex;flex-direction: column;gap: 6px}.tool-app .spv-warns .alert{padding: 9px 13px;font-size: 13px}.tool-app .spv-block{display: flex;flex-direction: column;min-width: 0}.tool-app .spv-card{background: #fff;color: #202124;border-radius: 14px;padding: 16px 18px;font-family: Arial,"Malgun Gothic","Apple SD Gothic Neo",sans-serif;max-width: 680px;overflow: hidden}.tool-app .spv-src{display: flex;align-items: center;gap: 10px;min-width: 0;margin-bottom: 6px}.tool-app .spv-fav{flex: none;width: 26px;height: 26px;border-radius: 50%;display: grid;place-items: center;background: #eef0f3;border: 1px solid #dadce0;font-size: 12px;font-weight: 700;color: #5f6368}.tool-app .spv-srcname{display: flex;flex-direction: column;min-width: 0;line-height: 1.3}.tool-app .spv-srcname b{font-size: 14px;font-weight: 400;color: #202124;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.tool-app .spv-srcname span{font-size: 12px;color: #4d5156;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.tool-app .spv-gg-title{font-size: 20px;line-height: 1.3;color: #1a0dab;margin: 2px 0 4px;white-space: nowrap;overflow: hidden}.tool-app .spv-gg-desc{font-size: 14px;line-height: 1.58;color: #4d5156;overflow-wrap: anywhere}.tool-app .spv-naver .spv-srcname b{font-weight: 700;font-size: 13px}.tool-app .spv-naver .spv-fav{background: #e8f8ee;border-color: #c6ecd4;color: #03a94d}.tool-app .spv-nv-title{font-size: 18px;line-height: 1.4;color: #001ca8;font-weight: 700;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 2px 0 4px;letter-spacing: -.02em}.tool-app .spv-nv-desc{font-size: 14.5px;line-height: 1.6;color: #404040;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;overflow-wrap: anywhere}.tool-app .spv-share{display: grid;grid-template-columns: 1fr 1fr;gap: 14px}.tool-app .spv-kakao-bg{background: #b2c7da;border-radius: 14px;padding: 18px}.tool-app .spv-kakao{width: 100%;max-width: 270px;background: #fff;border-radius: 10px;overflow: hidden;color: #191919;font-family: "Malgun Gothic","Apple SD Gothic Neo",sans-serif}.tool-app .spv-img{aspect-ratio: 2 / 1;background: #e9ecef;display: grid;place-items: center;overflow: hidden}.tool-app .spv-img span{font-size: 12px;color: #868e96;padding: 8px;text-align: center}.tool-app .spv-img img{width: 100%;height: 100%;object-fit: cover;display: block;max-width: none}.tool-app .spv-kk-body{padding: 10px 12px 12px}.tool-app .spv-kk-title{font-size: 14px;font-weight: 700;line-height: 1.4;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;overflow-wrap: anywhere}.tool-app .spv-kk-desc{font-size: 12.5px;color: #666;line-height: 1.45;margin-top: 3px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;overflow-wrap: anywhere}.tool-app .spv-kk-domain{font-size: 11.5px;color: #999;margin-top: 6px}.tool-app .spv-threads-bg{background: #fff;border-radius: 14px;padding: 18px}.tool-app .spv-threads{width: 100%;max-width: 320px;border: 1px solid #e5e5e5;border-radius: 12px;overflow: hidden;color: #000;font-family: -apple-system,"Malgun Gothic",sans-serif}.tool-app .spv-threads .spv-img{aspect-ratio: 1.91 / 1}.tool-app .spv-th-body{padding: 10px 12px;background: #fafafa;border-top: 1px solid #efefef}.tool-app .spv-th-domain{font-size: 12px;color: #999}.tool-app .spv-th-title{font-size: 14px;font-weight: 600;line-height: 1.4;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;overflow-wrap: anywhere}.tool-app .spv-code{min-height: 230px;white-space: pre}@media (max-width: 1100px){.tool-app .spv-share{grid-template-columns: 1fr}}.tool-app .sv-tag{font-size: 11.5px;font-weight: 700;color: var(--warn);padding: 3px 9px;border-radius: 99px;border: 1px solid rgba(255,181,71,.4);background: rgba(255,181,71,.08)}.tool-app .sv-money{position: relative}.tool-app .sv-money .input{padding-right: 32px;text-align: right;font-family: var(--mono);font-weight: 600}.tool-app .sv-money span{position: absolute;right: 12px;top: 50%;transform: translateY(-50%);font-size: 13px;color: var(--muted);pointer-events: none}.tool-app .sv-months{display: flex;flex-direction: column;gap: 8px}.tool-app .sv-month{display: grid;grid-template-columns: 128px minmax(0,1fr);gap: 8px;align-items: center}.tool-app .sv-month label{font-size: 12px;color: var(--muted);font-family: var(--mono);line-height: 1.35}.tool-app .sv-hero{display: flex;flex-direction: column;gap: 4px;padding: 24px;border-radius: 16px;border: 1px solid rgba(124,92,255,.35);background: radial-gradient(120% 160% at 0% 0%,rgba(124,92,255,.28),transparent 60%),radial-gradient(90% 120% at 100% 100%,rgba(255,181,71,.12),transparent 60%),var(--t-bg-soft)}.tool-app .sv-cap{font-size: 13px;font-weight: 700;color: var(--t-soft)}.tool-app .sv-big{font-size: clamp(30px,4.6vw,46px);font-weight: 800;letter-spacing: -.03em;line-height: 1.15;background: var(--grad);-webkit-background-clip: text;background-clip: text;color: transparent;overflow-wrap: anywhere}.tool-app .sv-sub{font-size: 12.5px;color: var(--muted);font-family: var(--mono)}.tool-app .sv-stats{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 10px}.tool-app .sv-stat{display: flex;flex-direction: column;gap: 3px;padding: 14px;border-radius: 14px;border: 1px solid var(--border);background: var(--surface);min-width: 0}.tool-app .sv-stat span{font-size: 12px;color: var(--muted)}.tool-app .sv-stat b{font-size: 18px;font-weight: 800;letter-spacing: -.02em}.tool-app .sv-stat small{font-size: 11.5px;color: var(--dim);font-family: var(--mono);overflow-wrap: anywhere}.tool-app .sv-card{border: 1px solid var(--border);border-radius: 14px;background: var(--surface);padding: 16px}.tool-app .sv-h{margin: 0 0 10px;font-size: 14px;font-weight: 700}.tool-app .sv-steps{margin: 0;padding: 0;list-style: none;counter-reset: sv;display: flex;flex-direction: column;gap: 10px}.tool-app .sv-steps li{counter-increment: sv;display: grid;grid-template-columns: 26px minmax(0,1fr);column-gap: 10px;font-size: 13px;color: var(--t-soft)}.tool-app .sv-steps li::before{content: counter(sv);grid-row: span 2;width: 24px;height: 24px;border-radius: 8px;display: grid;place-items: center;font-size: 12px;font-weight: 800;color: #fff;background: rgba(124,92,255,.35);border: 1px solid rgba(164,139,255,.5)}.tool-app .sv-steps li b{color: var(--text);font-size: 13.5px}.tool-app .sv-steps li span{font-family: var(--mono);font-size: 12px;color: var(--muted);overflow-wrap: anywhere}@media (max-width: 640px){.tool-app .sv-stats{grid-template-columns: minmax(0,1fr)}.tool-app .sv-month{grid-template-columns: minmax(0,1fr);gap: 4px}}.tool-app .sr-presets{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 6px}.tool-app .sr-preset{display: grid;grid-template-columns: 26px minmax(0,1fr);grid-template-rows: auto auto;column-gap: 8px;align-items: center;padding: 9px 10px;border-radius: 11px;border: 1px solid var(--border);background: rgba(0,0,0,.25);color: var(--t-soft);text-align: left;cursor: pointer;transition: border-color .2s,background .2s,color .2s;min-width: 0}.tool-app .sr-preset:hover{border-color: var(--border-2);color: var(--text)}.tool-app .sr-preset.is-on{border-color: var(--primary);background: rgba(124,92,255,.16);color: #fff}.tool-app .sr-preset i{grid-row: span 2;justify-self: center;display: block;border: 2px solid currentColor;border-radius: 4px;opacity: .8}.tool-app .sr-preset i.dash{width: 20px;height: 20px;border-style: dashed}.tool-app .sr-preset.is-on i{color: var(--accent);opacity: 1}.tool-app .sr-preset span{font-size: 12.5px;font-weight: 700;line-height: 1.3;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.tool-app .sr-preset small{font-family: var(--mono);font-size: 11px;color: var(--muted)}.tool-app .sr-edit{min-height: 440px}.tool-app .sr-view{cursor: grab;touch-action: none;box-shadow: 0 0 0 1px rgba(255,255,255,.18),0 24px 60px -30px rgba(0,0,0,.9);background: repeating-conic-gradient(rgba(255,255,255,.06) 0 25%,transparent 0 50%) 0 0 / 20px 20px}.tool-app .sr-view.is-drag{cursor: grabbing}.tool-app .sr-thumbs{display: flex;gap: 8px;overflow-x: auto;padding: 2px 2px 6px}.tool-app .sr-thumb{position: relative;flex: none;width: 74px;height: 74px;border-radius: 12px;overflow: hidden;border: 2px solid transparent;background: var(--surface-2);cursor: pointer}.tool-app .sr-thumb.is-on{border-color: var(--primary)}.tool-app .sr-thumb:focus-visible{outline: 2px solid var(--accent);outline-offset: 2px}.tool-app .sr-thumb img{width: 100%;height: 100%;object-fit: cover;display: block}.tool-app .sr-thumb .rm{position: absolute;top: 3px;right: 3px;width: 24px;height: 24px;background: rgba(0,0,0,.65);color: #fff;border-radius: 7px}.tool-app .sr-thumb .rm .ic{width: 13px;height: 13px}.tool-app .tcl-ops{gap: 14px}.tool-app .tcl-group{display: flex;flex-direction: column;gap: 10px;padding: 12px 14px;border-radius: var(--radius-sm);border: 1px solid var(--border);background: rgba(0,0,0,.18)}.tool-app .tcl-gtitle{font-size: 11.5px;font-weight: 800;letter-spacing: .06em;color: var(--accent)}.tool-app .tcl-sub{display: inline-flex;align-items: center;gap: 7px;font-size: 13px;color: var(--t-soft);cursor: pointer;padding-left: 2px}.tool-app .tcl-sub input{width: 16px;height: 16px;margin: 0;accent-color: var(--primary);cursor: pointer}.tool-app .tcl-sub input:focus-visible{outline: 2px solid var(--accent);outline-offset: 2px}.tool-app .tcl-group .switch{font-size: 13.5px}.tool-app .dif-in{min-height: 220px}.tool-app .dif-stats{display: grid;grid-template-columns: 1fr 1fr;gap: 8px}.tool-app .dif-stat{padding: 10px 12px;border-radius: var(--radius-sm);background: var(--surface-2);border: 1px solid var(--border);display: flex;flex-direction: column;gap: 2px}.tool-app .dif-stat span{font-size: 12px;color: var(--muted)}.tool-app .dif-stat strong{font-family: var(--mono);font-size: 16px;color: #fff}.tool-app .dif-stat.add strong{color: #6ee7a8}.tool-app .dif-stat.del strong{color: #ff9fb2}.tool-app .dif-out{min-height: 200px;max-height: 70vh;overflow: auto;border-radius: var(--radius-sm);border: 1px solid var(--border);background: rgba(0,0,0,.3)}.tool-app .dif-table{width: 100%;border-collapse: collapse;table-layout: fixed;font-family: var(--mono);font-size: 12.5px;line-height: 1.6}.tool-app .dif-table col.dif-no{width: 48px}.tool-app .dif-table col.dif-sign{width: 22px}.tool-app .dif-table td{padding: 1px 8px;vertical-align: top;white-space: pre-wrap;overflow-wrap: anywhere}.tool-app .dif-n{color: var(--dim);text-align: right;user-select: none;font-size: 11px;padding-top: 3px !important}.tool-app .dif-s{color: var(--dim);user-select: none;text-align: center;padding: 1px 0 !important}.tool-app .dif-table .del{background: rgba(255,107,138,.12)}.tool-app .dif-table .add{background: rgba(52,211,153,.12)}.tool-app .dif-table .none{background: rgba(255,255,255,.025)}.tool-app .dif-table td.dif-s.del,.tool-app .dif-table td.dif-n.del{color: #ff9fb2}.tool-app .dif-table td.dif-s.add,.tool-app .dif-table td.dif-n.add{color: #6ee7a8}.tool-app .dif-table.split td.dif-c:nth-child(2){border-right: 1px solid var(--border)}.tool-app .dif-skip td{text-align: center;color: var(--muted);background: rgba(124,92,255,.08);font-family: var(--font);font-size: 12px;padding: 4px !important}.tool-app .dif-out del{background: rgba(255,107,138,.38);color: #fff;text-decoration: line-through;text-decoration-color: rgba(255,255,255,.5);border-radius: 3px}.tool-app .dif-out ins{background: rgba(52,211,153,.35);color: #fff;text-decoration: none;border-radius: 3px}.tool-app .dif-pre2{display: grid;grid-template-columns: 1fr 1fr}.tool-app .dif-pre2 .dif-pre + .dif-pre{border-left: 1px solid var(--border)}.tool-app .dif-pre{margin: 0;padding: 12px 14px;font-family: var(--mono);font-size: 13px;line-height: 1.75;white-space: pre-wrap;overflow-wrap: anywhere;color: var(--t-soft)}.tool-app .dif-out > .status{padding: 8px 12px}@media (max-width: 700px){.tool-app .dif-pre2{grid-template-columns: 1fr}.tool-app .dif-pre2 .dif-pre + .dif-pre{border-left: 0;border-top: 1px solid var(--border)}}.tool-app .utm-presets{display: flex;flex-wrap: wrap;gap: 6px}.tool-app .utm-chip{height: 32px;padding: 0 12px;border-radius: 99px;border: 1px solid var(--border-2);background: var(--surface-2);color: var(--t-soft);font-size: 13px;font-weight: 600;cursor: pointer;transition: border-color .2s,background .2s}.tool-app .utm-chip:hover{border-color: var(--primary);color: #fff}.tool-app .utm-chip.is-on{border-color: var(--primary);background: rgba(124,92,255,.2);color: #fff}.tool-app .utm-chip:focus-visible{outline: 2px solid var(--accent);outline-offset: 2px}.tool-app .utm-result{display: flex;gap: 16px;align-items: flex-start}.tool-app .utm-main{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 8px}.tool-app .utm-out{min-height: 92px;word-break: break-all}.tool-app .utm-qr{margin: 0;flex: none;width: 216px;display: flex;flex-direction: column;gap: 8px;align-items: center}.tool-app .utm-qr canvas{width: 200px;height: 200px;border-radius: 12px;background: #fff;padding: 0;display: block}.tool-app .utm-qr figcaption{text-align: center}.tool-app .utm-checks{display: flex;flex-wrap: wrap;gap: 8px 14px}.tool-app .utm-check{display: inline-flex;align-items: center;gap: 7px;font-size: 13.5px;color: var(--t-soft);cursor: pointer}.tool-app .utm-check input{width: 16px;height: 16px;margin: 0;accent-color: var(--primary);cursor: pointer}.tool-app .utm-tablewrap{overflow: auto;max-height: 380px;border-radius: var(--radius-sm);border: 1px solid var(--border)}.tool-app .utm-table{width: 100%;border-collapse: collapse;font-size: 13px}.tool-app .utm-table th,.tool-app .utm-table td{padding: 8px 10px;border-bottom: 1px solid var(--border);text-align: left;vertical-align: middle}.tool-app .utm-table th{position: sticky;top: 0;background: #14141f;color: var(--muted);font-size: 12px;font-weight: 700;white-space: nowrap}.tool-app .utm-table td.mono{font-size: 12px;white-space: nowrap;color: var(--t-soft)}.tool-app .utm-table td.utm-link{white-space: normal;word-break: break-all;min-width: 240px}.tool-app .utm-act{white-space: nowrap;width: 72px}.tool-app .utm-act .rm{display: inline-grid}.tool-app #hist .fname{font-size: 12px}@media (max-width: 700px){.tool-app .utm-result{flex-direction: column;align-items: stretch}.tool-app .utm-qr{width: 100%}}