@font-face{font-family:Red Hat Display;src:url(/fonts/red-hat-display/RedHatDisplay-VariableFont_wght.woff2)format("woff2"),url(/fonts/red-hat-display/RedHatDisplay-VariableFont_wght.woff)format("woff");font-weight:100 900;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#f5f2ff;font-family:Red Hat Display,-apple-system,BlinkMacSystemFont,sans-serif}:root{--primary:#4d00b8;--primary-hover:#3a0090;--bg:#f0e8ff;--white:#fff;--text:#111827;--text-muted:#9ca3af;--border:#e5e7eb;--radius-pill:9999px;--radius-card:18px;--shadow:0 1px 3px #00000014, 0 4px 20px #0000000f}@keyframes appBlob1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(40px,-50px)scale(1.08)}66%{transform:translate(-20px,28px)scale(.93)}}@keyframes appBlob2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-30px,40px)scale(1.07)}66%{transform:translate(22px,-32px)scale(.94)}}.app-blobs{z-index:-1;pointer-events:none;background:var(--bg-3,#f5f2ff);position:fixed;inset:0;overflow:hidden}.app-blob{pointer-events:none;filter:blur(100px);border-radius:50%;position:absolute}.app-blob--1{background:var(--blob-1,#8b40ff);opacity:.3;width:75vw;max-width:900px;height:75vw;max-height:900px;animation:10s ease-in-out infinite appBlob1;top:-10vw;right:-18vw}.app-blob--2{background:var(--blob-2,#c37cff);opacity:.22;width:60vw;max-width:780px;height:60vw;max-height:780px;animation:13s ease-in-out infinite appBlob2;bottom:-16vw;left:-14vw}.app{background:0 0;flex-direction:column;min-height:100vh;display:flex}.app-topbar{z-index:101;position:sticky;top:0}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffa6;border-bottom:1px solid #fff6;justify-content:space-between;align-items:center;height:72px;padding:0 40px;display:flex}.nav-hamburger{cursor:pointer;width:36px;height:36px;color:var(--text);background:#ffffffb3;border:1.5px solid #00000014;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,border-color .15s,box-shadow .15s;display:none;box-shadow:0 1px 4px #00000014}.nav-hamburger:hover{background:#fffffff2;border-color:#00000024;box-shadow:0 2px 8px #0000001f}.nav-overlay{inset:0;top:var(--topbar-height,108px);z-index:99;-webkit-backdrop-filter:blur(20px);pointer-events:none;opacity:0;background:#ffffffa6;transition:opacity .22s,transform .22s;position:fixed;transform:translateY(-8px)}.nav-overlay--open{opacity:1;pointer-events:all;transform:translateY(0)}.nav-overlay-inner{max-width:480px;margin:0 auto;padding:28px 24px 40px}.nav-overlay-label{letter-spacing:.1em;color:#9ca3af;margin-bottom:12px;font-size:11px;font-weight:800}.nav-overlay-list{flex-direction:column;gap:4px;display:flex}.nav-overlay-item{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;padding:11px 14px;font-family:inherit;font-size:15px;font-weight:700;transition:background .15s,color .15s;display:flex}.nav-overlay-item:hover{color:var(--primary);background:#4d00b812}.nav-overlay-item--active{background:var(--section-color,var(--primary));color:var(--section-text-color,#fff)}.nav-overlay-item--active:hover{background:var(--section-color,var(--primary));opacity:.9;color:var(--section-text-color,#fff)}.nav-overlay-arrow{opacity:.4;margin-left:auto;font-size:18px}.nav-overlay-item--active .nav-overlay-arrow{opacity:.7}.nav-backdrop{inset:0;top:var(--topbar-height,108px);z-index:98;background:#00000014;position:fixed}.logo{cursor:pointer;align-items:center;gap:10px;text-decoration:none;display:flex}.logo-btn{cursor:pointer;color:var(--text);-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;gap:10px;padding:0;font-family:inherit;line-height:1;display:flex}.logo-btn svg{display:block}.logo-mark{color:var(--text);align-items:center;line-height:1;display:flex}.logo-text{flex-direction:column;line-height:1.1;display:flex}.logo-name{color:var(--text);letter-spacing:.03em;font-size:15px;font-weight:800}.logo-sub{letter-spacing:.12em;color:var(--text-muted);font-size:9px;font-weight:600}.nav{align-items:center;gap:6px;display:flex}.nav-btn{border-radius:var(--radius-pill);cursor:pointer;color:var(--text);letter-spacing:.02em;background:0 0;border:2px solid #0000;align-items:center;gap:5px;padding:8px 22px;font-size:13px;font-weight:700;transition:all .15s;display:flex}.nav-btn:hover{color:var(--section-color,var(--primary))}.nav-btn--filled{background:var(--primary);color:var(--white);border-color:var(--primary)}.nav-btn--filled:hover{background:var(--primary-hover);color:var(--white)}.nav-btn--outlined{border-color:var(--section-color,var(--primary));color:var(--section-color,var(--primary))}.nav-btn--outlined:hover{background:var(--section-color,var(--primary));color:var(--section-text-color,var(--white))}.nav-btn--icon{padding:8px 12px}.main{flex:1;gap:24px;width:100%;max-width:1280px;margin:0 auto;padding:48px 40px;display:flex}.sidebar{flex-shrink:0;width:240px}.sidebar-card{background:var(--white);border-radius:var(--radius-card);box-shadow:var(--shadow);overflow:hidden}.sidebar-btn{text-align:left;border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;background:0 0;border-radius:0;margin:0;padding:18px 22px;font-size:15px;font-weight:600;transition:background .2s,color .2s,margin .2s,width .2s,border-radius .2s;display:block}.sidebar-btn:last-child{border-bottom:none}.sidebar-btn:hover{background:var(--bg)}.sidebar-btn--active{background:var(--section-color,var(--primary));color:var(--section-text-color,var(--white));border-radius:var(--radius-pill);border-bottom:none;width:calc(100% - 16px);margin:8px}.sidebar-btn--active:hover{opacity:.88}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.content{flex-direction:column;flex:1;gap:16px;min-width:0;animation:.18s ease-out contentFadeIn;display:flex}.card{background:var(--white);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:28px}.card-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.breadcrumb{align-items:center;gap:6px;display:flex}.breadcrumb-btn{border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:2px solid #0000;padding:7px 18px;font-size:13px;font-weight:600;transition:all .15s}.breadcrumb-btn--past{border-color:var(--primary);color:var(--primary)}.breadcrumb-btn--past:hover{background:var(--primary);color:var(--white)}.breadcrumb-btn--active{background:var(--primary);color:var(--white);border-color:var(--primary);cursor:default}.step-label{color:var(--text-muted);white-space:nowrap;font-size:13px;font-weight:500}.btn{border-radius:var(--radius-pill);cursor:pointer;border:none;align-items:center;gap:8px;padding:14px 36px;font-size:15px;font-weight:700;transition:all .15s;display:inline-flex}.btn--primary{background:var(--primary);color:var(--white)}.btn--primary:hover:not(:disabled){background:var(--primary-hover)}.btn--primary:disabled{opacity:.45;cursor:not-allowed}.upload-zone{border:2px dashed var(--border);cursor:pointer;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:260px;transition:all .15s;display:flex}.upload-zone:hover,.upload-zone--active{border-color:var(--primary);background:#4f46e508}.upload-hint{color:var(--text-muted);font-size:13px}.upload-hint strong{color:var(--text)}.mode-body{flex-direction:column;justify-content:center;align-items:center;gap:32px;min-height:220px;display:flex}.mode-question{color:var(--text);font-size:17px;font-weight:600}.mode-buttons{gap:16px;display:flex}.bulk-slider-area{flex-direction:column;align-items:center;gap:10px;margin-bottom:28px;display:flex}.quality-slider{cursor:pointer;appearance:none;border:none;border-radius:2px;outline:none;width:100%;max-width:640px;height:4px}.quality-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary);cursor:pointer;border-radius:50%;width:20px;height:20px;box-shadow:0 0 0 4px #4f46e52e}.quality-slider::-moz-range-thumb{background:var(--primary);cursor:pointer;border:none;border-radius:50%;width:20px;height:20px;box-shadow:0 0 0 4px #4f46e52e}.slider-label{color:var(--text-muted);font-size:13px;font-weight:500}.image-grid{flex-wrap:wrap;gap:16px;display:flex}.image-grid .image-card{flex:140px;max-width:200px}.image-card{flex-direction:column;gap:0;display:flex}.image-thumb{aspect-ratio:1;background:#f3f4f6;border-radius:10px;position:relative;overflow:hidden}.image-thumb img{object-fit:cover;width:100%;height:100%;display:block}.image-badge{background:var(--primary);color:var(--white);border-radius:var(--radius-pill);white-space:nowrap;padding:3px 9px;font-size:10px;font-weight:700;position:absolute;bottom:8px;right:8px}.image-quality-overlay{color:var(--white);text-align:center;background:#4f46e5d1;padding:5px 8px;font-size:11px;font-weight:600;position:absolute;bottom:0;left:0;right:0}.image-footer{justify-content:center;align-items:center;gap:6px;margin-top:6px;display:flex}.image-size{color:var(--text-muted);text-align:center;font-size:12px;font-weight:500}.image-size--compressed{color:var(--primary);font-weight:700}.per-image-slider-wrap{margin-top:8px;padding:0 2px}.per-image-slider{appearance:none;cursor:pointer;border:none;border-radius:2px;outline:none;width:100%;height:3px}.per-image-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary);cursor:pointer;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 3px #4f46e533}.per-image-slider::-moz-range-thumb{background:var(--primary);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}.compress-actions{flex-direction:column;align-items:center;gap:8px;margin-top:28px;display:flex}.total-size{color:var(--text-muted);font-size:12px;font-weight:500}.download-bar{background:var(--primary);border-radius:var(--radius-pill);cursor:pointer;width:100%;color:var(--white);letter-spacing:.01em;border:none;justify-content:center;align-items:center;padding:20px 40px;font-size:16px;font-weight:700;transition:background .15s;display:flex}.download-bar:hover:not(:disabled){background:var(--primary-hover)}.download-bar:disabled{opacity:.45;cursor:not-allowed}.download-hint{text-align:center;color:var(--text-muted);margin-top:6px;font-size:12px}.support-footer{text-align:center;color:var(--text-muted);padding:24px;font-size:12px}.image-thumb--clickable{cursor:pointer}.image-preview-hint{opacity:0;background:#4f46e58c;border-radius:10px;justify-content:center;align-items:center;transition:opacity .18s;display:flex;position:absolute;inset:0}.image-preview-hint span{color:#fff;letter-spacing:.03em;border-radius:var(--radius-pill);background:#0000004d;padding:6px 14px;font-size:13px;font-weight:700}.image-thumb--clickable:hover .image-preview-hint{opacity:1}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);background:#000000a6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-box{background:var(--white);border-radius:20px;width:100%;max-width:780px;animation:.18s modal-in;overflow:hidden;box-shadow:0 32px 80px #00000059}@keyframes modal-in{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.modal-close{background:var(--bg);cursor:pointer;width:30px;height:30px;color:var(--text-muted);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:12px;font-size:13px;transition:all .15s;display:flex}.modal-close:hover{background:var(--border);color:var(--text)}.compare-container{-webkit-user-select:none;user-select:none;background:#111;height:440px;position:relative;overflow:hidden}.compare-content{will-change:transform;position:absolute;inset:0}.compare-layer{position:absolute;inset:0}.compare-img{object-fit:contain;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.compare-loading-inner{color:#fff9;background:#111111b3;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex;position:absolute;inset:0}.compare-handle{cursor:ew-resize;z-index:5;flex-direction:column;align-items:center;display:flex;position:absolute;top:0;bottom:0;transform:translate(-50%)}.compare-line{background:#ffffffe6;width:2px;height:100%;box-shadow:0 0 6px #00000080}.compare-circle{background:var(--white);width:38px;height:38px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 10px #00000059}.compare-badge{color:#fff;border-radius:var(--radius-pill);letter-spacing:.08em;pointer-events:none;z-index:5;background:#0000008c;padding:4px 10px;font-size:10px;font-weight:800;position:absolute;top:12px}.compare-badge--left{left:12px}.compare-badge--right{right:12px}.zoom-controls{border-radius:var(--radius-pill);z-index:5;background:#00000085;align-items:center;gap:4px;padding:5px 10px;display:flex;position:absolute;bottom:12px;right:12px}.zoom-btn{color:#fff;cursor:pointer;background:#ffffff2e;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:16px;font-weight:700;line-height:1;transition:background .12s;display:flex}.zoom-btn:hover:not(:disabled){background:#ffffff52}.zoom-btn:disabled{opacity:.35;cursor:default}.zoom-btn--reset{font-size:13px}.zoom-level{color:#ffffffe6;text-align:center;min-width:34px;font-size:12px;font-weight:700}.zoom-hint{color:#ffffffbf;border-radius:var(--radius-pill);pointer-events:none;white-space:nowrap;z-index:5;background:#00000073;padding:4px 14px;font-size:11px;font-weight:600;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.compare-stats{border-top:1px solid var(--border);background:#fafafa;justify-content:space-around;padding:16px 24px;display:flex}.compare-stat{flex-direction:column;align-items:center;gap:3px;display:flex}.compare-stat-label{color:var(--text-muted);letter-spacing:.08em;font-size:10px;font-weight:700}.compare-stat-value{color:var(--text);font-size:20px;font-weight:800}.compare-stat-value--primary{color:var(--primary)}.compare-stat-value--green{color:#10b981}.pill-btn{border-radius:var(--radius-pill);cursor:pointer;border:2px solid var(--primary);color:var(--primary);white-space:nowrap;background:0 0;padding:7px 16px;font-size:13px;font-weight:600;transition:all .12s}.pill-btn:hover,.pill-btn--active{background:var(--primary);color:var(--white)}.convert-card{align-items:stretch;gap:0;padding:0;display:flex;overflow:hidden}.convert-from{flex-direction:column;flex:0 0 200px;justify-content:center;align-items:center;gap:16px;padding:48px 32px;display:flex}.convert-divider{background:var(--border);align-self:stretch;width:1px}.convert-arrow{color:var(--text-muted);flex-shrink:0;align-self:center;padding:0 8px;font-size:24px}.convert-to{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;padding:40px 32px;display:flex}.convert-section-label{color:var(--text-muted);letter-spacing:.1em;font-size:12px;font-weight:700}.convert-ext-big{color:var(--text);letter-spacing:-.01em;font-size:42px;font-weight:900}.convert-pills{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.mr-controls{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;display:flex}.mr-btn-group{flex-wrap:wrap;gap:8px;display:flex}.mr-divider-v{background:var(--border);width:1px;height:32px}.mr-slider-row{align-items:center;gap:16px;margin-bottom:20px;display:flex}.mr-slider-row .quality-slider{flex:1;max-width:none}.mr-preview{background:#f8f8fb;border-radius:12px;justify-content:center;align-items:center;min-height:300px;display:flex;overflow:hidden}.mr-placeholder{color:var(--text-muted);font-size:14px}.rc-row{align-items:flex-start;gap:16px;display:flex}.rc-left-card{flex-direction:column;flex:0 0 220px;display:flex}.rc-right-card{flex:1;min-width:0}.rc-left{flex-direction:column;flex:0 0 220px;gap:12px;padding-top:4px;display:flex}.rc-field-label{color:var(--text-muted);font-size:13px;font-weight:600}.rc-inputs{align-items:flex-end;gap:8px;display:flex}.rc-input-group{flex-direction:column;gap:6px;display:flex}.rc-input{border:2px solid var(--border);width:90px;color:var(--text);border-radius:10px;outline:none;padding:10px 12px;font-size:14px;font-weight:600;transition:border-color .12s}.rc-input:focus{border-color:var(--primary)}.rc-sep{color:var(--text-muted);padding-bottom:10px;font-weight:700}.rc-right{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.rc-ratio-pills{flex-wrap:wrap;gap:8px;display:flex;overflow-x:auto}.rc-info-row{color:var(--text-muted);gap:16px;font-size:12px;font-weight:500;display:flex}.rc-section-title{color:var(--text);margin-bottom:14px;font-size:13px;font-weight:700}.rc-resize-fields{align-items:flex-end;gap:8px;display:flex}.rc-lock-btn{border:2px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:40px;margin-bottom:0;font-size:14px;transition:border-color .12s;display:flex}.rc-lock-btn--on{border-color:var(--primary)}.rc-output-note{color:var(--text-muted);margin-top:14px;font-size:12px;font-weight:500}.rc-top-row{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.rc-crop-info{color:var(--text-muted);font-size:12px;font-weight:500}.rc-img-wrap{background:#f8f8fb;border-radius:12px;justify-content:center;align-items:center;min-height:300px;display:flex;position:relative;overflow:hidden}.rc-img{object-fit:contain;max-width:100%;max-height:480px;display:block}.rc-img-placeholder{color:var(--text-muted);font-size:14px}.rc-overlay{border:2px solid var(--primary);pointer-events:none;position:absolute;box-shadow:0 0 0 9999px #00000061}.rc-corner{background:var(--primary);pointer-events:all;cursor:nwse-resize;border-radius:2px;width:12px;height:12px;position:absolute}.rc-corner--top-left{cursor:nwse-resize;top:-6px;left:-6px}.rc-corner--top-right{cursor:nesw-resize;top:-6px;right:-6px}.rc-corner--bottom-left{cursor:nesw-resize;bottom:-6px;left:-6px}.rc-corner--bottom-right{cursor:nwse-resize;bottom:-6px;right:-6px}.btn--pdf{color:#fff;border-radius:var(--radius-pill);cursor:pointer;background:#ba231b;border:none;align-items:center;gap:8px;padding:14px 36px;font-size:15px;font-weight:700;transition:background .15s;display:inline-flex}.btn--pdf:hover:not(:disabled){background:#9b1c15}.btn--pdf:disabled{opacity:.45;cursor:not-allowed}.pill-btn--pdf-active{color:#fff;background:#ba231b;border-color:#ba231b}.download-bar--pdf{background:#ba231b}.download-bar--pdf:hover:not(:disabled){background:#9b1c15}.pdf-file-list{flex-direction:column;gap:10px;display:flex}.pdf-file-row{border:1px solid var(--border);background:#fafafa;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.pdf-file-order{flex-direction:column;gap:2px;display:flex}.pdf-order-btn{border:1px solid var(--border);background:var(--white);cursor:pointer;width:24px;height:22px;color:var(--text-muted);border-radius:6px;justify-content:center;align-items:center;font-size:11px;transition:all .12s;display:flex}.pdf-order-btn:hover:not(:disabled){color:#ba231b;border-color:#ba231b}.pdf-order-btn:disabled{opacity:.3;cursor:default}.pdf-file-icon{flex-shrink:0;font-size:22px}.pdf-file-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pdf-file-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.pdf-file-meta{color:var(--text-muted);font-size:12px;font-weight:500}.pdf-file-remove{background:var(--bg);cursor:pointer;width:28px;height:28px;color:var(--text-muted);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;transition:all .12s;display:flex}.pdf-file-remove:hover{color:#ba231b;background:#fde8e8}.pdf-split-modes{gap:10px;margin-bottom:20px;display:flex}.pdf-range-wrap{flex-direction:column;gap:6px;margin-bottom:8px;display:flex}.pdf-range-input{border:2px solid var(--border);color:var(--text);border-radius:10px;outline:none;padding:10px 14px;font-size:14px;font-weight:500;transition:border-color .12s}.pdf-range-input:focus{border-color:#ba231b}.pdf-compress-stats{justify-content:space-around;padding:20px 0;display:flex}.compare-stat-value--pdf{color:#ba231b}.pdf-options-row{flex-wrap:wrap;gap:32px;margin-bottom:8px;display:flex}.pdf-option-group{flex-direction:column;gap:10px;display:flex}.pdf-progress{background:var(--border);border-radius:3px;height:6px;margin:20px 0 0;position:relative;overflow:hidden}.pdf-progress-bar{background:#ba231b;border-radius:3px;height:100%;transition:width .2s}.pdf-progress-label{color:var(--text-muted);font-size:11px;position:absolute;top:10px;right:0}.pdf-extract-loading{min-height:160px;color:var(--text-muted);justify-content:center;align-items:center;font-size:14px;display:flex}.pdf-text-meta{color:var(--text-muted);gap:20px;margin-bottom:12px;font-size:12px;font-weight:500;display:flex}.pdf-text-output{border:1.5px solid var(--border);width:100%;min-height:320px;color:var(--text);resize:vertical;background:#fafafa;border-radius:10px;outline:none;padding:14px;font-family:SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.6}.pdf-text-output:focus{border-color:#ba231b}.pdf-img-grid{flex-wrap:wrap;gap:14px;display:flex}.pdf-img-card{border:1px solid var(--border);background:#fafafa;border-radius:10px;flex-direction:column;flex:140px;max-width:200px;display:flex;overflow:hidden}.pdf-img-thumb{aspect-ratio:1;object-fit:cover;width:100%}.pdf-img-footer{justify-content:space-between;align-items:center;gap:4px;padding:6px 8px;display:flex}.pdf-img-name{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;overflow:hidden}.pdf-img-actions{flex-shrink:0;gap:3px;display:flex}.cs-page{flex:1;justify-content:center;align-items:flex-start;padding:60px 40px 80px;display:flex;position:relative;overflow:hidden}.cs-glow{background:radial-gradient(circle, color-mix(in srgb, var(--cs-color) 14%, transparent) 0%, transparent 70%);pointer-events:none;border-radius:50%;width:700px;height:700px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.cs-layout{z-index:1;flex-direction:column;gap:52px;width:100%;max-width:860px;display:flex;position:relative}.cs-hero{text-align:center;flex-direction:column;align-items:center;gap:18px;display:flex}.cs-badge{letter-spacing:.14em;color:var(--cs-color);background:color-mix(in srgb, var(--cs-color) 10%, transparent);border:1.5px solid color-mix(in srgb, var(--cs-color) 30%, transparent);border-radius:var(--radius-pill);padding:6px 18px;font-size:12px;font-weight:800}.cs-title{color:var(--text);letter-spacing:-.02em;font-size:52px;font-weight:900;line-height:1}.cs-sub{color:var(--text-muted);max-width:480px;font-size:15px;font-weight:500;line-height:1.5}.cs-tools-wrap{flex-direction:column;gap:28px;display:flex}.cs-tools-section{flex-direction:column;gap:14px;display:flex}.cs-tools-label{letter-spacing:.12em;color:var(--cs-color);font-size:11px;font-weight:800}.cs-tools-label--adv{color:var(--text-muted)}.cs-tools-grid{flex-wrap:wrap;gap:10px;display:flex}.cs-tool-card{background:var(--white);border:1.5px solid color-mix(in srgb, var(--cs-color) 25%, var(--border));border-radius:var(--radius-pill);box-shadow:var(--shadow);color:var(--text);white-space:nowrap;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;display:flex}.cs-tool-card--adv{border-color:var(--border);opacity:.65}.cs-tool-icon{font-size:15px;line-height:1}.placeholder-page{min-height:300px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.placeholder-page h2{color:var(--text);font-size:20px;font-weight:700}.btn--fonts{color:#fff;border-radius:var(--radius-pill);cursor:pointer;background:#00b862;border:none;align-items:center;gap:8px;padding:14px 36px;font-size:15px;font-weight:700;transition:background .15s;display:inline-flex}.btn--fonts:hover:not(:disabled){background:#009a52}.btn--fonts:disabled{opacity:.45;cursor:not-allowed}.pill-btn--fonts-active{color:#fff;background:#00b862;border-color:#00b862}.download-bar--fonts{background:#00b862}.download-bar--fonts:hover:not(:disabled){background:#009a52}.font-preview-block{flex-direction:column;gap:10px;padding:4px 0;display:flex}.font-preview-label{letter-spacing:.1em;color:#00b862;font-size:11px;font-weight:800}.font-preview-text{color:var(--text);word-break:break-word;font-size:22px;line-height:1.4}.font-preview-name{color:var(--text-muted);font-size:12px;font-weight:500}.font-css-preview{border:1.5px solid var(--border);color:var(--text);white-space:pre;background:#f6f8fa;border-radius:12px;max-height:220px;padding:14px 18px;font-family:Menlo,Consolas,Monaco,monospace;font-size:12.5px;line-height:1.7;overflow:auto}.font-css-preview--output{max-height:300px}.font-checkbox-label{color:var(--text);cursor:pointer;background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-pill);align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:border-color .15s;display:inline-flex}.font-checkbox-label:has(input:checked){color:#00b862;border-color:#00b862}.font-checkbox-label--dim{opacity:.5;cursor:not-allowed}.font-checkbox-label input[type=checkbox]{accent-color:#00b862;width:14px;height:14px}.font-weight-check{min-width:52px;color:var(--text-muted);background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-pill);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:8px 14px;font-size:13px;font-weight:600;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.font-weight-check--on{color:#fff;background:#00b862;border-color:#00b862}.font-weight-check:hover:not(.font-weight-check--on){color:#00b862;border-color:#00b862}.font-select-all-btn{letter-spacing:.04em;color:#00b862;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:2px 0;font-size:11px;font-weight:700;text-decoration:underline}.font-select-all-btn:hover{opacity:.75}.wfk-font-list{flex-direction:column;gap:12px;display:flex}.wfk-font-row{border:1.5px solid var(--border);background:#f6f8fa;border-radius:14px;flex-wrap:wrap;align-items:center;gap:14px;padding:12px 14px;display:flex}.wfk-font-preview{width:48px;color:var(--text);flex-shrink:0;font-size:26px;line-height:1}.wfk-font-info{flex-direction:column;flex:120px;gap:2px;min-width:0;display:flex}.wfk-font-filename{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.wfk-font-subname{color:var(--text-muted);font-size:11px;font-weight:500}.wfk-font-controls{flex-direction:column;display:flex}.wfk-weight-select{appearance:none;background:var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%239CA3AF'/%3E%3C/svg%3E") no-repeat right 10px center;border:1.5px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;min-width:72px;padding:6px 28px 6px 10px;font-size:13px;font-weight:600;transition:border-color .15s}.wfk-weight-select:focus{border-color:#00b862;outline:none}.wfk-remove-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;margin-left:auto;padding:4px 6px;font-size:13px;transition:color .15s,background .15s}.wfk-remove-btn:hover{color:#ba231b;background:#fef2f2}.pill-btn--sm{padding:5px 10px;font-size:11px}.btn--files{color:#1a1a1a;border-radius:var(--radius-pill);cursor:pointer;background:#ffd900;border:none;align-items:center;gap:8px;padding:14px 36px;font-size:15px;font-weight:700;transition:background .15s;display:inline-flex}.btn--files:hover:not(:disabled){background:#e6c400}.btn--files:disabled{opacity:.45;cursor:not-allowed}.pill-btn--files-active{color:#1a1a1a;background:#ffd900;border-color:#ffd900}.download-bar--files{color:#1a1a1a;background:#ffd900}.download-bar--files:hover:not(:disabled){background:#e6c400}.svg-trace-spinner{border:2px solid #ffd900;border-top-color:#0000;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.wfk-progress{flex-direction:column;gap:8px;display:flex}.wfk-progress-header{justify-content:space-between;align-items:center;display:flex}.wfk-progress-label{color:var(--text);font-size:13px;font-weight:600}.wfk-progress-count{color:var(--text-muted);font-size:12px;font-weight:600}.wfk-progress-track{background:var(--border);border-radius:var(--radius-pill);width:100%;height:6px;overflow:hidden}.wfk-progress-bar{border-radius:var(--radius-pill);background:#00b862;height:100%;transition:width .25s}.file-img-container{cursor:crosshair;-webkit-user-select:none;user-select:none;border-radius:6px;max-width:100%;display:inline-block;position:relative;overflow:hidden}.file-img-display{pointer-events:none;max-width:100%;max-height:380px;display:block}.file-selection-rect{pointer-events:none;background:#ffd90026;border:2px dashed #ffd900;position:absolute}.file-crop-preview{object-fit:contain;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:4px;max-width:160px;max-height:120px}.file-svg-result{background:#1a1a1a;border-radius:6px;justify-content:center;align-items:center;width:100%;min-height:160px;padding:16px;display:flex}.file-svg-result svg{width:100%;height:auto;max-height:420px;display:block}.btn--dev{color:#fff;cursor:pointer;background:#8f05ff;border:none;border-radius:9999px;padding:10px 22px;font-size:14px;font-weight:700;transition:opacity .15s}.btn--dev:hover{opacity:.85}.btn--dev:disabled{opacity:.4;cursor:not-allowed}.pill-btn--dev-active{color:#fff!important;background:#8f05ff!important;border-color:#8f05ff!important}.dev-input{color:#e8e8e8;resize:vertical;background:#1a1a1a;border:1px solid #333;border-radius:8px;width:100%;min-height:140px;padding:14px;font-family:Fira Code,Cascadia Code,monospace;font-size:13px;line-height:1.6}.dev-output{color:#d4d4d4;resize:vertical;background:#111;border:1px solid #2a2a2a;border-radius:8px;width:100%;min-height:140px;padding:14px;font-family:Fira Code,Cascadia Code,monospace;font-size:13px;line-height:1.6}.dev-copy-row{align-items:center;gap:10px;margin-top:8px;display:flex}.dev-badge{color:#9ca3af;background:#f3f4f6;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.color-swatch-input{cursor:pointer;background:0 0;border:none;border-radius:12px;width:80px;height:80px;padding:0}.color-preview-strip{border:1px solid #e5e7eb;border-radius:8px;width:100%;height:48px;margin:12px 0}.color-value-row{border-bottom:1px solid #f3f4f6;align-items:center;gap:10px;padding:8px 0;display:flex}.color-value-label{color:#6b7280;flex-shrink:0;width:52px;font-size:12px;font-weight:700}.color-value-text{color:#111827;flex:1;font-family:monospace;font-size:13px}@media (width<=900px){.header{padding:0 20px}.header .nav--desktop{display:none}.nav-hamburger{display:flex}}@media (width>=901px){.nav-overlay,.nav-backdrop{display:none!important}}@media (width<=900px){.main{flex-direction:column;gap:16px;padding:20px 16px 40px}.sidebar{width:100%}.sidebar-card{flex-wrap:wrap;display:flex;overflow:visible}.sidebar-btn{border-bottom:none;border-right:1px solid var(--border);text-align:center;flex:auto;min-width:120px;padding:12px 16px;font-size:13px}.sidebar-btn:last-child{border-right:none}.sidebar-btn--active{border-radius:12px;width:auto;margin:4px}.content{min-width:0}}.feedback-wrap{padding:80px 48px}.feedback-inner{max-width:680px;margin:0 auto}.feedback-header{text-align:center;margin-bottom:40px}.feedback-eyebrow{letter-spacing:.12em;color:#4d00b8;margin:0 0 10px;font-size:12px;font-weight:800}.feedback-title{color:#111827;letter-spacing:-.02em;text-transform:uppercase;margin:0 0 10px;font-size:30px;font-weight:800}.feedback-sub{color:#6b7280;margin:0;font-size:14px;line-height:1.6}.feedback-email{color:#4d00b8;font-weight:600;text-decoration:none}.feedback-email:hover{text-decoration:underline}.feedback-email-note{color:#6b7280;text-align:center;margin-bottom:28px;font-size:13px}.feedback-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:20px;overflow:hidden}.feedback-tabs{border-bottom:1px solid #e5e7eb;display:flex}.feedback-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:7px;padding:16px 20px;font-family:inherit;font-size:14px;font-weight:700;transition:background .15s,color .15s;display:flex}.feedback-tab:hover{color:#374151;background:#f3f4f6}.feedback-tab--active{color:#4d00b8;background:#fff;border-bottom:2px solid #4d00b8;margin-bottom:-1px}.feedback-form{flex-direction:column;gap:18px;padding:28px;display:flex}.feedback-row{gap:16px;display:flex}.feedback-row .feedback-field{flex:1}.feedback-field{flex-direction:column;gap:6px;display:flex}.feedback-label{letter-spacing:.05em;color:#6b7280;font-size:12px;font-weight:700}.feedback-input,.feedback-select,.feedback-textarea{color:#111827;box-sizing:border-box;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:11px 14px;font-family:inherit;font-size:14px;transition:border-color .15s}.feedback-input:focus,.feedback-select:focus,.feedback-textarea:focus{border-color:#4d00b8}.feedback-textarea{resize:vertical;min-height:100px}.feedback-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b7280' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}.feedback-submit{color:#fff;cursor:pointer;background:#4d00b8;border:none;border-radius:9999px;align-self:flex-start;padding:12px 28px;font-family:inherit;font-size:14px;font-weight:700;transition:background .15s}.feedback-submit:hover{background:#3a0090}.feedback-submit:disabled{opacity:.6;cursor:not-allowed}.feedback-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:4px;padding:10px 14px;font-size:13px}.feedback-success{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:48px 28px;display:flex}.feedback-success-icon{color:#16a34a;background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:8px;font-size:22px;display:flex}.feedback-success-title{color:#111827;text-transform:uppercase;margin:0;font-size:18px;font-weight:800}.feedback-success-sub{color:#6b7280;margin:0;font-size:14px}@media (width<=900px){.feedback-wrap{padding:56px 20px}.feedback-form{padding:20px}.feedback-row{flex-direction:column;gap:18px}}.contact-page{flex-direction:column;flex:1;display:flex}.contact-hero{text-align:center;padding:64px 48px 24px}.contact-hero-eyebrow{letter-spacing:.12em;color:#4d00b8;margin:0 0 12px;font-size:12px;font-weight:800}.contact-hero-title{color:#111827;letter-spacing:-.02em;margin:0 0 12px;font-size:40px;font-weight:800}.contact-hero-sub{color:#6b7280;max-width:440px;margin:0 auto;font-size:16px;line-height:1.6}.contact-hero-email{color:#4d00b8;border-bottom:2px solid #e9d5ff;margin-top:14px;font-size:15px;font-weight:700;text-decoration:none;transition:border-color .15s;display:inline-block}.contact-hero-email:hover{border-color:#4d00b8}.contact-page .feedback-wrap{padding-top:24px}@media (width<=900px){.contact-hero{padding:48px 24px 16px}.contact-hero-title{font-size:30px}}.site-footer{-webkit-backdrop-filter:blur(20px);background:#ffffffa6;border-top:1px solid #fff6;margin-top:auto}.site-footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:48px;max-width:1200px;margin:0 auto;padding:40px 48px 28px;display:flex}.site-footer-brand{max-width:280px}.site-footer-logo{cursor:pointer;color:var(--text);background:0 0;border:none;margin-bottom:12px;padding:0;display:block}.site-footer-tagline{color:#6b7280;margin:0;font-size:13px;line-height:1.7}.site-footer-nav{flex-wrap:wrap;gap:4px 8px;max-width:480px;display:flex}.site-footer-link{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:8px;padding:6px 10px;font-family:inherit;font-size:14px;font-weight:500;transition:color .15s,background .15s}.site-footer-link:hover{color:var(--text);background:#0000000d}.site-footer-bottom{color:#9ca3af;border-top:1px solid #0000000f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;max-width:1200px;margin:0 auto;padding:16px 48px;font-size:13px;display:flex}.site-footer-bottom-links{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.site-footer-legal{cursor:pointer;color:#6b7280;background:0 0;border:none;padding:0;font-family:inherit;font-size:13px;transition:color .15s}.site-footer-legal:hover{color:#4d00b8}.site-footer-email{color:#6b7280;font-size:13px;text-decoration:none;transition:color .15s}.site-footer-email:hover{color:var(--primary)}@media (width<=900px){.site-footer-inner{flex-direction:column;gap:32px;padding:40px 24px 28px}.site-footer-bottom{padding:16px 24px}.site-footer-brand{max-width:100%}}.beta-banner{color:#ffffffd9;letter-spacing:.01em;text-align:center;background:#4d00b8;justify-content:center;align-items:center;gap:10px;width:100%;padding:8px 20px;font-size:12px;font-weight:500;display:flex}.beta-banner-badge{color:#fff;letter-spacing:.08em;background:#fff3;border-radius:4px;flex-shrink:0;padding:2px 7px;font-size:10px;font-weight:700}.beta-banner-text{line-height:1.4}@media (width<=480px){.beta-banner{flex-direction:column;gap:6px}}.privacy-page{background:#fff;flex:1}.privacy-inner{max-width:760px;margin:0 auto;padding:56px 40px 80px}.privacy-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#4d00b8;margin:0 0 12px;font-size:12px;font-weight:800}.privacy-title{color:#111827;letter-spacing:-.02em;text-transform:uppercase;margin:0 0 8px;font-size:36px;font-weight:800}.privacy-updated{color:#9ca3af;margin:0 0 48px;font-size:13px}.privacy-body{flex-direction:column;display:flex}.privacy-section{border-bottom:1px solid #f3f4f6;padding:28px 0}.privacy-section:last-child{border-bottom:none}.privacy-section h2{color:#111827;text-transform:uppercase;margin:0 0 12px;font-size:18px;font-weight:800}.privacy-section h3{color:#374151;margin:20px 0 8px;font-size:14px;font-weight:700}.privacy-section p{color:#4b5563;margin:0 0 10px;font-size:14px;line-height:1.75}.privacy-section p:last-child{margin-bottom:0}.privacy-section ul{color:#4b5563;flex-direction:column;gap:4px;margin:8px 0 10px;padding-left:20px;font-size:14px;line-height:1.75;display:flex}.privacy-section a{color:#4d00b8;text-underline-offset:3px;-webkit-text-decoration:underline #c4b5fd;text-decoration:underline #c4b5fd}.privacy-section a:hover{text-decoration-color:#4d00b8}@media (width<=768px){.privacy-inner{padding:36px 20px 60px}.privacy-title{font-size:28px}}.empty-tools{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:60px 32px;display:flex}.empty-tools-icon{color:#d1d5db}.empty-tools-title{color:#374151;margin:0;font-size:20px;font-weight:700}.empty-tools-sub{color:#6b7280;max-width:340px;margin:0;font-size:14px;line-height:1.6}.empty-tools-btn{color:#fff;cursor:pointer;background:#4d00b8;border:none;border-radius:10px;margin-top:8px;padding:10px 22px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s}.empty-tools-btn:hover{background:#3a0090}.feat-hero-personalize{color:#4d00b8;cursor:pointer;background:#4d00b814;border:1.5px solid #4d00b833;border-radius:999px;align-items:center;gap:6px;margin-top:16px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.feat-hero-personalize:hover{background:#4d00b824;border-color:#4d00b866}.pers-page{flex:1;max-width:1100px;margin:0 auto;padding:48px 40px 80px}.pers-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.pers-title{color:#111827;letter-spacing:-.02em;text-transform:uppercase;margin:0 0 6px;font-size:28px;font-weight:800}.pers-sub{color:#6b7280;margin:0;font-size:14px}.pers-actions{flex-shrink:0;gap:10px;display:flex}.pers-btn{cursor:pointer;border:1.5px solid #0000;border-radius:10px;padding:9px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:all .15s}.pers-btn--ghost{color:#374151;background:#ffffffb3;border-color:#e5e7eb}.pers-btn--ghost:hover{background:#fff;border-color:#d1d5db}.pers-btn--primary{color:#fff;background:#4d00b8;border-color:#4d00b8}.pers-btn--primary:hover{background:#3a0090}.pers-btn--saved{background:#059669;border-color:#059669}.pers-tabs{border-bottom:2px solid #e5e7eb;gap:4px;margin-bottom:28px;display:flex}.pers-tab{cursor:pointer;color:#6b7280;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-2px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:color .15s,border-color .15s;display:flex}.pers-tab:hover{color:#374151}.pers-tab--active{color:#4d00b8;border-bottom-color:#4d00b8}.pers-tab-badge{color:#fff;background:#4d00b8;border-radius:999px;padding:1px 6px;font-size:11px;font-weight:700}.pers-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=640px){.pers-grid{grid-template-columns:1fr}}.pers-cat{-webkit-backdrop-filter:blur(12px);background:#ffffffbf;border:1px solid #ffffff80;border-radius:16px;transition:opacity .2s;overflow:hidden}.pers-cat--hidden{opacity:.5}.pers-cat-header{background:#ffffff80;border-bottom:2px solid;align-items:center;gap:9px;padding:13px 14px;display:flex}.pers-cat-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.pers-cat-label{color:#111827;letter-spacing:.07em;flex:1;font-size:11px;font-weight:800}.pers-cat-count{white-space:nowrap;font-size:11px;font-weight:500}.pers-cat-drag{cursor:grab}.pers-cat-drag:active{cursor:grabbing}.pers-tool-list{flex-direction:column;gap:2px;margin:0;padding:6px;list-style:none;display:flex}.pers-tool{-webkit-user-select:none;user-select:none;cursor:grab;border-radius:8px;align-items:center;gap:8px;padding:7px 8px;transition:background .1s;display:flex}.pers-tool:hover{background:#fffc}.pers-tool--hidden{opacity:.4}.pers-tool:active{cursor:grabbing}.pers-drag-handle{color:#d1d5db;flex-shrink:0;align-items:center;display:flex}.pers-tool:hover .pers-drag-handle{color:#9ca3af}.pers-tool-name{color:#374151;flex:1;font-size:13px;font-weight:500}.pers-star{cursor:pointer;color:#d1d5db;background:0 0;border:none;border-radius:6px;align-items:center;padding:3px;transition:color .15s,background .15s;display:flex}.pers-star:hover{color:#f59e0b;background:#f59e0b1a}.pers-star--active{color:#f59e0b}.pers-eye{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:6px;align-items:center;padding:3px;transition:color .15s,background .15s;display:flex}.pers-eye:hover:not(:disabled){color:#374151;background:#0000000f}.pers-eye--off{color:#d1d5db}.pers-eye:disabled{opacity:.3;cursor:default}.pers-featured{padding-top:8px}.pers-featured-empty{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:60px 32px;display:flex}.pers-featured-empty-icon{color:#d1d5db}.pers-featured-empty-title{color:#374151;margin:0;font-size:18px;font-weight:700}.pers-featured-empty-sub{color:#6b7280;max-width:320px;margin:0;font-size:14px;line-height:1.6}.pers-featured-empty-link{cursor:pointer;color:#4d00b8;font-size:inherit;background:0 0;border:none;padding:0;font-family:inherit;font-weight:600;text-decoration:underline}.pers-featured-hint{color:#6b7280;margin-bottom:20px;font-size:13px}.pers-fav-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.pers-fav-card{cursor:grab;background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.pers-fav-card:active{cursor:grabbing}.pers-fav-card-strip{flex-shrink:0;height:4px}.pers-fav-card-body{flex-direction:column;gap:6px;padding:16px;display:flex}.pers-fav-drag-row{justify-content:flex-end;margin-bottom:2px;display:flex}.pers-fav-drag-handle{color:#d1d5db}.pers-fav-card:hover .pers-fav-drag-handle{color:#9ca3af}.pers-fav-badge{letter-spacing:.1em;border-radius:20px;align-self:flex-start;margin-bottom:4px;padding:2px 7px;font-size:10px;font-weight:800;display:inline-block}.pers-fav-name{color:#111827;font-size:15px;font-weight:700}.pers-fav-desc{color:#6b7280;flex:1;font-size:12px;line-height:1.5}.pers-fav-remove{color:#6b7280;cursor:pointer;background:0 0;border:1.5px solid #e5e7eb;border-radius:8px;align-self:flex-start;margin-top:8px;padding:5px 10px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s}.pers-fav-remove:hover{color:#ef4444;border-color:#ef4444}@media (width<=768px){.pers-page{padding:28px 20px 60px}.pers-grid{grid-template-columns:1fr}.pers-header{flex-direction:column}}.tool-order-page{max-width:1100px;margin:0 auto;padding:48px 40px 80px}.tool-order-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:40px;display:flex}.tool-order-title{color:#111827;letter-spacing:-.02em;margin:0 0 6px;font-size:28px;font-weight:800}.tool-order-sub{color:#6b7280;margin:0;font-size:14px}.tool-order-actions{flex-shrink:0;gap:10px;display:flex}.tool-order-btn{cursor:pointer;border:1.5px solid #0000;border-radius:10px;padding:9px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s,border-color .15s,color .15s}.tool-order-btn--ghost{color:#374151;background:#ffffffb3;border-color:#e5e7eb}.tool-order-btn--ghost:hover{background:#fff;border-color:#d1d5db}.tool-order-btn--primary{color:#fff;background:#4d00b8;border-color:#4d00b8}.tool-order-btn--primary:hover{background:#3a0090;border-color:#3a0090}.tool-order-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.tool-order-cat{-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #ffffff80;border-radius:16px;overflow:hidden}.tool-order-cat-header{background:#ffffff80;border-bottom:2px solid;align-items:center;gap:9px;padding:14px 16px;display:flex}.tool-order-cat-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.tool-order-cat-label{color:#111827;letter-spacing:.04em;flex:1;font-size:13px;font-weight:800}.tool-order-cat-count{color:#9ca3af;font-size:11px;font-weight:500}.tool-order-list{flex-direction:column;gap:3px;margin:0;padding:8px;list-style:none;display:flex}.tool-order-item{cursor:grab;-webkit-user-select:none;user-select:none;background:0 0;border-radius:9px;align-items:center;gap:10px;padding:9px 10px;transition:background .12s,box-shadow .12s;display:flex}.tool-order-item:hover{background:#fffc;box-shadow:0 1px 4px #00000012}.tool-order-item:active{cursor:grabbing}.tool-order-handle{color:#d1d5db;flex-shrink:0;align-items:center;display:flex}.tool-order-item:hover .tool-order-handle{color:#9ca3af}.tool-order-num{color:#d1d5db;text-align:right;flex-shrink:0;width:16px;font-size:11px;font-weight:700}.tool-order-name{color:#374151;font-size:14px;font-weight:500}@media (width<=768px){.tool-order-page{padding:32px 20px 60px}.tool-order-grid{grid-template-columns:1fr}.tool-order-header{flex-direction:column}}.tool-heading{flex-direction:column;gap:4px;padding-bottom:4px;display:flex}.tool-heading-title{color:var(--text);letter-spacing:-.01em;text-transform:uppercase;margin:0;font-size:18px;font-weight:800;line-height:1.2}.tool-heading-desc{color:var(--text-muted);max-width:640px;margin:0;font-size:12px;line-height:1.5}@media (width<=900px){.tool-heading-title{font-size:16px}}