.fs-drop{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;min-height:185px;background:#f4f7fc;border:1.5px dashed #cbd7ea;border-radius:18px;text-align:center;padding:24px;transition:background .2s,border-color .2s}.fs-drop:hover,.fs-drop.over,.fs-drop:focus-within{background:#edf3ff;border-color:#477ff0}.fs-drop input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.fs-drop strong{font-size:17px;color:#27384f}.fs-drop>span:not(.fs-upload-icon){font-size:13px;color:#7c8a9b}.fs-upload-icon{font-size:27px;color:#477ff0;background:#e7effe;border-radius:14px;width:48px;height:48px;display:grid;place-items:center}.fs-check{display:flex!important;gap:10px;align-items:center;line-height:1.6;font-size:14px}.fs-check input{width:18px;height:18px;accent-color:#477ff0;flex-shrink:0}.fs-details{margin:22px 0}.fs-details summary{font-size:14px;color:#596b82;cursor:pointer;padding:10px 0}.checker{background:repeating-conic-gradient(#e9edf2 0% 25%,#fff 0% 50%) 50%/20px 20px}.fs-preview{display:grid;place-items:center;border-radius:18px;margin:24px 0;padding:22px;overflow:hidden}.fs-preview canvas{width:160px;height:160px;max-width:100%;object-fit:contain}.fs-tab-preview{display:flex;gap:10px;align-items:center;padding:14px 18px;border:1px solid #e9edf2;border-radius:14px 14px 0 0;max-width:245px;margin:24px auto;font-size:13px}.fs-tab-preview span:last-child{margin-left:auto;color:#9aa4b0}.fs-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.fs-heading h2,.out>h2{font-size:18px;margin:0 0 18px}.fs-results{display:grid;gap:16px;margin-top:18px}.fs-result{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:12px;padding:14px;background:#f7f9fc;border-radius:14px}.fs-result img{width:64px;height:64px;object-fit:contain;border-radius:8px;background:#e9edf2}.fs-result p{font-size:13px;line-height:1.7;margin:0;overflow-wrap:anywhere;min-width:0}.fs-result small{color:#7c8a9b}.fs-result a{white-space:nowrap;padding:10px 12px}.fs-related{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.fs-related a{font-size:13px;color:#50729b;padding:10px 14px;background:#e9eff7;border-radius:12px;text-decoration:none}.fs-table-scroll{overflow:auto;max-height:480px}.fs-table{width:100%;text-align:left;border-collapse:collapse;font-size:13px;table-layout:fixed}.fs-table th{color:#7c8a9b;font-weight:500}.fs-table td,.fs-table th{padding:14px 10px;border-bottom:1px solid #edf0f4;overflow-wrap:anywhere}.fs-table td:last-child{color:#3269d5}.ps-stage{background:#e9edf2;border-radius:18px;display:flex;justify-content:center;padding:20px;margin-top:24px;overflow:hidden}.ps-stage canvas{display:block;width:auto;height:auto;max-width:100%;max-height:380px;touch-action:none;cursor:grab;box-shadow:0 4px 20px #23354a15;object-fit:contain}.ps-stage canvas:active{cursor:grabbing}.ps-stage canvas:focus-visible{outline:3px solid #477ff0;outline-offset:3px}.ps-result-img{display:block;max-width:100%;max-height:300px;margin:20px auto;border-radius:4px}#ps-result-info{text-align:center;color:#66758a;font-size:14px}.ot-actions a{flex:1 1 130px;text-align:center;min-height:48px;padding:14px;box-sizing:border-box;text-decoration:none;margin:0!important}#fs-status:empty{display:none}#fs-status{overflow-wrap:anywhere;white-space:pre-line}#fs-status[data-error=true]{color:#cd4545}#fav-color{height:48px;width:100%;margin-top:12px}input[type=range]{accent-color:#477ff0}#fav-editor[hidden],#ps-editor[hidden],[hidden]{display:none!important}@media(max-width:480px){.ot-settings{gap:12px}.fs-drop{min-height:160px;padding:20px 10px}.fs-drop strong{font-size:16px}.fs-result{grid-template-columns:48px 1fr}.fs-result img{width:48px;height:48px}.fs-result a{grid-column:1/-1;text-align:center}.ps-stage{padding:14px}.fs-related{gap:8px}.fs-related a{padding:9px 12px;font-size:12px}}