:root{--bg: #f7f8f5;--surface: #fff;--border: #e1e5dd;--text: #22352b;--text-dim: #677268;--accent: #326b4b;--accent-dark: #255439;--soft: #edf3eb;--danger: #a13932;--paper: #fff;--on-accent: #fff;--shadow: color-mix(in srgb,var(--text) 9%,transparent);--overlay: color-mix(in srgb,var(--text) 45%,transparent) }*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:24px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button,a,input,summary,select{-webkit-tap-highlight-color:transparent}a{color:var(--accent)}button,a,summary{touch-action:manipulation}button{cursor:pointer}svg{flex-shrink:0;vertical-align:middle}:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 40%,transparent);outline-offset:3px}.container{max-width:1060px;margin:auto;padding:0 28px}.tool-page>.container{max-width:1016px}.site{background:var(--surface)}header.site{border-bottom:1px solid var(--border)}.header-inner{height:76px;display:flex;align-items:center;gap:36px}.logo{display:flex;align-items:center;gap:9px;font-size:21px;font-weight:700;letter-spacing:-.8px;color:var(--text);text-decoration:none;white-space:nowrap}.brand-mark{display:grid;place-items:center;background:var(--accent);color:var(--on-accent);font-size:22px;width:32px;height:32px;border-radius:10px;font-weight:500}.brand-dot{color:var(--accent);margin-left:-7px}.category-nav{display:flex;gap:28px;margin-left:auto}.category-nav a{font-size:13px;color:var(--text-dim);text-decoration:none}.category-nav a:hover{color:var(--accent)}.tools-menu{position:relative}.tools-menu>summary{display:flex;align-items:center;gap:12px;list-style:none;padding:8px 14px;border:1px solid var(--border);border-radius:8px;cursor:pointer;font-size:13px;font-weight:600}.tools-menu>summary::-webkit-details-marker{display:none}.tools-menu[open]>summary svg{transform:rotate(180deg)}.tools-popover{position:absolute;right:0;top:50px;z-index:100;width:280px;padding:20px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 12px 32px var(--shadow);display:grid;gap:18px}.tools-popover a{display:flex;align-items:center;gap:10px;font-size:13px;padding:8px 0;text-decoration:none;color:var(--text)}.tools-popover a:hover,.tools-popover a[aria-current=page]{color:var(--accent);font-weight:600}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--text-dim);text-transform:uppercase}.skip-link{position:absolute;top:-80px;left:12px;padding:10px;background:var(--surface);z-index:1000}.skip-link:focus{top:8px}main{padding:44px 0 48px;min-height:calc(100vh - 153px)}h1{font-size:36px;line-height:1.2;font-weight:650;letter-spacing:-1.2px}h2{font-size:20px;letter-spacing:-.4px}h3{font-size:15px}.lede{color:var(--text-dim);font-size:15px;margin-top:10px}.tool-heading{margin-bottom:26px}.tool-heading-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.back-link{display:flex;gap:10px;font-size:12px;text-decoration:none;color:var(--text-dim)}.back-link span{color:var(--border)}.privacy-note{display:flex;gap:6px;align-items:center;font-size:11px;color:var(--text-dim);text-decoration:none}.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 3px 8px color-mix(in srgb,var(--shadow) 25%,transparent)}.dropzone{padding:32px 20px;text-align:center;border:1px dashed color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:12px;background:var(--soft);cursor:pointer;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone.dragover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.dropzone-icon{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 14px;color:var(--accent);background:var(--surface);border:1px solid var(--border);border-radius:14px}.dropzone-title{font-size:15px;font-weight:650}.dropzone-prompt{font-size:14px;color:var(--text-dim)}.dropzone-hint{font-size:11px;color:var(--text-dim);margin-top:5px}.replace-file{display:none;font-size:12px;white-space:nowrap;color:var(--accent)}.dropzone.has-file{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:14px;padding:13px 16px;border-style:solid;background:var(--bg)}.dropzone.has-file .dropzone-icon,.dropzone.has-file .dropzone-prompt{display:none}.dropzone.has-file .dropzone-copy{min-width:0}.dropzone.has-file .dropzone-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.dropzone.has-file .replace-file{display:block}.dropzone[aria-disabled=true]{opacity:.6;cursor:wait}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;background:var(--accent);color:var(--on-accent);border:1px solid transparent;border-radius:9px;padding:10px 18px;min-height:42px;font-size:13px;font-weight:600;line-height:1.4;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}.btn:hover{background:var(--accent-dark);box-shadow:0 2px 6px var(--shadow)}.btn.secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn.secondary:hover{background:var(--soft);border-color:var(--accent)}button:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;box-shadow:none}.text-button{background:none;border:0;color:var(--text-dim);font-size:12px;padding:8px 0;cursor:pointer}.icon-btn{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid var(--border);border-radius:8px;background:var(--surface);font-size:18px;color:var(--text-dim)}input[type=range]{accent-color:var(--accent);min-width:0;cursor:pointer}input[type=checkbox]{accent-color:var(--accent);width:17px;height:17px}input[type=number],input[type=text],select{border:1px solid var(--border);border-radius:8px;padding:9px 12px;background:var(--surface);font-size:13px;min-width:0;max-width:100%}.field{display:grid;gap:8px;font-size:12px;font-weight:600}.field input[type=range]{width:100%}.label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.label-row output{font-weight:500;color:var(--accent);font-variant-numeric:tabular-nums}.field-help,.muted{font-size:12px;color:var(--text-dim);font-weight:400}.settings-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:20px 0}.settings-row .field{flex:1;min-width:200px}.settings-row .field-help{max-width:330px}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:20px}.actions.end{justify-content:flex-end;border-top:1px solid var(--border);padding-top:18px}.status{font-size:12px;color:var(--text-dim);margin-top:12px;overflow-wrap:anywhere}.status:empty{display:none}.status.error{color:var(--danger)}.progress{width:100%;height:5px;accent-color:var(--accent);margin-top:12px}.result-list{display:grid;gap:12px}.result-row{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:16px;border:1px solid var(--border);border-radius:12px}.result-row img{width:84px;height:72px;object-fit:contain;border-radius:7px;background:var(--bg)}.result-info{flex:1;min-width:140px;overflow-wrap:anywhere}.result-info h3{font-size:13px;margin-bottom:5px}.result-info p{font-size:12px;color:var(--text-dim)}.result-info .saving{color:var(--accent);font-weight:600}.result-row a[aria-disabled=true]{pointer-events:none}.result-row.updating{opacity:.65}.result-row.error{border-color:color-mix(in srgb,var(--danger) 40%,var(--border))}.result-row.error p{color:var(--danger)}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:14px;margin-top:20px}.gallery-card{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.gallery-preview{width:100%;height:170px;display:flex;align-items:center;justify-content:center;border:0;padding:14px;background:var(--bg);cursor:zoom-in}.gallery-preview img{display:block;max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 2px 6px var(--shadow)}.gallery-caption{padding:10px 12px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px}.gallery-caption a{font-weight:600;text-decoration:none}.image-viewer{margin:auto;width:min(860px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:20px;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--text)}.image-viewer[open]{display:flex;flex-direction:column;align-items:center;gap:18px}.image-viewer::backdrop,.png-editor::backdrop{background:var(--overlay);backdrop-filter:blur(5px)}.viewer-heading{width:100%;display:flex;justify-content:space-between;gap:16px;align-items:center}.viewer-heading h2{font-size:14px;overflow-wrap:anywhere}.image-viewer>img{display:block;max-width:100%;max-height:65dvh;min-height:0;object-fit:contain}.viewer-footer{display:flex;justify-content:flex-end;width:100%}.tool-help{margin-top:24px}.quick-steps{display:flex;justify-content:space-between;gap:16px;list-style:none;padding:0 4px 24px;border-bottom:1px solid var(--border)}.quick-steps li{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--text-dim)}.quick-steps li>span{display:grid;place-items:center;border:1px solid var(--border);width:23px;height:23px;flex-shrink:0;border-radius:50%;font-size:10px}.help-body{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding-top:26px}.help-body h2{font-size:15px}.help-body>div>p{font-size:12px;color:var(--text-dim);margin-top:4px}.faq{border-bottom:1px solid var(--border);padding:12px 0}.faq:first-child{padding-top:0}.faq:last-child{border-bottom:0}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none;font-size:12px;font-weight:500}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:var(--text-dim);font-size:16px;font-weight:400}.faq[open] summary span{transform:rotate(45deg)}.faq p{font-size:12px;color:var(--text-dim);padding-top:10px;max-width:65ch}.related-tools{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:28px;font-size:11px;color:var(--text-dim)}.related-tools a{display:flex;align-items:center;gap:6px;text-decoration:none}.footer-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px;color:var(--text-dim);border-top:1px solid var(--border)}footer.site{background:var(--bg)}.footer-inner a{display:flex;align-items:center;gap:6px;color:var(--text-dim);text-decoration:none}.media-workspace{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;margin-top:20px}.media-preview{min-width:0;display:flex;align-items:center;justify-content:center;background:var(--bg);border:1px solid var(--border);border-radius:12px;overflow:hidden}.media-preview video{display:block;width:100%;height:340px;object-fit:contain}.media-settings{display:grid;align-content:start;gap:18px}.media-settings .btn{width:100%}.media-settings .status{margin:0}.segmented{display:inline-flex;border:1px solid var(--border);background:var(--bg);padding:4px;border-radius:10px;gap:4px;margin-bottom:20px}.segmented button{padding:8px 20px;border:0;border-radius:7px;background:transparent;color:var(--text-dim);font-size:12px;font-weight:600}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--accent);box-shadow:0 1px 5px var(--shadow)}.pdf-file{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--border)}.pdf-file>span{flex:1;font-size:13px;min-width:0;overflow-wrap:anywhere}.pdf-file small{font-size:11px;color:var(--text-dim)}.page-select{position:relative;display:block;cursor:pointer}.page-select input{position:absolute;top:10px;left:10px;z-index:1}.page-select:has(input:checked){border-color:var(--accent);background:var(--soft)}.page-select .gallery-preview{cursor:pointer}.page-select:has(input:checked) .gallery-preview{background:var(--soft)}.selection-tools{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-top:20px;flex-wrap:wrap}.selection-tools .field{flex:1;min-width:180px}.selection-count{font-size:12px;color:var(--text-dim)}@media(max-width:700px){.container{padding:0 20px}.header-inner{height:64px;gap:12px;justify-content:space-between}.logo{font-size:19px}.brand-mark{width:28px;height:28px;font-size:20px}.category-nav{display:none}.tools-popover{width:min(300px,calc(100vw - 40px));top:46px}main{padding:26px 0 32px}h1{font-size:30px}.tool-heading-top{margin-bottom:18px}.back-link{font-size:11px}.privacy-note{font-size:10px}.tool-heading{margin-bottom:20px}.lede{font-size:13px;max-width:34ch}.tool-card{padding:16px;border-radius:13px}.dropzone{padding:26px 16px}.dropzone-title{font-size:14px}.dropzone-prompt{font-size:12px}.quick-steps{gap:12px;align-items:flex-start;padding-bottom:20px}.quick-steps li{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:7px;font-size:10px;line-height:1.5}.help-body{grid-template-columns:1fr;gap:18px;padding-top:20px}.help-body>div>p{display:none}.faq summary{font-size:12px}.footer-inner{flex-wrap:wrap;padding-top:20px;padding-bottom:20px;gap:10px;font-size:10px}.footer-inner>span{display:none}.media-workspace{grid-template-columns:1fr;gap:20px}.media-preview video{height:240px}.media-settings{gap:16px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gallery-preview{height:155px;padding:12px}.gallery-caption{font-size:10px;padding:9px}.result-row{padding:12px;gap:12px}.result-row .btn{margin-left:auto}.result-row img{width:64px;height:64px}.settings-row{gap:10px}.settings-row .field{min-width:100%}.btn{font-size:12px;padding:10px 14px}.related-tools{gap:12px}.image-viewer{padding:16px}.pdf-file{flex-wrap:wrap}.pdf-file>span{min-width:100%}.segmented{display:flex}.segmented button{flex:1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}#result:not(:empty){margin-top:20px}.compression-settings{padding:22px 0}.compression-mode{display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer}.compression-mode strong{display:block;font-size:13px}.compression-mode small{display:block;font-size:12px;color:var(--text-dim);margin-top:3px}.compression-mode input{appearance:none;flex-shrink:0;width:40px;height:24px;border-radius:20px;background:var(--border);padding:3px;cursor:pointer;transition:background .15s}.compression-mode input:before{content:"";display:block;width:18px;height:18px;border-radius:50%;background:var(--surface);box-shadow:0 1px 4px var(--shadow);transition:transform .15s}.compression-mode input:checked{background:var(--accent)}.compression-mode input:checked:before{transform:translate(16px)}.compression-settings>.field-help{margin-top:14px}.compression-fields{display:grid;grid-template-columns:1fr 1.4fr;align-items:start;gap:28px;margin-top:20px}.compression-warning{margin-top:14px}.strength-scale{display:flex;justify-content:space-between;font-size:10px;font-weight:400;color:var(--text-dim)}.compression-preview{display:grid;place-items:center;border:0;border-radius:8px;background:var(--bg);cursor:zoom-in}.result-detail{display:block;font-size:11px;color:var(--text-dim);margin-top:6px}.result-row.error .result-detail{color:var(--danger)}@media(max-width:700px){.compression-fields{grid-template-columns:1fr;gap:18px}}[dir=rtl] .tools-popover{right:auto;left:0;text-align:start}[dir=rtl] input[type=number],[dir=rtl] input[type=range],[dir=rtl] video,[dir=rtl] canvas{direction:ltr}[dir=rtl] .logo{direction:ltr;unicode-bidi:isolate}[dir=rtl] .tool-card,[dir=rtl] .flow-panel,[dir=rtl] .flow-card{text-align:start}[lang=ar] h1,[lang=hi] h1,[lang=ar] .eyebrow,[lang=hi] .eyebrow{letter-spacing:normal}.header-inner{min-height:64px;height:auto;padding-block:12px;gap:24px;flex-wrap:nowrap}.page-identity{display:flex;align-items:center;gap:16px;min-width:0}.task-header .header-inner{max-width:1016px}.title-divider{color:var(--border);font-size:22px;font-weight:400}.current-tool{margin:0;font-size:18px;line-height:1.4;letter-spacing:-.35px;overflow-wrap:anywhere}.header-actions{margin-inline-start:auto;display:flex;align-items:center;gap:22px;flex-shrink:0}.workflow-nav{color:var(--text-dim);font-size:12px;text-decoration:none}.workflow-nav:hover{color:var(--accent)}.language-compact{position:relative;display:flex;align-items:center;gap:4px;color:var(--text-dim);font-size:12px;min-height:36px;padding-inline:4px;white-space:nowrap}.language-compact select,.language-compact #site-language{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-width:none;padding:0;opacity:0;cursor:pointer}.language-compact:focus-within{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.tools-menu{flex-shrink:0}.tools-menu>summary{border:0;font-weight:400;color:var(--text-dim);padding:8px 0 8px 8px;gap:8px;min-height:36px}.tools-menu[open]>summary svg{transform:none}.tools-popover{right:auto;inset-inline-end:0;top:calc(100% + 12px);max-height:calc(100dvh - 100px);overflow:auto}.mobile-utilities{display:none}.tool-page{padding-top:24px}.tool-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px 28px;margin-bottom:20px}.tool-heading .lede{margin:0;font-size:13px;max-width:660px}.tool-heading .privacy-note{flex-shrink:0;font-size:11px}@media(max-width:760px){.header-inner{min-height:60px;gap:12px}.page-identity{gap:10px}.current-tool{font-size:16px;letter-spacing:-.2px}.header-actions{display:none}.tools-menu{margin-inline-start:auto}.menu-caption{display:none}.tools-menu>summary{padding:8px;min-width:36px;justify-content:center}.tools-popover{width:min(300px,calc(100vw - 40px))}.mobile-utilities{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--border)}.tool-heading{flex-direction:column;gap:8px;margin-bottom:16px}.tool-page{padding-top:18px}}#workflow-header[hidden]{display:none}.workflow-editing header.site .category-nav,.workflow-editing header.site .logo>span:not(.brand-mark),.workflow-editing header.site .header-actions{display:none}#workflow-header{display:flex;flex:1;flex-wrap:wrap;align-items:center;gap:8px 12px;min-width:0}#workflow-header .flow-title{margin:0;flex:1;min-width:140px;line-height:1.4}#workflow-header input{width:100%;font-size:17px;font-weight:600;padding:7px 8px;border-color:transparent;background:transparent}#workflow-header input:hover{border-color:var(--border)}#workflow-header input:focus{border-color:var(--accent)}#workflow-header button{padding:7px 12px;font-size:12px}#workflow-header .flow-status{width:100%;margin:0;min-height:0;font-size:11px}#workflow-header .flow-status:empty{display:none}.workflow-editing main{padding-top:16px}@media(max-width:480px){#workflow-header{gap:4px 8px}#workflow-header .flow-title{min-width:90px}#workflow-header input{font-size:16px;padding-inline:0}.workflow-editing .header-inner{gap:8px}}.workflow-editing .mobile-utilities{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:12px}fieldset{border:0;padding:0;margin:0;min-inline-size:0}.batch-actions,.page-navigation,.clip-actions{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;margin-block:1rem}.page-navigation{justify-content:space-between}.page-navigation .field{max-width:8rem}.page-window{min-height:10rem}.page-window .gallery-preview{aspect-ratio:3/4}.pdf-cover{width:3rem;height:4rem;object-fit:contain}.pdf-file .field{flex:1 1 8rem;min-width:0}.pdf-file{flex-wrap:wrap}.transparency-preview{background:repeating-conic-gradient(var(--border) 0% 25%,var(--surface) 0% 50%) 50%/16px 16px}.clip-editor{padding-block:1rem;border-top:1px solid var(--border)}.clip-strip{display:flex;overflow:hidden;border-radius:.5rem;min-height:3rem;background:var(--bg)}.clip-strip img{width:12.5%;aspect-ratio:16/9;object-fit:cover}.clip-editor .settings-row{gap:1rem}.clip-editor input[type=range]{width:100%}.clip-editor .field{flex:1;min-width:8rem}.result-row>.btn{flex-shrink:0}@media(max-width:600px){.batch-actions .btn{flex:1 1 auto}.result-row{flex-wrap:wrap}.page-navigation{gap:.5rem}.selection-tools{flex-wrap:wrap}}.clip-timeline{position:relative;padding-block:.75rem;margin-block:.5rem 1rem}.clip-timeline:after{content:"";position:absolute;pointer-events:none;inset-block:.75rem;left:var(--clip-start,0%);right:calc(100% - var(--clip-end,100%));border:2px solid var(--accent);border-radius:.35rem}.clip-timeline input[type=range]{position:absolute;inset:0;height:100%;margin:0;background:none;pointer-events:none;appearance:none;direction:ltr}.clip-timeline input[type=range]::-webkit-slider-runnable-track{background:transparent}.clip-timeline input[type=range]::-webkit-slider-thumb{appearance:none;pointer-events:auto;width:16px;height:64px;border:3px solid var(--surface);border-radius:5px;background:var(--accent);cursor:ew-resize;box-shadow:0 0 0 1px var(--accent)}.clip-timeline input[type=range]::-moz-range-thumb{pointer-events:auto;width:12px;height:60px;background:var(--accent);border:2px solid var(--surface);cursor:ew-resize}.clip-timeline input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.page-window{max-height:26rem;overflow:auto;overscroll-behavior:contain;padding:.25rem}.result-row img.transparency-preview{background:repeating-conic-gradient(var(--border) 0% 25%,var(--surface) 0% 50%) 50%/12px 12px}.media-settings .clip-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-block:.75rem}.media-settings .clip-actions .btn{width:100%;margin:0;padding-inline:.6rem;font-size:.875rem}.media-settings .clip-actions [data-loop]{grid-column:1 / -1}.feedback-link{appearance:none;background:none;border:0;color:var(--text-dim);font:inherit;font-size:13px;text-align:start;padding:8px 0;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.feedback-link:hover{color:var(--accent)}.feedback-link:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.feedback-prompt{margin-top:28px;padding:16px 0;border-top:1px solid var(--border)}.feedback-dialog{position:fixed;inset:0;margin:auto;width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--border);border-radius:20px;padding:28px;background:var(--surface);color:var(--text);box-shadow:0 16px 64px var(--shadow)}.feedback-dialog::backdrop{background:var(--overlay)}.feedback-dialog h2{font-size:24px;line-height:1.35;margin-bottom:10px}.feedback-intro{font-size:14px;color:var(--text-dim);margin-bottom:24px}.feedback-field{display:grid;gap:8px;font-size:14px;font-weight:500;margin-bottom:18px}.feedback-field input,.feedback-field textarea,.feedback-field select,#feedback-admin select{width:100%;min-height:44px;padding:11px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;font-weight:400}.feedback-field textarea{resize:vertical;line-height:1.65;min-height:100px}.feedback-field :is(input,textarea,select):focus-visible,#feedback-admin select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.feedback-muted{font-size:12px;font-weight:400;color:var(--text-dim);line-height:1.7;overflow-wrap:anywhere}.feedback-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:20px}.feedback-actions>.btn{min-height:44px}.feedback-notice{font-size:13px;line-height:1.6;overflow-wrap:anywhere}.feedback-notice:not(:empty){margin-top:12px}.feedback-trap{display:none}.feedback-success{padding:20px 0;line-height:1.7;color:var(--accent)}.feedback-admin-header{max-width:700px;padding:10px 0 20px}.feedback-admin-header h1{font-size:30px;margin-bottom:12px}.feedback-admin-header p{color:var(--text-dim);font-size:14px;line-height:1.7}#feedback-admin{padding-bottom:40px}#feedback-admin>.feedback-actions>select{width:auto;min-width:160px}.feedback-list{display:grid;gap:20px;margin-top:24px}.feedback-card{padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:16px;min-width:0}.feedback-card-meta{display:flex;justify-content:space-between;color:var(--text-dim);font-size:12px;gap:12px}.feedback-message{font-size:16px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;margin:16px 0}.feedback-card>a{font-size:14px;overflow-wrap:anywhere}.feedback-edit{display:grid;grid-template-columns:160px 1fr;gap:20px;margin-top:24px}.feedback-empty{padding:40px 20px;margin-top:24px;text-align:center;border:1px dashed var(--border);border-radius:14px;color:var(--text-dim)}@media(max-width:560px){.feedback-dialog{padding:22px}.feedback-dialog h2{font-size:21px}.feedback-edit{grid-template-columns:1fr;gap:0}.feedback-card{padding:20px}.feedback-admin-header h1{font-size:26px}}.feedback-field{align-content:start}.feedback-select{position:relative;display:block;min-width:0}.feedback-select select{appearance:none;padding-inline-end:42px!important}.feedback-select:after{content:"";position:absolute;inset-inline-end:16px;top:18px;width:7px;height:7px;border-inline-end:1.5px solid var(--text-dim);border-bottom:1.5px solid var(--text-dim);transform:rotate(45deg);pointer-events:none}[dir=rtl] .feedback-select:after{transform:rotate(-45deg)}#feedback-admin>.feedback-actions>.feedback-select{width:180px}