:root{--primary-color:#14835b;--primary-hover:#096644;--text-color:#202d2b;--bg-color:#f7f9f8;--white:#fff;--border-color:#dfe6e2;--shadow:0 4px 18px #183f2e08;--shadow-hover:0 12px 28px #183f2e10;--muted:#687871}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:90px}body{color:var(--text-color);background:var(--bg-color);-webkit-font-smoothing:antialiased;font-family:Inter,Segoe UI,Microsoft YaHei,Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.48}a,button,input,textarea,select{outline-offset:4px}a:focus-visible,button:focus-visible{outline:3px solid #66bc99}input,select,textarea{color:var(--text-color);background:#fff;border:1px solid #ccd9d1;border-radius:8px;max-width:100%}input,select{min-height:44px;padding:9px 12px}textarea{resize:vertical;padding:16px}input:focus,select:focus,textarea:focus{outline-offset:1px;outline:2px solid #8fcbb0}ul{list-style:none}.container{width:min(1200px,100% - 64px);margin-inline:auto}.green,.text-link{color:var(--primary-color)}.muted{color:var(--muted);font-size:13px}.eyebrow{letter-spacing:.09em;color:var(--primary-color);margin-bottom:12px;font-size:12px;font-weight:700;display:block}.button{border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:11px 18px;font-size:14px;font-weight:600;line-height:1.5;transition:background .15s;display:inline-flex}.button.primary{background:var(--primary-color);color:#fff;border:1px solid var(--primary-color)}.button.primary:hover{background:var(--primary-hover)}.button.secondary{border:1px solid var(--border-color);background:#fff}.button.secondary:hover{background:#f0f6f2;border-color:#99bca9}.button.quiet{color:var(--muted)}.button.small{padding:7px 12px;font-size:13px}.button-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.status-dot{background:#1a9a69;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.section-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.section-heading h2{letter-spacing:-.5px;font-size:26px;line-height:1.4}.section-heading .eyebrow{margin-bottom:6px}.tool-symbol{width:46px;height:46px;color:var(--primary-color);background:#eaf4ee;border-radius:11px;justify-content:center;align-items:center;font-family:Consolas,monospace;font-size:23px;display:inline-flex}.processing-badge{white-space:nowrap;color:#337251;background:#ebf5ef;border:1px solid #d6e8dc;border-radius:30px;padding:4px 10px;font-size:11px;display:inline-flex}.content-date{color:var(--muted);font-size:12px;line-height:1.8}.content-date a{color:var(--primary-color);text-underline-offset:3px;text-decoration:underline}.site-header{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-color);background:#ffffffed;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:22px;max-width:1440px;min-height:76px;margin:auto;padding:0 36px;display:flex}.logo{letter-spacing:-.7px;white-space:nowrap;font-size:22px;font-weight:900;display:inline-block}.logo>span{color:#269b68;font-size:24px}.logo small{letter-spacing:0;color:#687871;border-left:1px solid #d4dfd8;margin-left:16px;padding-left:16px;font-size:11px;font-weight:400}.desktop-nav{align-items:center;gap:24px;font-size:13px;font-weight:600;display:flex}.desktop-nav>a,.nav-group>button{padding:26px 0}.desktop-nav .selected,.desktop-nav a:hover{color:var(--primary-color)}.nav-group{position:relative}.nav-group>button span{color:#87978d;margin-left:4px}.nav-dropdown{border:1px solid var(--border-color);min-width:200px;box-shadow:var(--shadow-hover);background:#fff;border-radius:12px;padding:8px;display:none;position:absolute;top:65px;left:-18px}.nav-group:hover .nav-dropdown,.nav-group:focus-within .nav-dropdown{display:block}.nav-dropdown a{white-space:nowrap;border-radius:6px;padding:8px 12px;display:block}.nav-dropdown a:hover{background:#f0f6f2}.header-actions{align-items:center;gap:18px;font-size:13px;display:flex}.mobile-menu-button{font-size:22px;display:none}.account-menu{position:relative}.account-menu summary{cursor:pointer}.account-menu>div{border:1px solid var(--border-color);background:#fff;border-radius:10px;min-width:210px;padding:16px;position:absolute;right:0}.account-menu p{margin-bottom:10px}.mobile-nav{border-top:1px solid var(--border-color);flex-wrap:wrap;gap:20px;padding:12px 24px;display:flex}.home{padding-top:58px;padding-bottom:64px}.home-hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:70px;padding:12px 0 66px;display:grid}.hero-copy h1{letter-spacing:-1.8px;margin-bottom:18px;font-size:46px;font-weight:800;line-height:1.38}.hero-copy>p{color:var(--muted);margin-bottom:28px;font-size:15px;line-height:1.9}.hero-secondary{margin-left:24px;font-size:13px;font-weight:600}.hero-notebook{background:#fff;border:1px solid #d7e2da;border-radius:16px;overflow:hidden;transform:rotate(-1deg);box-shadow:0 15px 32px #163c2a06}.notebook-top{border-bottom:1px solid var(--border-color);color:var(--muted);background:#f0f6f2;justify-content:space-between;align-items:center;padding:18px 22px;font-size:11px;display:flex}.mini-logo{color:#233b2d;letter-spacing:-.5px;font-size:15px;font-weight:900}.mini-logo>span{color:var(--primary-color)}.notebook-line{border-bottom:1px dashed #dfe7e1;align-items:center;gap:14px;margin:0 22px;padding:22px 0;display:flex}.notebook-line>span:last-child{margin-left:auto}.notebook-icon{color:#7a8e80;background:#f2f5f1;border-radius:6px;padding:8px;font-family:Consolas,monospace;font-size:11px}.notebook-line strong{font-size:14px}.notebook-line p{color:var(--muted);margin-top:3px;font-size:11px}.notebook-bottom{color:#687871;justify-content:space-between;gap:10px;padding:15px 22px;font-size:10px;display:flex}.directory{scroll-margin-top:110px}.search-field{border:1px solid var(--border-color);background:#fff;border-radius:9px;align-items:center;gap:8px;min-width:300px;padding:0 12px;display:flex}.search-field span{color:#7b8b81;font-size:25px}.search-field input{background:0 0;border:0;width:100%;padding-inline:0;font-size:12px}.search-field input:focus{outline:0}.search-field:focus-within{outline:2px solid #8fcbb0}.filter-tabs{border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:6px;padding-bottom:12px;display:flex}.filter-tabs button{color:#617369;border:1px solid #0000;border-radius:7px;align-items:center;gap:10px;padding:8px 15px;font-size:13px;display:flex}.filter-tabs button.active{color:#196a45;background:#e9f3ec;border-color:#ccdfd2;font-weight:600}.filter-tabs button:hover{background:#edf4ef}.filter-tabs button>span{opacity:.75;font-size:10px}.result-count{color:#76877c;margin:18px 0;font-size:11px}.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.directory-card{border:1px solid var(--border-color);background:#fff;border-radius:12px;flex-direction:column;padding:23px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.directory-card:hover{box-shadow:var(--shadow-hover);border-color:#96bda4;transform:translateY(-3px)}.card-top{justify-content:space-between;align-items:center;margin-bottom:19px;display:flex}.card-tag{color:#789082;font-size:10px}.directory-card h3{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:17px;display:flex}.card-arrow{color:#9cab9e;font-size:18px;font-weight:400}.directory-card>p{color:#6b7c72;flex:1;font-size:12px;line-height:1.9}.card-bottom{color:#849188;border-top:1px solid #eff2ef;justify-content:space-between;margin-top:22px;padding-top:15px;font-size:10px;display:flex}.card-bottom span{color:#337a53}.category-developer .tool-symbol{color:#5b68a1;background:#edf0f9}.category-text .tool-symbol{color:#a57241;background:#fcf1e7}.category-network .tool-symbol{color:#458098;background:#eaf4f7}.home-guides{margin-top:68px}.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.guide-card{border:1px solid var(--border-color);background:#fff;border-radius:12px;flex-direction:column;padding:26px;transition:border-color .18s;display:flex}.guide-card:hover{border-color:#8cb49a}.guide-number{color:var(--primary-color);letter-spacing:.05em;margin-bottom:20px;font-size:11px;font-weight:600}.guide-card h2,.guide-card h3{margin-bottom:12px;font-size:18px;line-height:1.7}.guide-card p{color:var(--muted);flex:1;font-size:12px;line-height:1.9}.guide-meta{color:#839086;justify-content:space-between;margin-top:28px;font-size:11px;display:flex}.guide-meta>span{color:#337a53}.workflow-banner{background:#eaf2e9;border:1px solid #d9e5d5;border-radius:12px;align-items:center;gap:20px;margin-top:32px;padding:28px;display:flex}.workflow-banner h2{font-size:17px}.workflow-banner p{color:var(--muted);margin-top:4px;font-size:12px}.workflow-banner>.button{white-space:nowrap;margin-left:auto}.empty-state{text-align:center;color:var(--muted);padding:40px 20px}.empty-state p{margin:10px 0 18px}.sidebar{border-right:1px solid var(--border-color);background:#fff;flex:0 0 220px;align-self:flex-start;width:220px;height:calc(100dvh - 77px);padding:28px 18px;position:sticky;top:77px;overflow-y:auto}.sidebar-home{color:var(--muted);margin:0 10px 25px;font-size:12px;display:block}.sidebar details{margin-bottom:24px}.sidebar summary{letter-spacing:.05em;color:#839388;cursor:pointer;margin:0 10px 12px;font-size:11px;font-weight:700}.sidebar nav{flex-direction:column;gap:3px;display:flex}.sidebar nav a{border-radius:7px;align-items:center;gap:10px;padding:10px;font-size:12px;display:flex}.sidebar nav a>span{text-align:center;color:#72947d;width:16px;font-family:Consolas,monospace}.sidebar nav a:hover{background:#f0f6f2}.sidebar nav a.active{color:#197448;background:#e8f3eb;font-weight:600}.sidebar-guide{border-top:1px solid var(--border-color);color:#427355;justify-content:space-between;padding:16px 10px;font-size:12px;display:flex}.utility-page{max-width:1100px;margin:auto}.breadcrumbs{color:var(--muted);align-items:center;gap:12px;margin-bottom:30px;font-size:12px;display:flex}.breadcrumbs a{color:var(--primary-color)}.utility-heading{align-items:center;gap:18px;margin-bottom:30px;display:flex}.utility-heading h1{letter-spacing:-.7px;font-size:28px}.utility-heading p{color:var(--muted);margin-top:4px;font-size:13px}.utility-heading>.processing-badge{margin-left:auto}.workspace{border:1px solid var(--border-color);background:#fff;border-radius:12px;padding:28px}.workspace h2{margin-bottom:20px;font-size:17px}.form-row{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.form-row label{flex-direction:column;gap:8px;min-width:0;font-size:12px;display:flex}.form-row .grow{flex:1;min-width:200px}.form-row input{width:100%}.form-row .button{min-height:44px}.current-time{background:#f1f6f1;border-radius:8px;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:30px;padding:16px;display:flex}.current-time>span{color:var(--muted);font-size:12px}.current-time code{font-size:18px}.current-time>.button{margin-left:auto}.result-table{border:1px solid var(--border-color);border-radius:8px;margin-top:24px;overflow:hidden}.result-table>div{grid-template-columns:180px minmax(0,1fr);align-items:stretch;font-size:13px;display:grid}.result-table>div+div{border-top:1px solid var(--border-color)}.result-table dt{color:var(--muted);background:#f7f9f7;padding:12px 16px}.result-table dd{overflow-wrap:anywhere;padding:12px 16px;font-family:Consolas,monospace}.workspace-divider{border-top:1px solid var(--border-color);margin:32px 0}.output-inline{background:#f0f6f2;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding:16px;display:flex}.output-inline code{overflow-wrap:anywhere}.workspace-toolbar,.workspace-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.workspace-toolbar{margin-bottom:20px}.inline-options label{align-items:center;gap:10px;font-size:12px;display:flex}.inline-options select{min-height:36px;padding:5px 10px}.editor-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.editor-grid label{color:#5e7165;flex-direction:column;gap:10px;min-width:0;font-size:12px;display:flex}.editor-grid textarea{width:100%;min-height:300px;font-family:Consolas,Microsoft YaHei,monospace;font-size:13px;line-height:1.8}.editor-grid textarea[readonly]{background:#fafcf9}.workspace-actions{margin-top:20px}.feedback-message{color:#256e43;overflow-wrap:anywhere;background:#edf7ef;border-radius:8px;margin-top:22px;padding:12px 16px;font-size:13px}.feedback-message.error{color:#a44435;background:#fff0ed}.info-note{color:var(--muted);margin:14px 0;font-size:12px;line-height:1.9}.text-stats{color:var(--muted);flex-wrap:wrap;gap:20px;margin-top:14px;font-size:11px;display:flex}.example-links{color:var(--muted);flex-wrap:wrap;gap:12px;margin-top:18px;font-size:11px;display:flex}.example-links button{color:var(--primary-color);text-decoration:underline}.dns-results{margin-top:24px}.dns-results li{border:1px solid var(--border-color);overflow-wrap:anywhere;background:#f3f7f3;border-radius:6px;margin-top:10px;padding:12px;font-size:13px}.tool-help{border:1px solid var(--border-color);text-align:left;background:#fff;border-radius:12px;margin-top:30px;padding:30px}.tool-help>.section-heading h2{font-size:20px}.tool-help>p{color:var(--muted);font-size:14px;line-height:1.95}.tool-help .step-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0;padding:0;list-style:none;display:grid}.step-list li{color:#536b5b;font-size:12px;line-height:1.9}.step-list li>span{color:var(--primary-color);text-align:center;background:#eff6f0;border-radius:6px;width:25px;margin-bottom:10px;font-size:11px;font-weight:700;display:block}.tool-help h3{margin-bottom:12px;font-size:16px}.tool-help details{border-top:1px solid var(--border-color);padding:14px 0}.tool-help summary{cursor:pointer;color:#345b43;font-size:13px;font-weight:600}.tool-help details p{color:var(--muted);padding:12px 0 0;font-size:13px;line-height:1.9}.guide-callout{color:#327249;background:#f0f6f1;border-radius:7px;justify-content:space-between;align-items:center;margin:16px 0;padding:16px;font-size:13px;display:flex}.tool-help .content-date{font-size:11px}.tool-view .tool-header h1{font-size:28px}.tool-view .tool-help{margin-top:35px}.tool-view{padding-bottom:20px}.reading-page{padding-top:46px;padding-bottom:70px}.reading-hero{text-align:center;margin:26px auto 50px}.reading-hero h1{letter-spacing:-1px;margin-bottom:16px;font-size:38px}.reading-hero>p{color:var(--muted);font-size:14px;line-height:1.9}.reading-page>.guide-grid{row-gap:24px}.article{max-width:820px;margin:0 auto}.article-header{padding:12px 0 32px}.article-header h1{letter-spacing:-1px;margin-bottom:18px;font-size:34px;line-height:1.6}.article-summary{color:var(--muted);margin-bottom:20px;font-size:17px;line-height:1.9}.article-toc{background:#edf4ed;border:1px solid #dae6d9;border-radius:10px;margin:8px 0 40px;padding:24px 28px}.article-toc strong{margin-bottom:12px;font-size:13px;display:block}.article-toc a{color:#4b7458;padding:5px 0;font-size:13px;display:block}.article-section{margin:36px 0;scroll-margin-top:100px}.article-section h2{margin-bottom:18px;font-size:22px}.article-section p{color:#52645a;margin-bottom:16px;font-size:15px;line-height:2.1}.article-tools{border-top:1px solid var(--border-color);padding:30px 0}.article-tools h2{margin-bottom:18px;font-size:17px}.not-found{padding:100px 0}.not-found h1{margin-bottom:20px;font-size:36px}.not-found p{color:var(--muted);margin-bottom:30px}.legal-page{width:min(900px,100% - 64px);padding:46px 0 70px}.legal-hero .content-date{color:#dcece4;margin-top:20px}.legal-hero .content-date a{color:#fff}.legal-page ul{list-style:outside}.legal-page p{overflow-wrap:anywhere}.site-footer{border-top:1px solid var(--border-color);background:#fff;margin-top:auto;padding:36px 0 20px}.footer-main{justify-content:space-between;align-items:center;gap:30px;padding-bottom:28px;display:flex}.footer-main p{color:var(--muted);margin-top:8px;font-size:11px}.footer-links{color:#576e5f;flex-wrap:wrap;gap:22px;font-size:12px;display:flex}.footer-links a:hover{color:var(--primary-color)}.footer-bottom{color:#8a978d;border-top:1px solid #e9eeea;flex-wrap:wrap;justify-content:space-between;gap:15px;padding-top:18px;font-size:10px;display:flex}@media (width>=1600px){.container{width:min(1280px,100% - 96px)}}@media (width<=1150px){.logo small{display:none}.desktop-nav{gap:18px}.header-inner{padding-inline:24px}.sidebar{flex-basis:190px;width:190px;padding-inline:12px}.home-hero{gap:36px}.hero-copy h1{font-size:39px}.hero-secondary{margin-left:14px}.directory-card{padding:20px}.utility-heading>.processing-badge{display:none}.workspace{padding:22px}}@media (width<=900px){.desktop-nav .nav-group{display:none}.mobile-menu-button{display:block}.home-hero{grid-template-columns:1fr;gap:30px}.hero-copy h1{font-size:43px}.hero-notebook{transform:none}.notebook-line{padding-block:16px}.home{padding-top:32px}.home-hero{padding-bottom:44px}.tools-grid,.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{align-items:flex-start}.section-heading h2{font-size:23px}.search-field{min-width:230px}.sidebar{display:none}.workflow-banner{flex-wrap:wrap}.workflow-banner>.button{margin-left:66px}.guide-grid .guide-card:last-child:nth-child(3){grid-column:1/-1}.home-guides{margin-top:48px}.footer-main{flex-direction:column;align-items:flex-start;gap:20px}.footer-links{gap:18px}.tool-help .step-list{grid-template-columns:1fr}.step-list li{align-items:flex-start;gap:12px;display:flex}.step-list li>span{flex:0 0 25px;margin:0}}@media (width<=600px){.container{width:calc(100% - 36px)}.header-inner{gap:14px;min-height:65px;padding-inline:18px}.logo{font-size:20px}.header-actions{gap:14px}.register-button{display:none}.desktop-nav{gap:18px;margin-left:auto;font-size:12px}.desktop-nav>a:first-child{display:none}.desktop-nav>a{padding-block:20px}.hero-copy h1{letter-spacing:-1.2px;font-size:33px}.hero-copy>p{font-size:13px}.hero-secondary{font-size:12px;display:inline-block}.hero-copy>.button{padding:10px 14px;font-size:12px}.hero-notebook{border-radius:12px}.notebook-top{padding:16px}.notebook-line{margin-inline:16px}.notebook-line p{font-size:10px}.notebook-bottom{padding:14px 16px;font-size:9px}.notebook-bottom>span{text-align:right;max-width:48%}.section-heading{flex-direction:column;gap:16px;margin-bottom:20px}.section-heading h2{font-size:22px}.search-field{width:100%;min-width:0}.filter-tabs{gap:2px}.filter-tabs button{gap:6px;padding:7px 10px;font-size:11px}.tools-grid{gap:12px}.directory-card{padding:16px}.card-top{align-items:flex-start;gap:6px;margin-bottom:16px}.tool-symbol{border-radius:8px;width:38px;height:38px;font-size:20px}.card-tag{font-size:8px}.directory-card h3{gap:8px;font-size:14px;line-height:1.6}.directory-card>p{font-size:11px;line-height:1.8}.card-bottom{margin-top:16px;padding-top:12px;font-size:9px}.card-bottom>span{display:none}.guide-grid{grid-template-columns:1fr}.guide-grid .guide-card:last-child:nth-child(3){grid-column:auto}.guide-card{padding:23px}.guide-number{margin-bottom:14px}.workflow-banner{gap:12px;padding:20px}.workflow-banner>.tool-symbol{display:none}.workflow-banner h2{font-size:16px}.workflow-banner>.button{margin:0}.desktop-break{display:none}.utility-heading{align-items:flex-start;gap:12px;margin-bottom:22px}.utility-heading h1{font-size:23px}.utility-heading p{font-size:12px}.utility-heading>.tool-symbol{flex-shrink:0}.workspace{padding:18px 14px}.editor-grid{grid-template-columns:1fr;gap:16px}.editor-grid textarea{min-height:220px}.workspace-actions>.button-group{gap:8px}.workspace-actions .button{padding:9px 12px;font-size:12px}.current-time{gap:10px;padding:12px}.current-time>span{width:100%;font-size:11px}.current-time code{font-size:16px}.form-row{gap:12px}.form-row .grow{flex:auto;min-width:100%}.form-row>label:not(.grow),.form-row>button{flex:1}.form-row select{width:100%;font-size:12px}.result-table>div{grid-template-columns:120px minmax(0,1fr);font-size:11px}.result-table dt,.result-table dd{padding:10px}.output-inline{font-size:12px}.tool-help{padding:22px 18px}.tool-help .section-heading{flex-direction:row;align-items:center;gap:10px}.tool-help>.section-heading h2{font-size:18px}.tool-help>p{font-size:13px}.guide-callout{padding:12px;font-size:12px}.reading-page{padding-top:28px}.reading-hero{margin-top:16px}.reading-hero h1{font-size:29px}.article-header h1{font-size:27px;line-height:1.6}.article-summary{font-size:15px}.article-toc{padding:20px}.article-section h2{font-size:20px}.article-section p{font-size:14px}.legal-page{width:calc(100% - 32px);padding-top:28px}.not-found{padding-top:70px}.not-found h1{font-size:28px}.footer-links{gap:10px 18px}.footer-bottom{flex-direction:column;gap:8px}.site-footer{padding-top:26px}.tool-view .tool-header h1{font-size:25px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.modal-overlay[data-v-32a75858]{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content[data-v-32a75858]{background-color:var(--white);width:100%;max-width:400px;box-shadow:var(--shadow-hover);border-radius:12px;padding:32px;animation:.3s ease-out forwards slideIn-32a75858;position:relative}@keyframes slideIn-32a75858{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.close-btn[data-v-32a75858]{color:#9ca3af;font-size:24px;transition:color .2s;position:absolute;top:16px;right:16px}.close-btn[data-v-32a75858]:hover{color:var(--text-color)}.modal-header[data-v-32a75858]{text-align:center;margin-bottom:24px}.modal-header h2[data-v-32a75858]{color:var(--primary-color);margin-bottom:8px;font-size:24px;font-weight:700}.subtitle[data-v-32a75858]{color:#6b7280;font-size:14px}.tabs[data-v-32a75858]{border-bottom:1px solid var(--border-color);margin-bottom:24px;display:flex}.tab-btn[data-v-32a75858]{color:#6b7280;flex:1;padding:12px 0;font-size:16px;font-weight:500;position:relative}.tab-btn.active[data-v-32a75858]{color:var(--primary-color)}.tab-btn.active[data-v-32a75858]:after{content:"";background-color:var(--primary-color);width:100%;height:2px;position:absolute;bottom:-1px;left:0}.form-group[data-v-32a75858]{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}input[data-v-32a75858]{border:1px solid var(--border-color);border-radius:8px;outline:none;width:100%;padding:12px 16px;font-size:14px;transition:border-color .2s}input[data-v-32a75858]:focus{border-color:var(--primary-color)}.code-input[data-v-32a75858]{gap:12px;display:flex}.btn-code[data-v-32a75858]{white-space:nowrap;background-color:var(--bg-color);color:var(--primary-hover);border-radius:8px;padding:0 16px;font-size:14px;font-weight:500}.btn-code[data-v-32a75858]:hover{background-color:#e5e7eb}.btn-submit[data-v-32a75858]{background-color:var(--primary-color);width:100%;color:var(--white);border-radius:8px;padding:12px;font-size:16px;font-weight:600;transition:background-color .2s}.btn-submit[data-v-32a75858]:hover{background-color:var(--primary-hover)}.modal-footer[data-v-32a75858]{text-align:center;color:#6b7280;margin-top:24px;font-size:14px}.modal-footer a[data-v-32a75858]{color:var(--primary-color);font-weight:500}.modal-footer a[data-v-32a75858]:hover{text-decoration:underline}.app-container{flex-direction:column;min-height:100dvh;display:flex}.main-layout{flex:1;min-width:0;min-height:0;display:flex}.content-wrapper{background-color:var(--bg-color);flex:1;min-width:0;min-height:0}.content-wrapper--full,.content-wrapper--full .page-content{padding:0}.page-content{min-height:100%;padding:36px}@media (width<=1024px){.page-content{padding:20px}}@media (width<=768px){.main-layout{flex-direction:column}.page-content{padding:10px 10px 12px}}.tool-view[data-v-ffb88609]{min-height:100%;padding:12px 24px 24px}.tool-header[data-v-ffb88609]{margin-bottom:20px}.tool-header h1[data-v-ffb88609]{color:#1f2937;margin-bottom:10px;font-size:28px;font-weight:700}.tool-features[data-v-ffb88609]{color:#4b5563;padding-left:20px;line-height:1.7;list-style:outside}.tool-workspace[data-v-ffb88609]{text-align:center;background-color:#f9fafb;border:1px dashed #d1d5db;border-radius:12px;min-width:0;padding:16px 20px 20px}.upload-steps[data-v-ffb88609]{color:#9ca3af;margin-bottom:20px;font-size:14px}.upload-box[data-v-ffb88609]{cursor:pointer;background-color:#fff;border:2px solid #0000;border-radius:12px;margin-bottom:16px;padding:28px 32px;transition:border-color .2s;box-shadow:0 4px 6px -1px #0000000d}.upload-box[data-v-ffb88609]:hover{border-color:var(--primary-color)}.upload-box.disabled[data-v-ffb88609]{cursor:not-allowed;opacity:.72}.upload-box.disabled[data-v-ffb88609]:hover{border-color:#0000}.upload-icon[data-v-ffb88609]{margin-bottom:12px;font-size:36px}.btn-primary[data-v-ffb88609]{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:9999px;margin-bottom:12px;padding:12px 24px;font-size:16px;font-weight:600;transition:background-color .2s}.btn-primary[data-v-ffb88609]:hover:not(:disabled){background-color:var(--primary-hover)}.btn-primary[data-v-ffb88609]:disabled{cursor:not-allowed;background-color:#9ca3af}.btn-secondary[data-v-ffb88609]{color:#4b5563;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:9999px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .2s}.btn-secondary[data-v-ffb88609]:hover{background-color:#f3f4f6}.btn-primary.compact[data-v-ffb88609],.btn-secondary.compact[data-v-ffb88609]{min-height:42px;margin-bottom:0;padding:10px 18px;font-size:15px}.upload-hint[data-v-ffb88609]{color:#9ca3af;font-size:13px}.privacy-confirmation[data-v-ffb88609]{justify-content:flex-end;margin-top:16px;display:flex}.privacy-agreement[data-v-ffb88609]{color:#6b7280;align-items:center;gap:8px;font-size:13px;display:inline-flex}.privacy-agreement a[data-v-ffb88609]{color:var(--primary-color);text-decoration:none}.privacy-agreement a[data-v-ffb88609]:hover{text-decoration:underline}.privacy-agreement input[data-v-ffb88609]{width:16px;height:16px;accent-color:var(--primary-color)}.preview-area[data-v-ffb88609]{flex-direction:column;align-items:center;gap:16px;display:flex}.preview-container[data-v-ffb88609]{flex-wrap:wrap;justify-content:center;gap:24px;width:100%;display:flex}.preview-box[data-v-ffb88609]{background-color:#fff;border-radius:12px;width:45%;min-width:280px;max-width:420px;padding:12px;box-shadow:0 4px 6px -1px #0000000d}.preview-box h4[data-v-ffb88609]{color:#374151;margin-bottom:8px}.image-name[data-v-ffb88609],.image-meta[data-v-ffb88609]{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1.5;overflow:hidden}.image-name[data-v-ffb88609]{margin-bottom:4px}.image-meta[data-v-ffb88609]{margin-bottom:8px}.preview-img[data-v-ffb88609]{object-fit:contain;border:1px solid #e5e7eb;border-radius:8px;max-width:100%;max-height:320px}.compressing-hint[data-v-ffb88609]{color:#9ca3af;background-color:#f3f4f6;border-radius:8px;justify-content:center;align-items:center;height:220px;display:flex}.controls[data-v-ffb88609]{background-color:#fff;border-radius:12px;width:100%;max-width:920px;padding:16px 18px;box-shadow:0 4px 6px -1px #0000000d}.controls-toolbar[data-v-ffb88609],.mode-toolbar[data-v-ffb88609]{justify-content:space-between;align-items:center;gap:16px;display:flex}.controls-toolbar[data-v-ffb88609]{margin-bottom:10px}.quality-control[data-v-ffb88609]{color:#374151;align-items:baseline;gap:10px;font-size:15px;font-weight:600;display:flex}.quality-value[data-v-ffb88609]{color:var(--primary-color);font-size:24px;line-height:1}.quality-slider[data-v-ffb88609]{margin-top:4px}.compression-message[data-v-ffb88609],.conversion-message[data-v-ffb88609],.resize-message[data-v-ffb88609],.watermark-message[data-v-ffb88609],.remove-watermark-message[data-v-ffb88609],.other-convert-message[data-v-ffb88609]{text-align:left;border-radius:10px;margin-bottom:16px;padding:12px 16px;font-size:14px;line-height:1.6}.compression-message[data-v-ffb88609]{color:#065f46;background-color:#ecfdf5}.conversion-message[data-v-ffb88609]{color:#1d4ed8;background-color:#eff6ff}.resize-message[data-v-ffb88609]{color:#5b21b6;background-color:#f5f3ff}.watermark-message[data-v-ffb88609]{color:#9a3412;background-color:#fff7ed}.remove-watermark-message[data-v-ffb88609]{color:#155e75;background-color:#ecfeff}.other-convert-message[data-v-ffb88609]{color:#166534;background-color:#f0fdf4}.quality-slider input[type=range][data-v-ffb88609]{width:100%;accent-color:var(--primary-color)}.convert-format[data-v-ffb88609]{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.convert-format label[data-v-ffb88609]{color:#374151;font-size:15px;font-weight:600}.format-options[data-v-ffb88609]{flex-wrap:wrap;gap:10px;display:flex}.format-chip[data-v-ffb88609]{color:#4b5563;background-color:#fff;border:1px solid #d1d5db;border-radius:9999px;padding:8px 14px;font-size:14px;font-weight:600;transition:all .2s}.format-chip[data-v-ffb88609]:hover{border-color:var(--primary-color);color:var(--primary-color)}.format-chip.active[data-v-ffb88609]{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.resize-panel[data-v-ffb88609]{flex-direction:column;gap:16px;display:flex}.resize-config-grid[data-v-ffb88609]{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.resize-card[data-v-ffb88609]{background:linear-gradient(#fff 0%,#f9fafb 100%);border:1px solid #e5e7eb;border-radius:14px;padding:14px;transition:border-color .2s,box-shadow .2s}.clickable-card[data-v-ffb88609]{cursor:pointer}.clickable-card[data-v-ffb88609]:focus-visible{outline-offset:2px;outline:2px solid #10b98173}.resize-card.active[data-v-ffb88609]{border-color:#86efac;box-shadow:0 8px 20px -16px #10b981e6}.card-title[data-v-ffb88609]{margin-bottom:12px}.card-body[data-v-ffb88609]{flex-direction:column;gap:10px;display:flex}.resize-helper[data-v-ffb88609]{color:#6b7280;font-size:12px;line-height:1.5}.option-row[data-v-ffb88609]{color:#374151;align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.option-row input[data-v-ffb88609]{accent-color:var(--primary-color)}.resize-select[data-v-ffb88609],.dimension-inputs input[data-v-ffb88609]{color:#374151;background-color:#fff;border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;font-size:14px}.resize-select[data-v-ffb88609]:disabled,.dimension-inputs input[data-v-ffb88609]:disabled{color:#9ca3af;background-color:#f3f4f6}.dimension-inputs[data-v-ffb88609]{color:#4b5563;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.dimension-field[data-v-ffb88609]{flex-direction:column;gap:6px;display:flex}.field-label[data-v-ffb88609]{color:#6b7280;font-size:12px;font-weight:500}.dimension-inputs input[data-v-ffb88609]{width:120px}.dimension-separator[data-v-ffb88609],.dimension-unit[data-v-ffb88609]{color:#6b7280;font-weight:600}.resize-actions-bar[data-v-ffb88609]{border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:14px;display:flex}.resize-summary[data-v-ffb88609]{color:#374151;flex-direction:column;align-items:flex-start;gap:4px;display:flex}.summary-label[data-v-ffb88609]{color:#6b7280;font-size:12px;font-weight:500}.watermark-panel[data-v-ffb88609]{flex-direction:column;gap:16px;display:flex}.watermark-tabs[data-v-ffb88609]{gap:10px;display:flex}.watermark-summary-card[data-v-ffb88609]{background:linear-gradient(#fff 0%,#f9fafb 100%);border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;align-items:flex-start;gap:12px;padding:16px;display:flex}.watermark-summary-tags[data-v-ffb88609]{flex-wrap:wrap;gap:10px;display:flex}.summary-chip[data-v-ffb88609]{color:#047857;background-color:#ecfdf5;border-radius:9999px;padding:6px 12px;font-size:13px;font-weight:700}.watermark-summary-text[data-v-ffb88609]{color:#4b5563;text-align:left;font-size:14px;line-height:1.6}.watermark-grid[data-v-ffb88609]{grid-template-columns:1.05fr .95fr;gap:16px;display:grid}.watermark-section[data-v-ffb88609]{background:linear-gradient(#fff 0%,#f9fafb 100%);border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;gap:14px;padding:14px;display:flex}.field-title[data-v-ffb88609]{color:#374151;text-align:left;font-size:14px;font-weight:700}.watermark-textarea[data-v-ffb88609]{resize:vertical;border:1px solid #d1d5db;border-radius:12px;width:100%;min-height:96px;padding:12px 14px;font-size:14px}.watermark-upload-row[data-v-ffb88609]{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.watermark-file-name[data-v-ffb88609]{color:#6b7280;font-size:13px}.watermark-inline-fields[data-v-ffb88609]{flex-wrap:wrap;gap:14px;display:flex}.inline-field[data-v-ffb88609]{color:#374151;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.inline-field input[type=range][data-v-ffb88609]{width:140px}.color-input[data-v-ffb88609]{background-color:#fff;border:1px solid #d1d5db;border-radius:10px;width:44px;height:36px;padding:2px}.position-mode-toggle[data-v-ffb88609]{gap:10px;display:flex}.position-grid[data-v-ffb88609]{grid-template-columns:repeat(3,42px);gap:8px;display:grid}.position-cell[data-v-ffb88609]{color:#6b7280;background:linear-gradient(#f9fafb 0%,#fff 100%);border:1px solid #d1d5db;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:42px;height:42px;transition:all .2s;display:flex}.position-cell[data-v-ffb88609]:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px)}.position-cell.active[data-v-ffb88609]{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:0 10px 18px -14px #10b981}.position-dot[data-v-ffb88609]{opacity:.85;background-color:currentColor;border-radius:9999px;width:8px;height:8px}.position-label[data-v-ffb88609]{font-size:10px;font-weight:700;line-height:1}.watermark-slider-list[data-v-ffb88609]{flex-direction:column;gap:12px;display:flex}.slider-row[data-v-ffb88609]{color:#374151;grid-template-columns:52px 1fr 58px;align-items:center;gap:12px;font-size:14px;font-weight:600;display:grid}.slider-row input[type=range][data-v-ffb88609]{width:100%}.watermark-actions[data-v-ffb88609]{border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:flex-end;gap:12px;padding-top:14px;display:flex}.watermark-modal-overlay[data-v-ffb88609]{z-index:1200;background-color:#0f172a73;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.watermark-modal[data-v-ffb88609]{background-color:#fff;border-radius:20px;flex-direction:column;width:min(1120px,100%);max-height:calc(100vh - 48px);display:flex;overflow:hidden;box-shadow:0 30px 80px -30px #0f172a73}.watermark-modal-header[data-v-ffb88609]{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.watermark-modal-header h3[data-v-ffb88609]{color:#111827;font-size:18px;font-weight:700}.modal-close-btn[data-v-ffb88609]{color:#6b7280;padding:4px 8px;font-size:22px}.modal-close-btn[data-v-ffb88609]:hover{color:#111827}.watermark-modal-body[data-v-ffb88609]{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:0;min-height:0;display:grid}.watermark-preview-stage[data-v-ffb88609]{background:linear-gradient(#f8fafc 0%,#eef2ff 100%);border-right:1px solid #e5e7eb;min-height:0;padding:20px}.watermark-preview-frame[data-v-ffb88609]{background-color:#fff;border-radius:18px;height:100%;min-height:420px;padding:14px;position:relative;overflow:auto;box-shadow:inset 0 0 0 1px #e5e7eb}.watermark-preview-img[data-v-ffb88609]{border-radius:12px;width:100%;height:auto;display:block}.watermark-editor-panel[data-v-ffb88609]{flex-direction:column;gap:16px;padding:20px;display:flex;overflow:auto}.watermark-modal-actions[data-v-ffb88609]{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding-top:8px;display:flex}.remove-watermark-panel[data-v-ffb88609]{flex-direction:column;gap:16px;display:flex}.remove-editor-card[data-v-ffb88609]{background:linear-gradient(#fff 0%,#f9fafb 100%);border:1px solid #e5e7eb;border-radius:14px;grid-template-columns:minmax(0,1fr) minmax(280px,1.35fr);align-items:stretch;gap:16px;padding:14px;display:grid}.remove-editor-copy[data-v-ffb88609]{text-align:left;color:#4b5563;flex-direction:column;justify-content:center;gap:8px;line-height:1.6;display:flex}.remove-editor-copy strong[data-v-ffb88609]{color:#111827;font-size:16px}.remove-editor-copy span[data-v-ffb88609]{font-size:13px}.remove-selection-stage[data-v-ffb88609]{cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:none;background-color:#f3f4f6;border-radius:12px;width:100%;max-height:360px;display:inline-block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #e5e7eb}.remove-selection-img[data-v-ffb88609]{object-fit:contain;pointer-events:none;width:100%;max-height:360px;display:block}.remove-selection-box[data-v-ffb88609]{border:2px solid var(--primary-color);pointer-events:none;background-color:#10b98133;border-radius:8px;position:absolute;box-shadow:0 0 0 9999px #0f172a3d}.remove-actions-bar[data-v-ffb88609]{border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:14px;display:flex}.remove-controls[data-v-ffb88609]{text-align:left;flex-direction:column;gap:8px;min-width:260px;display:flex}.compact-slider[data-v-ffb88609]{grid-template-columns:44px 160px 44px;gap:10px}.remove-selection-meta[data-v-ffb88609]{color:#6b7280;font-size:13px;line-height:1.5}.other-convert-panel[data-v-ffb88609]{flex-direction:column;gap:16px;display:flex}.other-convert-card[data-v-ffb88609]{text-align:left;background:linear-gradient(#fff 0%,#f9fafb 100%);border:1px solid #e5e7eb;border-radius:14px;grid-template-columns:minmax(240px,.85fr) minmax(0,1.15fr);gap:16px;padding:14px;display:grid}.other-convert-copy[data-v-ffb88609]{color:#4b5563;flex-direction:column;justify-content:center;gap:8px;line-height:1.6;display:flex}.other-convert-copy strong[data-v-ffb88609]{color:#111827;font-size:17px}.other-convert-copy span[data-v-ffb88609],.other-progress em[data-v-ffb88609],.other-result-meta[data-v-ffb88609]{color:#6b7280;font-size:13px;font-style:normal}.other-progress[data-v-ffb88609]{flex-direction:column;gap:6px;margin-top:4px;display:flex}.other-progress-bar[data-v-ffb88609]{background-color:#e5e7eb;border-radius:9999px;height:8px;overflow:hidden}.other-progress-bar span[data-v-ffb88609]{border-radius:inherit;background-color:var(--primary-color);height:100%;transition:width .2s;display:block}.other-text-result[data-v-ffb88609]{color:#374151;resize:vertical;border:1px solid #d1d5db;border-radius:12px;width:100%;min-height:180px;padding:12px 14px;font-size:14px;line-height:1.7}.other-actions-bar[data-v-ffb88609]{border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:14px;display:flex}.pdf-batch-layout[data-v-ffb88609]{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:18px;width:100%;max-width:1120px;display:grid}.pdf-file-panel[data-v-ffb88609],.pdf-build-panel[data-v-ffb88609]{background-color:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px;box-shadow:0 4px 10px -8px #0f172a38}.pdf-panel-heading[data-v-ffb88609]{text-align:left;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.pdf-panel-heading>div[data-v-ffb88609],.pdf-build-card[data-v-ffb88609]{flex-direction:column;gap:4px;display:flex}.pdf-panel-heading strong[data-v-ffb88609],.pdf-build-card h3[data-v-ffb88609]{color:#111827;font-size:16px;line-height:1.4}.pdf-panel-heading span[data-v-ffb88609],.pdf-build-card p[data-v-ffb88609],.pdf-progress em[data-v-ffb88609]{color:#6b7280;font-size:12px;font-style:normal;line-height:1.5}.pdf-image-grid[data-v-ffb88609]{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px;max-height:430px;padding-right:4px;display:grid;overflow-y:auto}.pdf-image-card[data-v-ffb88609]{background:linear-gradient(#fff 0%,#f9fafb 100%);border:1px solid #e5e7eb;border-radius:12px;min-width:0;padding:8px;position:relative}.pdf-image-card img[data-v-ffb88609]{object-fit:cover;cursor:zoom-in;background-color:#f3f4f6;border-radius:9px;width:100%;height:104px;display:block}.pdf-remove-btn[data-v-ffb88609]{z-index:1;color:#fff;background-color:#111827b8;border-radius:9999px;justify-content:center;align-items:center;width:22px;height:22px;font-size:16px;line-height:1;display:inline-flex;position:absolute;top:4px;right:4px}.pdf-remove-btn[data-v-ffb88609]:disabled{opacity:.45;cursor:not-allowed}.pdf-image-meta[data-v-ffb88609]{text-align:left;flex-direction:column;gap:3px;margin-top:7px;display:flex}.pdf-image-meta strong[data-v-ffb88609],.pdf-image-meta span[data-v-ffb88609]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pdf-image-meta strong[data-v-ffb88609]{color:#374151;font-size:12px}.pdf-image-meta span[data-v-ffb88609]{color:#9ca3af;font-size:11px}.pdf-build-panel[data-v-ffb88609]{flex-direction:column;gap:12px;display:flex;position:sticky;top:12px}.pdf-build-card[data-v-ffb88609]{text-align:left}.pdf-progress[data-v-ffb88609]{flex-direction:column;gap:7px;margin-top:8px;display:flex}.pdf-actions[data-v-ffb88609]{flex-direction:column;gap:10px;display:flex}.pdf-actions button[data-v-ffb88609]{width:100%}.action-buttons[data-v-ffb88609]{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.clickable[data-v-ffb88609]{cursor:zoom-in;transition:transform .2s}.clickable[data-v-ffb88609]:hover{transform:scale(1.02);box-shadow:0 10px 15px -3px #0000001a}.fullscreen-preview[data-v-ffb88609]{z-index:9999;cursor:zoom-out;background-color:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fullscreen-preview img[data-v-ffb88609]{object-fit:contain;cursor:default;border-radius:4px;max-width:90vw;max-height:90vh;box-shadow:0 25px 50px -12px #00000080}.preview-close[data-v-ffb88609]{color:#fff;cursor:pointer;background-color:#fff3;border-radius:9999px;padding:8px 16px;font-size:16px;font-weight:700;transition:background-color .2s;position:absolute;top:24px;right:32px}.preview-close[data-v-ffb88609]:hover{background-color:#fff6}@media (width<=1024px){.tool-view[data-v-ffb88609]{padding:10px 20px 20px}.tool-workspace[data-v-ffb88609]{padding:14px 16px 18px}.privacy-confirmation[data-v-ffb88609]{justify-content:center}.mode-toolbar[data-v-ffb88609]{flex-direction:column;align-items:stretch}.resize-config-grid[data-v-ffb88609],.watermark-grid[data-v-ffb88609]{grid-template-columns:1fr}.resize-actions-bar[data-v-ffb88609]{flex-direction:column;align-items:stretch}.watermark-actions[data-v-ffb88609]{justify-content:flex-start}.remove-editor-card[data-v-ffb88609],.other-convert-card[data-v-ffb88609],.pdf-batch-layout[data-v-ffb88609]{grid-template-columns:1fr}.pdf-build-panel[data-v-ffb88609]{position:static}.remove-actions-bar[data-v-ffb88609]{flex-direction:column;align-items:stretch}.watermark-modal-body[data-v-ffb88609]{grid-template-columns:1fr}.watermark-preview-stage[data-v-ffb88609]{border-bottom:1px solid #e5e7eb;border-right:none}}@media (width<=768px){.tool-view[data-v-ffb88609]{padding:8px 16px 16px}.tool-workspace[data-v-ffb88609]{padding:12px 12px 16px}.privacy-confirmation[data-v-ffb88609]{margin-top:12px}.privacy-agreement[data-v-ffb88609]{flex-wrap:wrap;justify-content:center;line-height:1.6}.tool-header[data-v-ffb88609]{margin-bottom:16px}.tool-header h1[data-v-ffb88609]{margin-bottom:8px}.tool-features[data-v-ffb88609]{line-height:1.6}.upload-steps[data-v-ffb88609]{margin-bottom:16px}.upload-box[data-v-ffb88609]{padding:24px 16px}.preview-container[data-v-ffb88609]{gap:16px}.preview-box[data-v-ffb88609]{width:100%;min-width:0;max-width:none}.controls[data-v-ffb88609]{padding:16px 14px}.controls-toolbar[data-v-ffb88609],.mode-toolbar[data-v-ffb88609]{flex-direction:column;align-items:stretch;gap:12px}.quality-control[data-v-ffb88609]{justify-content:space-between}.quality-value[data-v-ffb88609]{font-size:22px}.action-buttons[data-v-ffb88609],.resize-buttons[data-v-ffb88609],.watermark-actions[data-v-ffb88609],.remove-buttons[data-v-ffb88609],.other-buttons[data-v-ffb88609]{justify-content:stretch;gap:10px}.action-buttons button[data-v-ffb88609],.resize-buttons button[data-v-ffb88609],.watermark-actions button[data-v-ffb88609],.remove-buttons button[data-v-ffb88609],.other-buttons button[data-v-ffb88609]{flex:1}.remove-controls[data-v-ffb88609]{min-width:0}.compact-slider[data-v-ffb88609]{grid-template-columns:1fr}.other-actions-bar[data-v-ffb88609],.pdf-panel-heading[data-v-ffb88609]{flex-direction:column;align-items:stretch}.pdf-image-grid[data-v-ffb88609]{grid-template-columns:repeat(2,minmax(0,1fr));max-height:360px}.pdf-image-card img[data-v-ffb88609]{height:96px}.dimension-inputs[data-v-ffb88609]{align-items:stretch}.dimension-inputs input[data-v-ffb88609],.dimension-field[data-v-ffb88609]{width:100%}.watermark-inline-fields[data-v-ffb88609],.watermark-upload-row[data-v-ffb88609],.position-mode-toggle[data-v-ffb88609]{flex-direction:column;align-items:stretch}.position-grid[data-v-ffb88609]{grid-template-columns:repeat(3,1fr)}.position-cell[data-v-ffb88609]{width:100%}.slider-row[data-v-ffb88609]{grid-template-columns:1fr}.watermark-modal-overlay[data-v-ffb88609]{padding:12px}.watermark-modal[data-v-ffb88609]{max-height:calc(100vh - 24px)}.watermark-modal-actions[data-v-ffb88609]{flex-direction:column}.watermark-modal-actions button[data-v-ffb88609]{width:100%}}.policy-date[data-v-484d2a31]{color:#d4e6da;overflow-wrap:anywhere;margin-top:20px;font-size:12px}.policy-date a[data-v-484d2a31]{color:#fff;text-decoration:underline}.legal-page[data-v-484d2a31]{max-width:980px;margin:0 auto}.legal-hero[data-v-484d2a31]{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1f2937 45%,#047857 100%);border-radius:24px;margin-bottom:24px;padding:40px 36px;box-shadow:0 24px 60px -32px #0f172a80}.legal-kicker[data-v-484d2a31]{letter-spacing:.14em;opacity:.78;margin-bottom:12px;font-size:12px}.legal-hero h1[data-v-484d2a31]{margin-bottom:16px;font-size:42px;line-height:1.1}.legal-summary[data-v-484d2a31]{color:#ffffffe0;max-width:760px;font-size:16px;line-height:1.8}.legal-card[data-v-484d2a31]{background-color:#fff;border:1px solid #e5e7eb;border-radius:20px;margin-bottom:18px;padding:28px;box-shadow:0 18px 50px -34px #0f172a40}.legal-card h2[data-v-484d2a31]{color:#111827;margin-bottom:14px;font-size:22px}.legal-card p[data-v-484d2a31]{color:#4b5563;margin-bottom:12px;line-height:1.9}.legal-list[data-v-484d2a31]{color:#4b5563;padding-left:20px;line-height:1.9}@media (width<=768px){.legal-hero[data-v-484d2a31]{border-radius:18px;padding:28px 20px}.legal-hero h1[data-v-484d2a31]{font-size:32px}.legal-card[data-v-484d2a31]{border-radius:16px;padding:22px 18px}}.crop-upload[data-v-bcfed57b]{text-align:center;cursor:pointer;background:#f7fbf8;border:2px dashed #bbd6c5;border-radius:10px;flex-direction:column;align-items:center;gap:10px;padding:28px;display:flex}.crop-upload span[data-v-bcfed57b]{color:var(--muted);font-size:12px}.crop-upload input[data-v-bcfed57b]{width:100%;max-width:340px;font-size:12px}.crop-layout[data-v-bcfed57b]{grid-template-columns:minmax(0,1fr) 240px;gap:26px;display:grid}.crop-stage[data-v-bcfed57b]{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;background:repeating-conic-gradient(#e3e8e5 0% 25%,#fff 0% 50%) 0/16px 16px;width:100%;line-height:0;position:relative;overflow:hidden}.crop-stage img[data-v-bcfed57b]{pointer-events:none;width:100%;height:auto;display:block}.crop-selection[data-v-bcfed57b]{cursor:move;border:2px solid #fff;outline:1px solid #14835b;min-width:0;min-height:0;position:absolute;box-shadow:0 0 0 20000px #10281d77}.crop-thirds[data-v-bcfed57b]{pointer-events:none;background:linear-gradient(90deg,#0000 33%,#fff6 33% 33.3%,#0000 33.3% 66.5%,#fff6 66.5% 66.8%,#0000 66.8%),linear-gradient(#0000 33%,#fff6 33% 33.3%,#0000 33.3% 66.5%,#fff6 66.5% 66.8%,#0000 66.8%);position:absolute;inset:0}.crop-handle[data-v-bcfed57b]{z-index:2;background:#14835b;border:2px solid #fff;border-radius:3px;width:18px;height:18px;position:absolute}.nw[data-v-bcfed57b]{cursor:nwse-resize;top:-8px;left:-8px}.ne[data-v-bcfed57b]{cursor:nesw-resize;top:-8px;right:-8px}.sw[data-v-bcfed57b]{cursor:nesw-resize;bottom:-8px;left:-8px}.se[data-v-bcfed57b]{cursor:nwse-resize;bottom:-8px;right:-8px}.crop-size[data-v-bcfed57b]{color:#fff;pointer-events:none;white-space:nowrap;background:#143825bb;padding:2px 6px;font-size:11px;line-height:1.6;position:absolute;bottom:8px;left:8px}.crop-settings[data-v-bcfed57b]{flex-direction:column;gap:16px;display:flex}.crop-settings label[data-v-bcfed57b]{flex-direction:column;gap:6px;font-size:12px;display:flex}.crop-fields[data-v-bcfed57b]{grid-template-columns:1fr 1fr;gap:10px;display:grid}.crop-fields input[data-v-bcfed57b]{width:100%}.crop-result[data-v-bcfed57b]{border-top:1px solid var(--border-color);flex-direction:column;align-items:flex-start;gap:18px;margin-top:28px;padding-top:24px;display:flex}.crop-result img[data-v-bcfed57b]{object-fit:contain;background:repeating-conic-gradient(#e3e8e5 0% 25%,#fff 0% 50%) 0/16px 16px;max-width:100%;max-height:400px}@media (width<=700px){.crop-layout[data-v-bcfed57b]{grid-template-columns:1fr}.crop-settings[data-v-bcfed57b]{grid-template-columns:1fr 1fr;align-items:end;display:grid}.crop-fields[data-v-bcfed57b]{grid-column:1/-1}.crop-upload[data-v-bcfed57b]{padding:20px 12px}.crop-settings .button[data-v-bcfed57b]{grid-column:1/-1}}.ip-copy-button[data-v-e556007d]{border:1px solid var(--border-color);width:32px;height:32px;color:var(--primary-color);background:#fff;border-radius:6px;flex:0 0 32px;justify-content:center;align-items:center;padding:6px;display:inline-flex}.ip-copy-button[data-v-e556007d]:hover{border-color:var(--primary-color);background:#e3f0e7}.ip-copy-button[data-v-e556007d]:focus-visible{outline:2px solid var(--primary-color);outline-offset:3px}.ip-consent[data-v-e556007d]{color:var(--muted);align-items:flex-start;gap:10px;margin-top:20px;font-size:12px;display:flex}.ip-consent input[data-v-e556007d]{flex-shrink:0;min-height:0;margin-top:4px}.ip-consent a[data-v-e556007d]{color:var(--primary-color);text-decoration:underline}.ip-connection[data-v-e556007d]{background:#f0f6f2;border-radius:10px;flex-wrap:wrap;align-items:center;gap:14px;margin-top:18px;padding:18px;display:flex}.ip-connection>code[data-v-e556007d]{overflow-wrap:anywhere;max-width:100%;font-size:20px}.ip-connection>p[data-v-e556007d]{flex-basis:100%;margin:0}.ip-result[data-v-e556007d]{margin-top:28px}.ip-result .section-heading h2[data-v-e556007d]{margin:0}.content-date a[data-v-e556007d]{color:var(--primary-color)}
