:root,[data-theme=dark]{--bg: #0f1012;--bg-elev: #16181c;--bg-card: #1a1c21;--bg-hover: #22252b;--border: #26292f;--border-strong: #34383f;--text: #e8e6e3;--text-muted: #8b8f96;--text-dim: #5a5e66;--accent: #e2b714;--accent-soft: rgba(226, 183, 20, .12);--accent-hover: #f0c93a;--danger: #ef4444;--success: #22c55e;--font: "JetBrains Mono", "Roboto Mono", ui-monospace, monospace;--fs-xs: .72rem;--fs-sm: .82rem;--fs-md: .95rem;--fs-lg: 1.15rem;--fs-xl: 1.6rem;--fs-2xl: 2.2rem;--fs-3xl: 3.2rem;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .5);--t-fast: .15s ease;--t-base: .22s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg: #faf8f5;--bg-elev: #ffffff;--bg-card: #ffffff;--bg-hover: #f2efea;--border: #e8e4dd;--border-strong: #d4cfc5;--text: #2a2724;--text-muted: #6b6660;--text-dim: #9a948c;--accent: #e5322d;--accent-soft: rgba(229, 50, 45, .08);--accent-hover: #c92220;--danger: #dc2626;--success: #16a34a;--shadow-sm: 0 1px 2px rgba(60, 50, 40, .06);--shadow-md: 0 4px 16px rgba(60, 50, 40, .08);--shadow-lg: 0 12px 40px rgba(60, 50, 40, .12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh}#root{display:flex;flex-direction:column}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-md);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}::selection{background:var(--accent);color:var(--bg)}.app-layout{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1;display:flex;flex-direction:column}.navbar{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;border-bottom:1px solid var(--border);background:#0f1012eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:sticky;top:0;z-index:100;gap:20px;min-height:64px}.navbar-logo{font-size:var(--fs-lg);font-weight:700;color:var(--accent);transition:filter var(--t-fast);display:flex;align-items:center;gap:var(--sp-2);letter-spacing:-.02em;flex-shrink:0}.navbar-logo:hover{filter:brightness(1.2)}.navbar-links{display:flex;gap:20px;align-items:center;justify-content:flex-end;min-width:0;flex:1}.navbar-links a{color:var(--text-muted);font-size:.85rem;transition:color .15s;padding:6px 2px;white-space:nowrap;position:relative;flex-shrink:0}.navbar-links a:hover{color:var(--text)}.navbar-links a.active{color:var(--accent)}.navbar-links a.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--accent);border-radius:2px}.navbar-more{position:relative;flex-shrink:0}.navbar-more-btn{background:transparent;border:none;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.85rem;padding:6px 2px;cursor:pointer;transition:color .15s;white-space:nowrap;display:flex;align-items:center;gap:4px}.navbar-more-btn:hover{color:var(--text)}.navbar-more-arrow{font-size:.7rem;transition:transform .2s}.navbar-more:hover .navbar-more-arrow{transform:rotate(180deg)}.navbar-more-dropdown{position:absolute;top:100%;right:0;margin-top:0;padding-top:10px;background:transparent;border:none;min-width:220px;display:none;flex-direction:column;z-index:150;animation:navbarDropdownIn .15s ease}.navbar-more-dropdown:before{content:"";position:absolute;top:10px;right:0;bottom:0;left:0;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 40px #00000059;z-index:-1}@keyframes navbarDropdownIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.navbar-more:hover .navbar-more-dropdown{display:flex}.navbar-more-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;color:var(--text-muted);font-size:.82rem;font-family:JetBrains Mono,monospace;transition:all .15s;text-decoration:none;border:1px solid transparent}.navbar-more-item:hover{background:var(--bg-hover);color:var(--text);border-color:var(--border)}.navbar-more-item.active{background:#e2b71414;border-color:#e2b7144d;color:var(--accent)}.navbar-more-icon{font-size:1rem;line-height:1;width:20px;text-align:center;flex-shrink:0}.navbar-more-name{flex:1}.navbar-more-count{font-size:.62rem;color:var(--text-dim);background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;padding:1px 7px;font-weight:600;min-width:20px;text-align:center}.navbar-search-btn{display:flex;align-items:center;gap:8px;background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;padding:6px 10px 6px 12px;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--text-dim);transition:all .15s;flex-shrink:0;white-space:nowrap}.navbar-search-kbd{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:2px 5px;font-size:.65rem;color:var(--text-dim);font-family:JetBrains Mono,monospace;margin-left:2px}.navbar-hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;background:transparent;border:1px solid var(--border);border-radius:8px;cursor:pointer;padding:0;transition:all .15s;flex-shrink:0;z-index:202}.navbar-hamburger:hover{border-color:var(--border-strong);background:var(--bg-card)}.navbar-hamburger-bar{width:18px;height:2px;background:var(--text-muted);border-radius:2px;transition:all .25s cubic-bezier(.4,0,.2,1);display:block}.navbar-hamburger:hover .navbar-hamburger-bar{background:var(--text)}.navbar-hamburger.open .navbar-hamburger-bar:nth-child(1){transform:translateY(7px) rotate(45deg);background:var(--accent)}.navbar-hamburger.open .navbar-hamburger-bar:nth-child(2){opacity:0;transform:scaleX(0)}.navbar-hamburger.open .navbar-hamburger-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg);background:var(--accent)}.navbar-mobile-menu{position:fixed;top:0;right:0;bottom:0;width:320px;max-width:88vw;background:var(--bg-card);border-left:1px solid var(--border);box-shadow:-12px 0 40px #00000073;padding:20px;display:flex;flex-direction:column;gap:14px;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:201;overflow-y:auto;overscroll-behavior:contain}.navbar-mobile-menu.open{transform:translate(0)}.navbar-mobile-title-row{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--border);flex-shrink:0}.navbar-mobile-title-icon{font-size:1.1rem;line-height:1}.navbar-mobile-title{font-size:.85rem;font-weight:700;color:var(--text);font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.08em}.navbar-mobile-links{display:flex;flex-direction:column;gap:4px;flex:1}.navbar-mobile-link{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;color:var(--text-muted);font-size:.9rem;font-weight:500;font-family:JetBrains Mono,monospace;transition:all .15s;text-decoration:none;border:1px solid transparent}.navbar-mobile-link:hover{background:var(--bg-hover);color:var(--text);border-color:var(--border)}.navbar-mobile-link.active{background:#e2b71414;border-color:#e2b7144d;color:var(--accent)}.navbar-mobile-link-icon{font-size:1.15rem;line-height:1;flex-shrink:0;width:24px;text-align:center}.navbar-mobile-link-count{margin-left:auto;font-size:.65rem;color:var(--text-dim);background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;padding:2px 8px;font-weight:600;min-width:22px;text-align:center}.navbar-mobile-link.active .navbar-mobile-link-count{color:var(--accent);border-color:#e2b7144d}.navbar-mobile-search{display:flex;align-items:center;gap:10px;background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.85rem;padding:12px 14px;cursor:pointer;transition:all .15s;flex-shrink:0;width:100%}.navbar-mobile-search:hover{border-color:var(--accent);color:var(--accent);background:#4ecdc40f}.navbar-mobile-search span:first-child{font-size:1rem}.navbar-mobile-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:200;animation:navbarBackdropFade .2s ease}@keyframes navbarBackdropFade{0%{opacity:0}to{opacity:1}}@media (min-width: 1400px){.navbar-links{gap:26px}.navbar-links a{font-size:.88rem}}@media (min-width: 1200px) and (max-width: 1399px){.navbar-links{gap:20px}.navbar-links a{font-size:.82rem}}@media (min-width: 1100px) and (max-width: 1199px){.navbar-links{gap:14px}.navbar-links a{font-size:.76rem}.navbar-search-text{display:none}}@media (min-width: 1000px) and (max-width: 1099px){.navbar-links{gap:10px}.navbar-links a{font-size:.72rem}.navbar-search-text,.navbar-search-kbd{display:none}}@media (min-width: 900px) and (max-width: 999px){.navbar-links{gap:8px}.navbar-links a{font-size:.68rem;padding:6px 1px}.navbar-search-btn{padding:6px 8px}.navbar-search-text,.navbar-search-kbd{display:none}}@media (max-width: 899px){.navbar{padding:14px 20px}.navbar-links{display:none}.navbar-hamburger{display:flex}.navbar-mobile-backdrop{display:block}}@media (max-width: 480px){.navbar{padding:12px 16px;min-height:56px}.navbar-mobile-menu{width:100%;max-width:100%;border-left:none}.navbar-mobile-link{padding:14px 12px;font-size:.92rem}.navbar-logo{font-size:1rem}}.footer{text-align:center;padding:var(--sp-6) var(--sp-5);color:var(--text-dim);font-size:var(--fs-sm);border-top:1px solid var(--border);margin-top:auto}.footer a{color:var(--accent);transition:filter var(--t-fast)}.footer a:hover{filter:brightness(1.2)}.home{max-width:1180px;width:100%;margin:0 auto;padding:var(--sp-8) var(--sp-6) var(--sp-7)}.home-header{text-align:center;margin-bottom:var(--sp-8)}.home-header h1{font-size:var(--fs-3xl);color:var(--text);margin-bottom:var(--sp-3);letter-spacing:-.04em;font-weight:700;line-height:1.1}.home-header h1 .accent{color:var(--accent)}.home-header p{color:var(--text-muted);font-size:var(--fs-lg);max-width:560px;margin:0 auto;line-height:1.6}.home-controls{display:flex;flex-direction:column;gap:var(--sp-4);margin-bottom:var(--sp-6)}.search-bar{position:relative;max-width:480px;width:100%;margin:0 auto}.search-bar input{width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);font-family:var(--font);font-size:var(--fs-md);padding:var(--sp-3) var(--sp-4) var(--sp-3) 42px;outline:none;transition:border-color var(--t-fast),background var(--t-fast)}.search-bar input:focus{border-color:var(--accent);background:var(--bg-elev)}.search-bar input::placeholder{color:var(--text-dim)}.search-bar .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-dim);font-size:1rem;pointer-events:none}.category-pills{display:flex;gap:var(--sp-2);flex-wrap:wrap;justify-content:center}.category-pill{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);font-family:var(--font);font-size:var(--fs-sm);padding:var(--sp-2) var(--sp-4);border-radius:999px;transition:all var(--t-fast);cursor:pointer}.category-pill:hover{border-color:var(--border-strong);color:var(--text)}.category-pill.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--sp-5)}.tool-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-5);transition:all var(--t-base);display:flex;flex-direction:column;gap:var(--sp-3);position:relative;overflow:hidden;cursor:pointer}.tool-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--card-accent, var(--accent)),transparent);opacity:0;transition:opacity var(--t-base)}.tool-card:hover{border-color:var(--card-accent, var(--accent));background:var(--bg-hover);transform:translateY(-3px);box-shadow:var(--shadow-md)}.tool-card:hover:before{opacity:1}.tool-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.tool-card-icon{font-size:1.9rem;line-height:1;filter:drop-shadow(0 0 12px var(--card-accent, var(--accent)))}.tool-card-category{font-size:var(--fs-xs);color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;background:var(--bg-elev);padding:3px 8px;border-radius:999px;border:1px solid var(--border)}.tool-card-name{font-size:var(--fs-lg);color:var(--text);font-weight:600;letter-spacing:-.01em}.tool-card-desc{font-size:var(--fs-sm);color:var(--text-muted);line-height:1.55;flex:1}.tool-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--sp-2)}.tool-card-tags{display:flex;gap:var(--sp-1);flex-wrap:wrap}.tool-card-tag{font-size:var(--fs-xs);color:var(--text-dim);background:var(--bg-elev);padding:2px 7px;border-radius:var(--r-sm);border:1px solid var(--border)}.tool-card-arrow{color:var(--card-accent, var(--accent));font-size:1.2rem;transition:transform var(--t-base)}.tool-card:hover .tool-card-arrow{transform:translate(6px)}.empty-state{text-align:center;padding:var(--sp-8) var(--sp-5);color:var(--text-muted)}.empty-state .empty-icon{font-size:2.5rem;margin-bottom:var(--sp-3);opacity:.6}.empty-state h3{font-size:var(--fs-lg);color:var(--text);margin-bottom:var(--sp-2);font-weight:600}.empty-state p{font-size:var(--fs-sm)}.tool-shell{width:100%;flex:1;display:flex;flex-direction:column}.tool-shell-container{max-width:1180px;width:100%;margin:0 auto;padding:var(--sp-6) var(--sp-6) var(--sp-8);flex:1;display:flex;flex-direction:column}.breadcrumbs{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-5);font-size:var(--fs-sm);color:var(--text-dim);flex-wrap:wrap}.breadcrumbs a{color:var(--text-muted);transition:color var(--t-fast)}.breadcrumbs a:hover{color:var(--accent)}.breadcrumbs .crumb-sep{color:var(--text-dim);opacity:.5}.breadcrumbs .crumb-current{color:var(--text)}.tool-header{margin-bottom:var(--sp-6);padding-bottom:var(--sp-5);border-bottom:1px solid var(--border)}.tool-header-top{display:flex;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-3)}.tool-header-icon{font-size:2.4rem;line-height:1}.tool-header-title{font-size:var(--fs-2xl);font-weight:700;color:var(--text);letter-spacing:-.02em;line-height:1.2}.tool-header-desc{color:var(--text-muted);font-size:var(--fs-md);max-width:720px;line-height:1.6}.tool-header-category{display:inline-block;font-size:var(--fs-xs);color:var(--accent);background:var(--accent-soft);padding:3px 10px;border-radius:999px;margin-top:var(--sp-3);text-transform:uppercase;letter-spacing:.08em;border:1px solid rgba(226,183,20,.25)}.tool-content{flex:1;display:flex;flex-direction:column}.not-found{text-align:center;padding:var(--sp-8) var(--sp-5);display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.not-found h1{font-size:7rem;color:var(--accent);margin-bottom:var(--sp-3);letter-spacing:-.05em;line-height:1;font-weight:700}.not-found p{color:var(--text-muted);margin-bottom:var(--sp-6);font-size:var(--fs-lg)}.not-found .btn-home{color:var(--accent);border:1px solid var(--accent);padding:var(--sp-3) var(--sp-6);border-radius:var(--r-md);display:inline-block;transition:all var(--t-fast);font-size:var(--fs-sm);font-weight:500}.not-found .btn-home:hover{background:var(--accent);color:var(--bg)}.page-loading{display:flex;align-items:center;justify-content:center;padding:var(--sp-8);color:var(--text-muted);font-size:var(--fs-sm);gap:var(--sp-3)}.spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-boundary{text-align:center;padding:var(--sp-8) var(--sp-5);color:var(--text-muted)}.error-boundary h2{color:var(--danger);font-size:var(--fs-xl);margin-bottom:var(--sp-3);font-weight:600}.error-boundary pre{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-4);text-align:left;font-size:var(--fs-xs);color:var(--text-dim);overflow:auto;max-width:640px;margin:var(--sp-4) auto 0}@media (max-width: 768px){.navbar{padding:var(--sp-3) var(--sp-4)}.navbar-links{gap:var(--sp-4)}.navbar-links a{font-size:var(--fs-xs)}.home{padding:var(--sp-6) var(--sp-4) var(--sp-5)}.home-header h1{font-size:var(--fs-2xl)}.home-header p{font-size:var(--fs-md)}.tool-shell-container{padding:var(--sp-4) var(--sp-4) var(--sp-6)}.tool-header-title{font-size:var(--fs-xl)}.tools-grid{grid-template-columns:1fr}.not-found h1{font-size:4.5rem}}.subtools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--sp-4)}.subtool-card{display:flex;align-items:center;gap:var(--sp-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4) var(--sp-5);transition:all var(--t-base);cursor:pointer;position:relative;overflow:hidden}.subtool-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--card-accent, var(--accent));opacity:0;transition:opacity var(--t-base)}.subtool-card:hover{border-color:var(--card-accent, var(--accent));background:var(--bg-hover);transform:translate(4px);box-shadow:var(--shadow-md)}.subtool-card:hover:before{opacity:1}.subtool-icon{font-size:2rem;line-height:1;flex-shrink:0;filter:drop-shadow(0 0 10px var(--card-accent, var(--accent)))}.subtool-body{flex:1;min-width:0}.subtool-name{font-size:var(--fs-md);font-weight:600;color:var(--text);margin-bottom:2px;letter-spacing:-.01em}.subtool-desc{font-size:var(--fs-sm);color:var(--text-muted);line-height:1.5}.subtool-arrow{color:var(--card-accent, var(--accent));font-size:1.2rem;flex-shrink:0;transition:transform var(--t-base)}.subtool-card:hover .subtool-arrow{transform:translate(4px)}@media (max-width: 768px){.subtools-grid{grid-template-columns:1fr}}.pdf-tool{display:flex;flex-direction:column;gap:var(--sp-5);max-width:720px;margin:0 auto;width:100%}.pdf-dropzone{border:2px dashed var(--border-strong);border-radius:var(--r-lg);padding:var(--sp-8) var(--sp-6);text-align:center;cursor:pointer;transition:all var(--t-base);background:var(--bg-card)}.pdf-dropzone:hover,.pdf-dropzone.dragging{border-color:var(--accent);background:var(--accent-soft)}.pdf-dropzone-icon{font-size:3rem;margin-bottom:var(--sp-3);line-height:1}.pdf-dropzone h3{font-size:var(--fs-lg);color:var(--text);margin-bottom:var(--sp-2);font-weight:600}.pdf-dropzone p{color:var(--text-muted);font-size:var(--fs-sm)}.pdf-file-info{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-4) var(--sp-5);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);gap:var(--sp-3)}.pdf-file-left{display:flex;align-items:center;gap:var(--sp-4);min-width:0}.pdf-file-icon{font-size:2rem;flex-shrink:0}.pdf-file-name{color:var(--text);font-size:var(--fs-md);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:380px}.pdf-file-size{color:var(--text-dim);font-size:var(--fs-xs);margin-top:2px}.pdf-file-remove{background:transparent;border:none;color:var(--text-dim);font-size:1.2rem;cursor:pointer;padding:var(--sp-2);border-radius:var(--r-sm);transition:all var(--t-fast);flex-shrink:0}.pdf-file-remove:hover{background:var(--bg-hover);color:var(--danger)}.pdf-target{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-5)}.pdf-target-label{display:block;color:var(--text-muted);font-size:var(--fs-sm);margin-bottom:var(--sp-3);text-transform:uppercase;letter-spacing:.08em}.pdf-target-input-row{display:flex;gap:var(--sp-3)}.pdf-target-number{flex:1;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);font-family:var(--font);font-size:var(--fs-lg);padding:var(--sp-3) var(--sp-4);outline:none;transition:border-color var(--t-fast)}.pdf-target-number:focus{border-color:var(--accent)}.pdf-target-unit{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);font-family:var(--font);font-size:var(--fs-lg);padding:var(--sp-3) var(--sp-4);outline:none;cursor:pointer;transition:border-color var(--t-fast)}.pdf-target-unit:focus{border-color:var(--accent)}.pdf-target-hint{color:var(--text-dim);font-size:var(--fs-sm);margin-top:var(--sp-3)}.pdf-target-hint strong{color:var(--text-muted);font-weight:500}.pdf-target-warn{color:var(--accent);font-size:var(--fs-sm);margin-top:var(--sp-2)}.pdf-compress-btn{background:var(--accent);color:var(--bg);border:none;border-radius:var(--r-md);font-family:var(--font);font-size:var(--fs-md);font-weight:600;padding:var(--sp-4) var(--sp-5);cursor:pointer;transition:all var(--t-fast)}.pdf-compress-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.pdf-compress-btn:disabled{opacity:.5;cursor:not-allowed}.pdf-progress{display:flex;align-items:center;gap:var(--sp-3);color:var(--text-muted);font-size:var(--fs-sm);padding:var(--sp-3) 0}.pdf-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:var(--sp-4);border-radius:var(--r-md);font-size:var(--fs-sm)}.pdf-result{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-5)}.pdf-result-header{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-4)}.pdf-result-header h3{font-size:var(--fs-lg);color:var(--text);font-weight:600}.pdf-result-grade{font-size:1.6rem;font-weight:700;color:var(--accent);background:var(--accent-soft);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-md);border:1px solid rgba(226,183,20,.3);line-height:1}.pdf-result-grade.grade-A{color:#22c55e;background:#22c55e1a;border-color:#22c55e4d}.pdf-result-grade.grade-B{color:#3b82f6;background:#3b82f61a;border-color:#3b82f64d}.pdf-result-grade.grade-C{color:var(--accent)}.pdf-result-grade.grade-D{color:#f97316;background:#f973161a;border-color:#f973164d}.pdf-result-grade.grade-F{color:var(--danger);background:#ef44441a;border-color:#ef44444d}.pdf-result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3)}.pdf-stat{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-4);text-align:center}.pdf-stat-label{color:var(--text-dim);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--sp-2)}.pdf-stat-value{color:var(--text);font-size:var(--fs-lg);font-weight:600}.pdf-stat-value.accent{color:var(--accent)}.pdf-stat-value.green{color:#22c55e}.pdf-score{display:flex;flex-direction:column;gap:var(--sp-2)}.pdf-score-header{display:flex;justify-content:space-between;color:var(--text-muted);font-size:var(--fs-sm)}.pdf-score-value{color:var(--text);font-weight:600}.pdf-score-bar{height:8px;background:var(--bg-elev);border-radius:999px;overflow:hidden}.pdf-score-fill{height:100%;background:linear-gradient(90deg,var(--accent),#22c55e);border-radius:999px;transition:width var(--t-base)}.pdf-score-note{color:var(--text-dim);font-size:var(--fs-xs);margin-top:var(--sp-1)}.pdf-result-actions{display:flex;gap:var(--sp-3);flex-wrap:wrap}.pdf-download{background:transparent;color:#4ecdc4;border:1px solid #4ecdc4;padding:var(--sp-3) var(--sp-5);border-radius:var(--r-md);font-family:var(--font);font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:all var(--t-fast);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2)}.pdf-download:hover{background:#4ecdc4;color:var(--bg);transform:translateY(-1px);box-shadow:0 4px 12px #4ecdc44d}@media (max-width: 768px){.pdf-result-grid{grid-template-columns:repeat(2,1fr)}.pdf-file-name{max-width:200px}.pdf-result-header h3{font-size:var(--fs-md)}}.jpg-quality-options{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3)}.jpg-quality-btn{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-4);cursor:pointer;transition:all var(--t-fast);text-align:left;display:flex;flex-direction:column;gap:var(--sp-1);font-family:var(--font)}.jpg-quality-btn:hover{border-color:var(--border-strong);background:var(--bg-hover)}.jpg-quality-btn.active{border-color:#4ecdc4;background:#4ecdc414}.jpg-quality-name{font-size:var(--fs-md);font-weight:600;color:var(--text)}.jpg-quality-btn.active .jpg-quality-name{color:#4ecdc4}.jpg-quality-desc{font-size:var(--fs-xs);color:var(--text-dim);line-height:1.4}.jpg-scale-options{display:flex;gap:var(--sp-2);flex-wrap:wrap}.jpg-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--sp-4);margin-top:var(--sp-3)}.jpg-preview-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;display:flex;flex-direction:column;transition:all var(--t-fast)}.jpg-preview-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.jpg-preview-img-wrap{position:relative;background:#0a0b0d;aspect-ratio:1 / 1.2;overflow:hidden;display:flex;align-items:center;justify-content:center}.jpg-preview-img-wrap img{max-width:100%;max-height:100%;object-fit:contain;display:block}.jpg-preview-badge{position:absolute;top:var(--sp-2);left:var(--sp-2);background:#000000bf;color:var(--text);font-size:var(--fs-xs);padding:3px 8px;border-radius:var(--r-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-weight:500}.jpg-preview-info{display:flex;justify-content:space-between;padding:var(--sp-3);font-size:var(--fs-xs);color:var(--text-dim);border-bottom:1px solid var(--border)}.jpg-preview-dim{color:var(--text-muted)}.jpg-download-btn{display:block;text-align:center;padding:var(--sp-2) var(--sp-3);color:#4ecdc4;font-size:var(--fs-sm);font-weight:500;text-decoration:none;transition:all var(--t-fast);border-top:1px solid var(--border)}.jpg-download-btn:hover{background:#4ecdc41a;color:#4ecdc4}@media (max-width: 768px){.jpg-quality-options{grid-template-columns:1fr}.jpg-preview-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.i2p-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-3);gap:var(--sp-3)}.i2p-clear{background:transparent;border:1px solid var(--border);color:var(--text-dim);font-family:var(--font);font-size:var(--fs-xs);padding:4px 10px;border-radius:var(--r-sm);cursor:pointer;transition:all var(--t-fast)}.i2p-clear:hover{border-color:var(--danger);color:var(--danger)}.i2p-list{display:flex;flex-direction:column;gap:var(--sp-2)}.i2p-item{display:flex;align-items:center;gap:var(--sp-3);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-3);transition:border-color var(--t-fast)}.i2p-item:hover{border-color:var(--border-strong)}.i2p-index{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-dim);font-size:var(--fs-xs);font-weight:600}.i2p-thumb{width:44px;height:44px;object-fit:cover;border-radius:var(--r-sm);flex-shrink:0;border:1px solid var(--border);background:#0a0b0d}.i2p-meta{flex:1;min-width:0}.i2p-name{font-size:var(--fs-sm);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px}.i2p-sub{font-size:var(--fs-xs);color:var(--text-dim)}.i2p-controls{display:flex;gap:4px;flex-shrink:0}.i2p-icon-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-dim);font-family:var(--font);font-size:var(--fs-sm);cursor:pointer;transition:all var(--t-fast)}.i2p-icon-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text);border-color:var(--border-strong)}.i2p-icon-btn:disabled{opacity:.3;cursor:not-allowed}.i2p-icon-btn.i2p-remove:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}@media (max-width: 480px){.i2p-name{max-width:120px}.i2p-thumb{width:36px;height:36px}}.rotate-angle-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3)}.rotate-angle-btn{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-4);cursor:pointer;transition:all var(--t-fast);display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);font-family:var(--font)}.rotate-angle-btn:hover{border-color:var(--border-strong);background:var(--bg-hover)}.rotate-angle-btn.active{border-color:#4ecdc4;background:#4ecdc414}.rotate-angle-arrow{font-size:1.8rem;color:var(--text-muted);line-height:1;transition:color var(--t-fast)}.rotate-angle-btn.active .rotate-angle-arrow{color:#4ecdc4}.rotate-angle-label{font-size:var(--fs-md);font-weight:600;color:var(--text)}.rotate-angle-btn.active .rotate-angle-label{color:#4ecdc4}.pdf-target-number code,.pdf-target-hint code{background:var(--bg-elev);padding:1px 6px;border-radius:var(--r-sm);font-size:.9em;color:var(--text-muted);border:1px solid var(--border)}.merge-file-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-sm);font-size:1.3rem;flex-shrink:0}.orientation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3)}.orientation-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-4);cursor:pointer;transition:all var(--t-fast);display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);font-family:var(--font);text-align:center}.orientation-card:hover{border-color:var(--border-strong);background:var(--bg-hover)}.orientation-card.active{border-color:#4ecdc4;background:#4ecdc414;box-shadow:0 0 0 1px #4ecdc4 inset}.orientation-preview{width:60px;height:76px;display:flex;align-items:center;justify-content:center;gap:4px;margin-bottom:var(--sp-2);position:relative}.op-a{border:1.5px solid var(--text-dim);border-radius:3px;transition:all var(--t-fast)}.orientation-card.active .op-a{border-color:#4ecdc4;background:#4ecdc414}.op-portrait{width:36px;height:50px}.op-landscape{width:56px;height:38px}.op-auto-a{width:28px;height:38px}.op-auto-b{width:38px;height:28px}.orientation-name{font-size:var(--fs-sm);font-weight:600;color:var(--text)}.orientation-card.active .orientation-name{color:#4ecdc4}.orientation-desc{font-size:var(--fs-xs);color:var(--text-dim);line-height:1.3}.layout-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3)}.layout-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-4);cursor:pointer;transition:all var(--t-fast);display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);font-family:var(--font);text-align:center}.layout-card:hover{border-color:var(--border-strong);background:var(--bg-hover)}.layout-card.active{border-color:#4ecdc4;background:#4ecdc414;box-shadow:0 0 0 1px #4ecdc4 inset}.layout-preview{width:60px;height:72px;display:flex;gap:3px;align-items:center;justify-content:center;margin-bottom:var(--sp-2)}.layout-preview.lp-horizontal{flex-direction:row}.layout-preview.lp-vertical{flex-direction:column}.lp-page{background:var(--bg-card);border:1.5px solid var(--text-dim);border-radius:3px;transition:all var(--t-fast);flex-shrink:0}.layout-preview:not(.lp-horizontal):not(.lp-vertical) .lp-page{width:16px;height:22px}.layout-preview.lp-horizontal .lp-page{width:22px;height:32px}.layout-preview.lp-vertical .lp-page{width:38px;height:20px}.layout-card.active .lp-page{border-color:#4ecdc4;background:#4ecdc426}.layout-name{font-size:var(--fs-sm);font-weight:600;color:var(--text)}.layout-card.active .layout-name{color:#4ecdc4}.layout-desc{font-size:var(--fs-xs);color:var(--text-dim);line-height:1.3}@media (max-width: 640px){.orientation-grid,.layout-grid{grid-template-columns:1fr}.orientation-card,.layout-card{flex-direction:row;text-align:left;justify-content:flex-start}.orientation-preview,.layout-preview{margin-bottom:0;margin-right:var(--sp-3);flex-shrink:0}}.split-mode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--sp-3)}.split-mode-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-4);cursor:pointer;transition:all var(--t-fast);display:flex;flex-direction:column;gap:var(--sp-1);font-family:var(--font);text-align:left}.split-mode-card:hover{border-color:var(--border-strong);background:var(--bg-hover);transform:translateY(-1px)}.split-mode-card.active{border-color:#4ecdc4;background:#4ecdc414;box-shadow:0 0 0 1px #4ecdc4 inset}.split-mode-icon{font-size:1.5rem;line-height:1;margin-bottom:var(--sp-2)}.split-mode-name{font-size:var(--fs-sm);font-weight:600;color:var(--text)}.split-mode-card.active .split-mode-name{color:#4ecdc4}.split-mode-desc{font-size:var(--fs-xs);color:var(--text-dim);line-height:1.4}.split-preview{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);font-size:var(--fs-sm);border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted)}.split-preview.valid{border-color:#4ecdc466;background:#4ecdc40f;color:#4ecdc4}.split-preview.invalid{border-color:#fbbf244d;background:#fbbf240f;color:#fbbf24}.split-preview-icon{font-size:1.1rem;line-height:1;flex-shrink:0}.split-result-detail{font-size:var(--fs-sm);color:var(--text-dim);padding:var(--sp-2) 0;text-align:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-family:var(--font)}@media (max-width: 640px){.split-mode-grid{grid-template-columns:1fr 1fr}.split-mode-card{padding:var(--sp-3)}.split-mode-desc{display:none}}.wm-preview-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4)}.wm-preview-label{font-size:var(--fs-xs);color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--sp-3)}.wm-preview-canvas{background:#0a0b0d;border-radius:var(--r-md);padding:var(--sp-4);display:flex;justify-content:center;align-items:center;min-height:200px}.wm-preview-page{position:relative;max-width:100%;max-height:340px;box-shadow:0 8px 32px #00000080;border-radius:4px;overflow:hidden}.wm-preview-page img{display:block;max-width:100%;max-height:340px;width:auto;height:auto}.wm-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.wm-type-tabs{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.wm-type-tab{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);cursor:pointer;transition:all var(--t-fast);display:flex;align-items:center;justify-content:center;gap:var(--sp-2);color:var(--text-muted);font-family:var(--font);font-size:var(--fs-sm);font-weight:500}.wm-type-tab:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text)}.wm-type-tab.active{border-color:#4ecdc4;background:#4ecdc414;color:#4ecdc4}.wm-type-tab span{font-size:1.1rem}.wm-slider{width:100%;height:6px;background:var(--bg-elev);border-radius:999px;outline:none;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;margin-top:var(--sp-2)}.wm-slider::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;background:#4ecdc4;border-radius:50%;cursor:pointer;border:2px solid var(--bg);box-shadow:0 0 0 1px #4ecdc4}.wm-slider::-moz-range-thumb{width:18px;height:18px;background:#4ecdc4;border-radius:50%;cursor:pointer;border:2px solid var(--bg)}.wm-color-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--sp-2);margin-top:var(--sp-2)}.wm-color-swatch{width:100%;aspect-ratio:1;border-radius:var(--r-sm);border:2px solid var(--border);cursor:pointer;transition:all var(--t-fast);position:relative}.wm-color-swatch:hover{transform:scale(1.08);border-color:var(--border-strong)}.wm-color-swatch.active{border-color:#4ecdc4;box-shadow:0 0 0 2px var(--bg),0 0 0 4px #4ecdc4}.wm-image-upload{margin-top:var(--sp-2)}.wm-image-btn{width:100%;background:var(--bg-elev);border:2px dashed var(--border-strong);border-radius:var(--r-md);padding:var(--sp-5);cursor:pointer;color:var(--text-muted);font-family:var(--font);font-size:var(--fs-sm);display:flex;align-items:center;justify-content:center;gap:var(--sp-3);transition:all var(--t-fast)}.wm-image-btn:hover{border-color:#4ecdc4;color:#4ecdc4;background:#4ecdc40d}.wm-image-btn span{font-size:1.4rem}.wm-image-preview{position:relative;display:inline-block;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-3)}.wm-image-preview img{max-width:180px;max-height:180px;border-radius:var(--r-sm);display:block}.wm-image-remove{position:absolute;top:-8px;right:-8px;width:26px;height:26px;background:var(--bg-card);border:1px solid var(--border);border-radius:50%;color:var(--text-dim);cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center;transition:all var(--t-fast)}.wm-image-remove:hover{border-color:var(--danger);color:var(--danger);background:var(--bg-hover)}.wm-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-5)}.wm-rotation-grid{display:flex;gap:var(--sp-2);margin-top:var(--sp-2);flex-wrap:wrap}.wm-position-layout{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-4);align-items:start;margin-top:var(--sp-2)}.wm-position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2)}.wm-position-btn{width:52px;height:44px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;transition:all var(--t-fast);color:var(--text-muted);font-size:1rem;display:flex;align-items:center;justify-content:center}.wm-position-btn:hover:not(:disabled){border-color:var(--border-strong);background:var(--bg-hover);color:var(--text)}.wm-position-btn.active{border-color:#4ecdc4;background:#4ecdc414;color:#4ecdc4;box-shadow:0 0 0 1px #4ecdc4 inset}.wm-position-btn:disabled{opacity:.3;cursor:not-allowed}.wm-tiled-btn{display:flex;align-items:center;gap:var(--sp-3);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);cursor:pointer;transition:all var(--t-fast);font-family:var(--font);text-align:left;color:var(--text-muted)}.wm-tiled-btn:hover{border-color:var(--border-strong);background:var(--bg-hover);color:var(--text)}.wm-tiled-btn.active{border-color:#4ecdc4;background:#4ecdc414;color:#4ecdc4;box-shadow:0 0 0 1px #4ecdc4 inset}.wm-tiled-icon{font-size:1.6rem;line-height:1;flex-shrink:0}.wm-tiled-name{font-size:var(--fs-sm);font-weight:600;color:inherit;margin-bottom:2px}.wm-tiled-desc{font-size:var(--fs-xs);color:var(--text-dim);line-height:1.3}@media (max-width: 640px){.wm-row-2col,.wm-position-layout{grid-template-columns:1fr}.wm-position-grid{justify-content:center}.wm-color-grid{grid-template-columns:repeat(4,1fr)}}.pn-format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2);margin-top:var(--sp-2)}.pn-format-btn{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);cursor:pointer;transition:all var(--t-fast);font-family:var(--font);color:var(--text-muted);text-align:center}.pn-format-btn:hover{border-color:var(--border-strong);background:var(--bg-hover);color:var(--text)}.pn-format-btn.active{border-color:#4ecdc4;background:#4ecdc414;color:#4ecdc4;box-shadow:0 0 0 1px #4ecdc4 inset}.pn-format-sample{font-size:var(--fs-sm);font-weight:500;white-space:nowrap}.pn-position-layout{display:flex;align-items:center;gap:var(--sp-4);margin-top:var(--sp-2)}.pn-position-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:6px;padding:var(--sp-3);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);position:relative}.pn-position-grid:before{content:"";position:absolute;inset:var(--sp-3);border:1px dashed var(--border);border-radius:var(--r-sm);pointer-events:none}.pn-position-btn{width:40px;height:32px;background:transparent;border:1px solid transparent;border-radius:var(--r-sm);cursor:pointer;transition:all var(--t-fast);display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.pn-position-btn:hover{border-color:var(--border-strong);background:var(--bg-hover)}.pn-position-btn.active{border-color:#4ecdc4;background:#4ecdc426}.pn-pos-dot{width:8px;height:8px;border-radius:50%;background:var(--text-dim);transition:all var(--t-fast)}.pn-position-btn.active .pn-pos-dot{background:#4ecdc4;box-shadow:0 0 8px #4ecdc4;width:10px;height:10px}.pn-position-label{font-size:var(--fs-sm);color:var(--text-muted);font-weight:500}.pn-checkbox{display:flex;align-items:center;gap:var(--sp-3);margin-top:var(--sp-4);cursor:pointer;color:var(--text-muted);font-size:var(--fs-sm);-webkit-user-select:none;user-select:none}.pn-checkbox input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:1.5px solid var(--border-strong);border-radius:4px;background:var(--bg-elev);cursor:pointer;position:relative;transition:all var(--t-fast);flex-shrink:0}.pn-checkbox input[type=checkbox]:hover{border-color:#4ecdc4}.pn-checkbox input[type=checkbox]:checked{background:#4ecdc4;border-color:#4ecdc4}.pn-checkbox input[type=checkbox]:checked:after{content:"✓";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--bg);font-size:12px;font-weight:700}.pn-checkbox:hover{color:var(--text)}@media (max-width: 640px){.pn-format-grid{grid-template-columns:repeat(2,1fr)}.pn-position-layout{flex-direction:column;align-items:flex-start}}.navbar-search-btn{display:flex;align-items:center;gap:var(--sp-2);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);padding:6px 10px 6px 12px;cursor:pointer;font-family:var(--font);font-size:var(--fs-xs);color:var(--text-dim);transition:all var(--t-fast);margin-left:var(--sp-2)}.navbar-search-text{font-size:var(--fs-xs)}.navbar-search-kbd{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:2px 5px;font-size:.65rem;color:var(--text-dim);font-family:var(--font);margin-left:var(--sp-1)}.home-search-trigger{display:flex;align-items:center;gap:var(--sp-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4) var(--sp-5);margin:var(--sp-6) auto 0;max-width:480px;width:100%;cursor:pointer;transition:all var(--t-fast);color:var(--text-dim);font-family:var(--font);font-size:var(--fs-md);text-align:left}.home-search-trigger:hover{border-color:var(--border-strong);background:var(--bg-hover);color:var(--text-muted)}.home-search-trigger>span:nth-child(1){font-size:1.1rem}.home-search-trigger>span:nth-child(2){flex:1}.home-search-trigger kbd{background:var(--bg-elev);border:1px solid var(--border);border-radius:4px;padding:3px 7px;font-size:var(--fs-xs);color:var(--text-dim);font-family:var(--font)}.gs-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:2000;display:flex;align-items:flex-start;justify-content:center;padding:12vh var(--sp-4) var(--sp-4);animation:gsFadeIn .15s ease}@keyframes gsFadeIn{0%{opacity:0}to{opacity:1}}.gs-modal{background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--r-lg);width:100%;max-width:620px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 64px #0009;animation:gsSlideUp .2s cubic-bezier(.4,0,.2,1);max-height:70vh}@keyframes gsSlideUp{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.gs-input-wrap{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border);flex-shrink:0}.gs-search-icon{font-size:1.1rem;color:var(--text-dim);flex-shrink:0}.gs-input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-family:var(--font);font-size:var(--fs-md);padding:0}.gs-input::placeholder{color:var(--text-dim)}.gs-esc{background:var(--bg-elev);border:1px solid var(--border);border-radius:4px;padding:3px 6px;font-size:.65rem;color:var(--text-dim);font-family:var(--font);flex-shrink:0}.gs-results{overflow-y:auto;padding:var(--sp-2);flex:1}.gs-results::-webkit-scrollbar{width:6px}.gs-results::-webkit-scrollbar-track{background:transparent}.gs-results::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.gs-section-label{font-size:var(--fs-xs);color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;padding:var(--sp-3) var(--sp-3) var(--sp-2)}.gs-item{display:flex;align-items:center;gap:var(--sp-3);width:100%;background:transparent;border:1px solid transparent;border-radius:var(--r-md);padding:var(--sp-3);cursor:pointer;transition:all var(--t-fast);font-family:var(--font);text-align:left}.gs-item.highlighted{background:var(--bg-elev);border-color:var(--border)}.gs-item-icon{font-size:1.4rem;line-height:1;flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-sm);filter:drop-shadow(0 0 8px var(--item-accent, var(--accent)))}.gs-item.highlighted .gs-item-icon{border-color:var(--item-accent, var(--accent));background:var(--bg-card)}.gs-item-body{flex:1;min-width:0}.gs-item-title{font-size:var(--fs-sm);color:var(--text);font-weight:600;margin-bottom:2px;display:flex;align-items:center;gap:var(--sp-2)}.gs-item-badge{font-size:.6rem;color:var(--text-dim);background:var(--bg-card);border:1px solid var(--border);border-radius:999px;padding:1px 6px;text-transform:uppercase;letter-spacing:.06em;font-weight:500}.gs-item-sub{font-size:var(--fs-xs);color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gs-item-arrow{color:var(--text-dim);font-size:.85rem;flex-shrink:0;transition:color var(--t-fast)}.gs-item.highlighted .gs-item-arrow{color:var(--item-accent, var(--accent))}.gs-empty{padding:var(--sp-8) var(--sp-4);text-align:center}.gs-empty-icon{font-size:2.5rem;margin-bottom:var(--sp-3);opacity:.5}.gs-empty-title{color:var(--text);font-size:var(--fs-md);font-weight:600;margin-bottom:var(--sp-1)}.gs-empty-sub{color:var(--text-dim);font-size:var(--fs-sm)}.gs-footer{border-top:1px solid var(--border);padding:var(--sp-2) var(--sp-5);flex-shrink:0}.gs-footer-hint{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--text-dim)}.gs-footer-hint kbd{background:var(--bg-elev);border:1px solid var(--border);border-radius:3px;padding:1px 5px;font-size:.65rem;color:var(--text-muted);font-family:var(--font)}@media (max-width: 768px){.navbar-search-text,.navbar-search-kbd{display:none}.navbar-search-btn{padding:8px 10px}.gs-overlay{padding:6vh var(--sp-3) var(--sp-3)}.gs-modal{max-height:80vh}.home-search-trigger{font-size:var(--fs-sm);padding:var(--sp-3) var(--sp-4)}}.png-quality-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3)}.png-quality-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-4);cursor:pointer;transition:all var(--t-fast);display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);font-family:var(--font);text-align:center}.png-quality-card:hover{border-color:var(--border-strong);background:var(--bg-hover);transform:translateY(-1px)}.png-quality-card.active{border-color:#4ecdc4;background:#4ecdc414;box-shadow:0 0 0 1px #4ecdc4 inset}.png-quality-icon{font-size:1.4rem;line-height:1;margin-bottom:var(--sp-1)}.png-quality-name{font-size:var(--fs-sm);font-weight:600;color:var(--text)}.png-quality-card.active .png-quality-name{color:#4ecdc4}.png-quality-desc{font-size:var(--fs-xs);color:var(--text-dim);line-height:1.3}.png-quality-dpi{font-size:.65rem;color:var(--text-dim);background:var(--bg-card);border:1px solid var(--border);border-radius:999px;padding:2px 8px;margin-top:var(--sp-2);text-transform:uppercase;letter-spacing:.06em}.png-quality-card.active .png-quality-dpi{color:#4ecdc4;border-color:#4ecdc466}.png-bg-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3)}.png-bg-btn{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-3);cursor:pointer;transition:all var(--t-fast);font-family:var(--font);font-size:var(--fs-sm);color:var(--text-muted)}.png-bg-btn:hover{border-color:var(--border-strong);background:var(--bg-hover)}.png-bg-btn.active{border-color:#4ecdc4;background:#4ecdc414;color:#4ecdc4}.png-bg-solid{width:32px;height:32px;border-radius:var(--r-sm);border:1px solid var(--border-strong)}.png-bg-checker{width:32px;height:32px;border-radius:var(--r-sm);border:1px solid var(--border-strong);background-image:linear-gradient(45deg,#444 25%,transparent 25%),linear-gradient(-45deg,#444 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#444 75%),linear-gradient(-45deg,transparent 75%,#444 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0;background-color:#888}.png-checker-bg{background-image:linear-gradient(45deg,#2a2a2a 25%,transparent 25%),linear-gradient(-45deg,#2a2a2a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#2a2a2a 75%),linear-gradient(-45deg,transparent 75%,#2a2a2a 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;background-color:#1a1a1a}.pdf-score-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-4)}.pdf-score-card-header{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-4)}.pdf-score-card-label{font-size:var(--fs-xs);color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--sp-1)}.pdf-score-card-value{font-size:2.4rem;font-weight:700;color:#4ecdc4;line-height:1;letter-spacing:-.02em;display:flex;align-items:baseline;gap:var(--sp-2)}.pdf-score-card-max{font-size:var(--fs-md);color:var(--text-dim);font-weight:500}.pdf-score-bar{height:10px;background:var(--bg-elev);border-radius:999px;overflow:hidden}.pdf-score-fill{height:100%;background:linear-gradient(90deg,#4ecdc4,#22c55e);border-radius:999px;transition:width .6s cubic-bezier(.4,0,.2,1)}.pdf-score-note{color:var(--text-muted);font-size:var(--fs-sm);line-height:1.5}.png-score-breakdown{display:flex;flex-direction:column;gap:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--border)}.png-score-row{display:flex;flex-direction:column;gap:var(--sp-1)}.png-score-row-header{display:flex;justify-content:space-between;align-items:baseline;font-size:var(--fs-xs)}.png-score-name{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.png-score-detail{color:var(--text-dim)}.png-score-mini-bar{height:4px;background:var(--bg-elev);border-radius:999px;overflow:hidden}.png-score-mini-fill{height:100%;background:#4ecdc4;border-radius:999px;transition:width .5s ease}@media (max-width: 768px){.png-quality-grid{grid-template-columns:repeat(2,1fr)}.png-bg-row{grid-template-columns:1fr}.pdf-score-card-value{font-size:2rem}}.p2t-options{display:flex;flex-direction:column;gap:var(--sp-3);margin-top:var(--sp-2)}.p2t-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3)}.p2t-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-4);text-align:center}.p2t-stat-value{font-size:var(--fs-xl);font-weight:700;color:#4ecdc4;line-height:1.1;letter-spacing:-.02em;margin-bottom:var(--sp-1)}.p2t-stat-label{font-size:var(--fs-xs);color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em}.p2t-tabs{display:flex;gap:var(--sp-2);border-bottom:1px solid var(--border);margin-bottom:var(--sp-3)}.p2t-tab{background:transparent;border:none;color:var(--text-dim);font-family:var(--font);font-size:var(--fs-sm);padding:var(--sp-3) var(--sp-4);cursor:pointer;transition:all var(--t-fast);border-bottom:2px solid transparent;margin-bottom:-1px}.p2t-tab:hover{color:var(--text)}.p2t-tab.active{color:#4ecdc4;border-bottom-color:#4ecdc4}.p2t-output{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.p2t-textarea{width:100%;min-height:340px;max-height:500px;background:transparent;border:none;outline:none;resize:vertical;color:var(--text);font-family:var(--font);font-size:var(--fs-sm);line-height:1.6;padding:var(--sp-4)}.p2t-textarea::-webkit-scrollbar{width:8px}.p2t-textarea::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.p2t-pages{display:flex;flex-direction:column;gap:var(--sp-3);max-height:560px;overflow-y:auto;padding-right:var(--sp-2)}.p2t-pages::-webkit-scrollbar{width:8px}.p2t-pages::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.p2t-page-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.p2t-page-header{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-3) var(--sp-4);background:var(--bg-card);border-bottom:1px solid var(--border)}.p2t-page-num{font-size:var(--fs-sm);font-weight:600;color:#4ecdc4}.p2t-page-stats{font-size:var(--fs-xs);color:var(--text-dim)}.p2t-page-text{padding:var(--sp-4);font-family:var(--font);font-size:var(--fs-sm);color:var(--text-muted);line-height:1.6;white-space:pre-wrap;word-break:break-word;margin:0;max-height:240px;overflow-y:auto}.p2t-copy.copied{border-color:#22c55e!important;color:#22c55e!important}@media (max-width: 640px){.p2t-stats{grid-template-columns:repeat(2,1fr)}.p2t-stat-value{font-size:var(--fs-lg)}}.p2w-preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3)}.p2w-preset-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-4);cursor:pointer;transition:all var(--t-fast);display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);font-family:var(--font);text-align:center}.p2w-preset-card:hover{border-color:var(--border-strong);background:var(--bg-hover);transform:translateY(-1px)}.p2w-preset-card.active{border-color:#4ecdc4;background:#4ecdc414;box-shadow:0 0 0 1px #4ecdc4 inset}.p2w-preset-icon{font-size:1.5rem;line-height:1;margin-bottom:var(--sp-2)}.p2w-preset-name{font-size:var(--fs-sm);font-weight:600;color:var(--text)}.p2w-preset-card.active .p2w-preset-name{color:#4ecdc4}.p2w-preset-desc{font-size:var(--fs-xs);color:var(--text-dim);line-height:1.4}.p2w-note{display:flex;gap:var(--sp-3);background:#4ecdc40f;border:1px solid rgba(78,205,196,.25);border-radius:var(--r-md);padding:var(--sp-4);font-size:var(--fs-sm);color:var(--text-muted);line-height:1.6}.p2w-note-icon{font-size:1.2rem;flex-shrink:0;line-height:1}.p2w-note strong{color:var(--text);font-weight:600}@media (max-width: 640px){.p2w-preset-grid{grid-template-columns:1fr}}.seo-content{margin-top:var(--sp-8);padding-top:var(--sp-7);border-top:1px solid var(--border);max-width:820px;margin-left:auto;margin-right:auto}.seo-section{margin-bottom:var(--sp-7)}.seo-section h2{font-size:var(--fs-xl);font-weight:700;color:var(--text);letter-spacing:-.02em;margin-bottom:var(--sp-4);line-height:1.3}.seo-section p{color:var(--text-muted);font-size:var(--fs-md);line-height:1.75;margin-bottom:var(--sp-4)}.seo-section strong{color:var(--text);font-weight:600}.seo-section code{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-sm);padding:2px 6px;font-size:.88em;color:#4ecdc4;font-family:var(--font)}.seo-steps{list-style:none;counter-reset:step;padding:0;margin:0}.seo-steps li{counter-increment:step;position:relative;padding-left:52px;margin-bottom:var(--sp-4);color:var(--text-muted);line-height:1.7;font-size:var(--fs-md)}.seo-steps li:before{content:counter(step);position:absolute;left:0;top:0;width:34px;height:34px;background:#4ecdc41a;border:1px solid rgba(78,205,196,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#4ecdc4;font-weight:700;font-size:var(--fs-sm)}.seo-features{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-4)}.seo-feature{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-5);transition:all var(--t-fast)}.seo-feature:hover{border-color:var(--border-strong);transform:translateY(-2px)}.seo-feature-icon{font-size:1.8rem;margin-bottom:var(--sp-3);line-height:1}.seo-feature h3{font-size:var(--fs-md);font-weight:600;color:var(--text);margin-bottom:var(--sp-2)}.seo-feature p{color:var(--text-muted);font-size:var(--fs-sm);line-height:1.6;margin:0}.seo-list{padding-left:var(--sp-5);color:var(--text-muted);font-size:var(--fs-md);line-height:1.8}.seo-list li{margin-bottom:var(--sp-2);padding-left:var(--sp-2)}.seo-list strong{color:var(--text)}.seo-faq{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:var(--sp-3);overflow:hidden;transition:border-color var(--t-fast)}.seo-faq[open]{border-color:#4ecdc44d}.seo-faq summary{padding:var(--sp-4) var(--sp-5);cursor:pointer;font-size:var(--fs-md);font-weight:600;color:var(--text);list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);-webkit-user-select:none;user-select:none}.seo-faq summary::-webkit-details-marker{display:none}.seo-faq summary:after{content:"+";font-size:1.3rem;color:#4ecdc4;font-weight:400;transition:transform var(--t-fast);flex-shrink:0;line-height:1}.seo-faq[open] summary:after{content:"−"}.seo-faq summary:hover{color:#4ecdc4}.seo-faq p{padding:0 var(--sp-5) var(--sp-5);color:var(--text-muted);font-size:var(--fs-sm);line-height:1.7;margin:0}@media (max-width: 640px){.seo-features{grid-template-columns:1fr}.seo-section h2{font-size:var(--fs-lg)}.seo-content{margin-top:var(--sp-6);padding-top:var(--sp-5)}}.pdf-tool.pe-fullwidth{max-width:1400px;margin:0 auto}.pe-editor{display:grid;grid-template-columns:90px 1fr 260px;gap:var(--sp-3);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-3);min-height:640px;height:calc(100vh - 260px)}.pe-sidebar-left{background:var(--bg-card);border-radius:var(--r-md);border:1px solid var(--border);padding:var(--sp-2);display:flex;flex-direction:column;gap:4px;overflow-y:auto}.pe-tool-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:var(--sp-2);background:transparent;border:1px solid transparent;border-radius:var(--r-sm);color:var(--text-muted);font-family:var(--font);font-size:.65rem;cursor:pointer;transition:all var(--t-fast)}.pe-tool-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border);color:var(--text)}.pe-tool-btn.active{background:#4ecdc41f;border-color:#4ecdc4;color:#4ecdc4}.pe-tool-btn:disabled{opacity:.35;cursor:not-allowed}.pe-tool-icon{font-size:1.3rem;line-height:1}.pe-tool-label{font-size:.62rem;text-transform:uppercase;letter-spacing:.05em}.pe-sidebar-divider{height:1px;background:var(--border);margin:var(--sp-2) 0}.pe-canvas-wrap{display:flex;flex-direction:column;gap:var(--sp-2);overflow:hidden}.pe-page-nav{display:flex;justify-content:center;align-items:center;gap:var(--sp-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-2);flex-shrink:0}.pe-page-nav button{background:transparent;border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-muted);font-family:var(--font);font-size:var(--fs-sm);padding:6px 12px;cursor:pointer;transition:all var(--t-fast)}.pe-page-nav button:hover:not(:disabled){background:var(--bg-hover);color:var(--text);border-color:var(--border-strong)}.pe-page-nav button:disabled{opacity:.3;cursor:not-allowed}.pe-page-counter{font-size:var(--fs-sm);color:var(--text);min-width:100px;text-align:center;font-weight:500}.pe-canvas-scroll{flex:1;background:#0a0b0d;border-radius:var(--r-md);overflow:auto;display:flex;justify-content:center;align-items:flex-start;padding:var(--sp-5)}.pe-canvas-scroll::-webkit-scrollbar{width:10px;height:10px}.pe-canvas-scroll::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:5px}.pe-canvas-page{position:relative;max-width:100%;height:fit-content;background:#fff;box-shadow:0 8px 40px #00000080;border-radius:2px;-webkit-user-select:none;user-select:none}.pe-canvas-page img{display:block;max-width:100%;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none}.pe-annotations-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.pe-annotations-layer>*{pointer-events:auto}.pe-ann{transition:filter var(--t-fast)}.pe-ann.selected{outline:1.5px dashed #4ecdc4;outline-offset:4px}.pe-resize-handle{position:absolute;width:10px;height:10px;background:#4ecdc4;border:2px solid #ffffff;border-radius:50%;z-index:10}.pe-handle-nw{top:-5px;left:-5px;cursor:nw-resize}.pe-handle-ne{top:-5px;right:-5px;cursor:ne-resize}.pe-handle-sw{bottom:-5px;left:-5px;cursor:sw-resize}.pe-handle-se{bottom:-5px;right:-5px;cursor:se-resize}.pe-draw-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.pe-sidebar-right{background:var(--bg-card);border-radius:var(--r-md);border:1px solid var(--border);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3);overflow-y:auto}.pe-panel-title{font-size:var(--fs-md);font-weight:600;color:var(--text);letter-spacing:-.01em}.pe-panel-hint{font-size:var(--fs-xs);color:var(--text-dim);line-height:1.5}.pe-option-label{display:block;font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:var(--sp-2);margin-bottom:var(--sp-1)}.pe-text-input{width:100%;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);font-family:var(--font);font-size:var(--fs-sm);padding:var(--sp-2) var(--sp-3);outline:none;transition:border-color var(--t-fast)}.pe-text-input:focus{border-color:#4ecdc4}.pe-delete-btn{margin-top:var(--sp-3);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--r-sm);color:#fca5a5;font-family:var(--font);font-size:var(--fs-sm);padding:var(--sp-2) var(--sp-3);cursor:pointer;transition:all var(--t-fast)}.pe-delete-btn:hover{background:#ef444433;border-color:#ef4444;color:#ef4444}.pe-save-wrap{margin-top:auto;padding-top:var(--sp-3);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--sp-2)}.pe-cancel-btn{background:transparent;border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-dim);font-family:var(--font);font-size:var(--fs-xs);padding:var(--sp-2);cursor:pointer;transition:all var(--t-fast)}.pe-cancel-btn:hover{border-color:var(--border-strong);color:var(--text)}@media (max-width: 1024px){.pe-editor{grid-template-columns:70px 1fr 200px}}@media (max-width: 768px){.pe-editor{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;height:auto;min-height:auto}.pe-sidebar-left{flex-direction:row;overflow-x:auto;overflow-y:hidden}.pe-sidebar-right{max-height:400px}.pe-canvas-scroll{min-height:400px}}.navbar-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.navbar-actions-desktop{margin-left:12px}.navbar-actions-mobile{display:none;margin-left:auto}.navbar-theme-btn{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);font-size:1.1rem;cursor:pointer;transition:all .15s;padding:0;flex-shrink:0}.navbar-theme-btn:hover{border-color:var(--border-strong);background:var(--bg-card);transform:translateY(-1px)}.navbar-theme-btn:active{transform:scale(.92)}.navbar-search-btn{display:flex;align-items:center;gap:6px;background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;padding:8px 12px;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:.78rem;color:var(--text-dim);transition:all .15s;flex-shrink:0}.navbar-search-btn:hover{border-color:var(--border-strong);color:var(--text-muted);background:var(--bg-card)}.navbar-search-icon{font-size:.85rem;line-height:1}.navbar-search-text{font-size:.78rem}.navbar-search-kbd{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-size:.65rem;color:var(--text-dim);font-family:JetBrains Mono,monospace;margin-left:4px}@media (max-width: 768px){.navbar-links-desktop,.navbar-actions-desktop{display:none}.navbar-actions-mobile{display:flex;margin-left:auto;gap:6px}.navbar-theme-btn{width:34px;height:34px;font-size:.95rem}}body.light-theme{--bg: #f5f5f7;--bg-elev: #ffffff;--bg-card: #ffffff;--bg-hover: #f0f0f2;--border: #e0e0e3;--border-strong: #c8c8cc;--text: #1a1a1a;--text-muted: #555555;--text-dim: #888888;--accent: #0ea5e9;--accent-soft: rgba(14, 165, 233, .12);--accent-hover: #0284c7;--danger: #dc2626;--success: #16a34a}body.light-theme{background:var(--bg);color:var(--text)}