:root{--bg: #f4ecdf;--bg-accent: #d8efe8;--bg-warm: #f9f4ea;--surface: rgba(255, 252, 247, .84);--surface-strong: #fffaf2;--surface-deep: #183247;--surface-deep-soft: #244961;--text: #182532;--text-soft: #516170;--text-inverse: #f9f5ee;--border: rgba(24, 50, 71, .12);--border-strong: rgba(24, 50, 71, .28);--teal: #0f9b8e;--teal-soft: rgba(15, 155, 142, .14);--amber: #f1a94d;--shadow-lg: 0 28px 80px rgba(24, 50, 71, .14);--shadow-md: 0 16px 40px rgba(24, 50, 71, .1);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;--max-width: 1380px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at top left,rgba(241,169,77,.18),transparent 30%),radial-gradient(circle at top right,rgba(15,155,142,.18),transparent 34%),linear-gradient(180deg,var(--bg) 0%,var(--bg-accent) 46%,var(--bg-warm) 100%);font-family:Avenir Next,Segoe UI,sans-serif;line-height:1.5}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input{font:inherit}.page-shell{width:min(calc(100% - 32px),var(--max-width));margin:0 auto;padding-bottom:56px}.site-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding:16px 22px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:#fff9f1d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-md)}.brand,.hero-copy h1,.hero-panel h2,.section-heading h2,.panel h3,.info-card h3,.next-tool-card h3{font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,serif;letter-spacing:-.02em}.brand{display:inline-flex;align-items:center;max-width:220px}.brand-logo{display:block;width:100%;height:auto}.site-nav{display:flex;align-items:center;gap:18px;color:var(--text-soft)}.site-nav a:hover,.site-nav a:focus-visible,.link-arrow:hover,.link-arrow:focus-visible{color:var(--surface-deep)}.header-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.btn:hover,.btn:focus-visible,.header-cta:hover,.header-cta:focus-visible{transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.52;transform:none}.btn-primary,.header-cta{color:var(--text-inverse);background:linear-gradient(135deg,var(--surface-deep),var(--teal));box-shadow:0 14px 30px #15455c38}.btn-secondary{color:var(--surface-deep);background:#ffffff6b;border-color:#1832471f}.btn-ghost{color:var(--surface-deep);background:var(--teal-soft);border-color:transparent}.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:28px;padding:44px 0 32px}.hero-copy,.hero-panel,.panel,.info-card,.next-tool-card{border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-xl);background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-lg);animation:rise-in .72s ease both}.hero-copy{padding:42px}.eyebrow,.panel-kicker{margin:0 0 12px;font-size:.82rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--teal)}.hero-copy h1{margin:0;font-size:clamp(2.8rem,5vw,5.2rem);line-height:.95}.hero-text,.section-heading>p,.panel-heading p,.selection-head p,.hero-panel p,.info-card p,.next-tool-card p{color:var(--text-soft)}.hero-text{max-width:62ch;margin:22px 0;font-size:1.08rem}.hero-actions,.button-row{display:flex;flex-wrap:wrap;gap:12px}.hero-list{display:grid;gap:10px;margin:28px 0 0;padding:0;list-style:none}.hero-list li{position:relative;padding-left:26px;color:var(--text)}.hero-list li:before{content:"";position:absolute;left:0;top:.55em;width:11px;height:11px;border-radius:999px;background:linear-gradient(135deg,var(--amber),var(--teal))}.hero-panel{padding:30px;background:radial-gradient(circle at top right,rgba(241,169,77,.12),transparent 42%),linear-gradient(180deg,#fffaf2f5,#f6fffbdb)}.hero-panel h2,.section-heading h2,.panel h3,.info-card h3,.next-tool-card h3{margin:0 0 12px}.hero-panel h2{font-size:clamp(2rem,3vw,3rem);line-height:1.02}.compact-hero{padding:44px 0 18px}.compact-hero h1{margin:0 0 14px;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,serif;font-size:clamp(2.4rem,4vw,4.2rem);letter-spacing:-.02em}.section-block{margin-top:24px}.directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.directory-card{padding:22px;border-radius:var(--radius-lg);border:1px solid var(--border);background:#ffffffb8;box-shadow:var(--shadow-md)}.directory-card h3{margin:12px 0 10px;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,serif;font-size:1.6rem;letter-spacing:-.02em}.directory-card p{margin:0 0 14px;color:var(--text-soft)}.directory-meta{display:flex;justify-content:space-between;align-items:center}.status-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#18324714;color:var(--surface-deep);font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.status-pill.is-live{background:#0f9b8e29;color:var(--teal)}.text-link{color:var(--teal);font-weight:700}.text-link.muted{color:var(--text-soft)}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;color:var(--text-soft)}.hero-stats{display:grid;gap:14px;margin-top:28px}.stat-card{padding:16px 18px;border:1px solid var(--border);border-radius:var(--radius-lg);background:#ffffffa8}.stat-card strong{display:block;margin-bottom:4px}.stat-card span{color:var(--text-soft)}.section-heading{max-width:58rem;margin-bottom:22px}.section-heading.compact{margin-bottom:20px}.section-heading h2{font-size:clamp(2rem,3vw,3.2rem)}.tool-layout{display:grid;grid-template-columns:300px minmax(0,1fr) 340px;gap:18px;align-items:start}.panel{padding:24px}.panel-heading{margin-bottom:16px}.panel-heading h3,.workspace-topbar h3,.selection-head h3{font-size:1.45rem}.field{display:grid;gap:8px;margin-bottom:16px}.field span{font-weight:700}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field input[type=number],.selection-input{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffffd6;color:var(--text)}.upload-zone{display:grid;margin-bottom:16px;border:2px dashed var(--border-strong);border-radius:var(--radius-lg);background:#ffffff80;transition:border-color .16s ease,background .16s ease}.upload-zone:hover,.upload-zone:focus-within{border-color:#0f9b8e99;background:#0f9b8e0f}.upload-zone.is-drag-active{border-color:var(--teal);background:var(--teal-soft)}.upload-zone-label{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 16px;cursor:pointer;text-align:center}.upload-zone-icon{color:var(--teal);margin-bottom:4px}.upload-zone-label strong{font-size:1rem;color:var(--surface-deep)}.upload-zone-hint{font-size:.88rem;color:var(--text-soft)}.upload-zone-formats{font-size:.78rem;font-weight:700;letter-spacing:.08em;color:var(--teal);text-transform:uppercase}.upload-zone-label input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.upload-error{margin:-8px 0 14px;padding:10px 14px;border-radius:var(--radius-sm);background:#a33f3f1a;border:1px solid rgba(163,63,63,.28);color:#a33f3f;font-size:.9rem}.panel-note{margin:18px 0;color:var(--text-soft)}.toggle-field{display:flex;align-items:center;gap:10px;margin:10px 0 14px;color:var(--text)}.toggle-field input{width:18px;height:18px;accent-color:var(--teal)}.toggle-field span{font-weight:700}.meta-card{padding:18px;border-radius:var(--radius-lg);background:#112e42f0;color:var(--text-inverse)}.meta-card h4{margin:0 0 14px}.image-meta{display:grid;gap:14px;margin:0}.image-meta div{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.14)}.image-meta div:last-child{padding-bottom:0;border-bottom:0}.image-meta dt{color:#f9f5eeb8}.image-meta dd{margin:0;text-align:right}.workspace-topbar,.selection-head{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:18px}.workspace-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:flex-end}.zoom-controls{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:999px;background:#ffffffb8}.zoom-range-field{display:flex;align-items:center;gap:10px;min-width:180px;color:var(--text-soft);font-size:.92rem;font-weight:700}.zoom-range-field input{width:100%;accent-color:var(--teal)}.zoom-button{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;border:1px solid var(--border);border-radius:999px;background:#ffffffeb;color:var(--surface-deep);cursor:pointer}.zoom-button:hover,.zoom-button:focus-visible{border-color:#0f9b8e6b;outline:none}.zoom-button:disabled{opacity:.42;cursor:not-allowed}.zoom-button.reset{min-width:62px;font-size:.86rem;font-weight:700}.zoom-readout{min-width:52px;text-align:right;font-weight:800;color:var(--surface-deep)}.link-arrow{color:var(--teal);font-weight:700}.stage-shell{position:relative;min-height:560px;padding:18px;display:grid;place-items:center;border-radius:var(--radius-xl);background:linear-gradient(135deg,#1832470d,#0f9b8e1a),#ffffff94;border:1px dashed var(--border-strong);overflow:auto}.stage-shell.is-loaded{place-items:start}.empty-state{display:grid;place-items:center;min-height:520px;padding:40px;text-align:center;color:var(--text-soft);gap:12px}.empty-state-icon{color:#1832474d}.empty-state strong{display:block;color:var(--surface-deep);font-size:1.3rem}.upload-cta{margin-top:8px;cursor:pointer}.stage-shell.is-drag-active{border-color:var(--teal);background:linear-gradient(135deg,#0f9b8e14,#0f9b8e26),#ffffff94}.image-stage{position:relative;display:inline-block;max-width:100%}.stage-workbench{display:inline-grid;grid-template-columns:42px auto;grid-template-rows:42px auto;gap:10px;align-items:start;justify-items:start;max-width:100%;width:fit-content;transform-origin:top left}.stage-viewport{width:fit-content;height:fit-content;min-width:100%}.stage-workbench.is-hidden{display:none}.ruler-corner,.ruler{border-radius:14px;border:1px solid rgba(24,50,71,.12);background:linear-gradient(180deg,#ffffffdb,#ebf6f4f0);box-shadow:var(--shadow-md)}.ruler-corner{display:grid;place-items:center;width:42px;height:42px;color:var(--teal);font-weight:800}.ruler{position:relative;overflow:visible;cursor:crosshair}.ruler:hover,.ruler:focus-visible{outline:2px solid rgba(15,155,142,.26);outline-offset:2px}.ruler.is-disabled{opacity:.45;cursor:not-allowed}.ruler:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.9}.ruler:after{content:"+ Add guide";position:absolute;color:#183247b8;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ruler-top{min-height:42px;width:100%}.ruler-top:before{background:repeating-linear-gradient(90deg,rgba(24,50,71,.16) 0,rgba(24,50,71,.16) 1px,transparent 1px,transparent 24px),linear-gradient(90deg,rgba(15,155,142,.12),transparent 50%,rgba(241,169,77,.12))}.ruler-top:after{right:14px;top:12px}.ruler-left{width:42px;height:100%}.ruler-left:before{background:repeating-linear-gradient(180deg,rgba(24,50,71,.16) 0,rgba(24,50,71,.16) 1px,transparent 1px,transparent 24px),linear-gradient(180deg,rgba(15,155,142,.12),transparent 50%,rgba(241,169,77,.12))}.ruler-left:after{left:50%;bottom:16px;transform:translate(-50%) rotate(-90deg);transform-origin:center;white-space:nowrap}.image-stage img{max-height:70vh;border-radius:16px;box-shadow:var(--shadow-md)}.image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;overflow:hidden}.cell-region{position:absolute;border:1px solid rgba(255,255,255,.38);background:#1832470f;transition:background .14s ease,box-shadow .14s ease,border-color .14s ease;cursor:pointer}.cell-region:hover,.cell-region:focus-visible{background:#f1a94d33;border-color:#f1a94dcc;outline:none}.cell-region.is-selected{background:#0f9b8e42;border-color:#0f9b8ee0;box-shadow:inset 0 0 0 1px #ffffffb8}.cell-tag,.cell-name-chip{position:absolute;left:8px;top:8px;display:inline-flex;align-items:center;max-width:calc(100% - 16px);padding:4px 8px;border-radius:999px;background:#183247c7;color:var(--text-inverse);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cell-name-chip{background:#0f9b8ee6}.guide-line{position:absolute;z-index:4;pointer-events:none}.guide-line.vertical{top:0;bottom:0;width:18px;margin-left:-9px}.guide-line.horizontal{left:0;right:0;height:18px;margin-top:-9px}.ruler-handle{position:absolute;z-index:6}.ruler-handle.vertical{top:0;bottom:0;width:24px;margin-left:-12px}.ruler-handle.horizontal{left:0;right:0;height:24px;margin-top:-12px}.ruler-handle-grab{position:absolute;z-index:7;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:0;border-radius:999px;background:#0f9b8ef5;color:var(--text-inverse);cursor:grab;touch-action:none;box-shadow:0 12px 24px #0f9b8e42}.ruler-handle-grab:before{content:"";width:12px;height:12px;border-radius:999px;border:2px solid rgba(255,255,255,.92)}.ruler-handle-grab:hover,.ruler-handle-grab:focus-visible{background:var(--surface-deep);outline:none}.ruler-handle.vertical .ruler-handle-grab{left:-1px;top:8px}.ruler-handle.horizontal .ruler-handle-grab{left:8px;top:-1px}.ruler-handle-remove{position:absolute;z-index:7;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:0;border-radius:999px;background:#183247eb;color:var(--text-inverse);font-size:.78rem;cursor:pointer;box-shadow:0 8px 16px #1832472e}.ruler-handle-remove:hover,.ruler-handle-remove:focus-visible{background:#a33f3f;outline:none}.ruler-handle.vertical .ruler-handle-remove{left:3px;bottom:8px}.ruler-handle.horizontal .ruler-handle-remove{right:8px;top:3px}.guide-mark{position:absolute;top:0;right:0;bottom:0;left:0}.guide-line.vertical .guide-mark:before,.guide-line.horizontal .guide-mark:before{content:"";position:absolute;border-radius:999px;background:linear-gradient(180deg,#ffffffe6,#0f9b8ef2);box-shadow:0 0 0 1px #ffffff61,0 10px 22px #0f9b8e3d}.guide-line.vertical .guide-mark:before{left:8px;top:0;bottom:0;width:2px}.guide-line.horizontal .guide-mark:before{left:0;right:0;top:8px;height:2px}.guide-line:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:var(--surface-strong);border:2px solid var(--teal);box-shadow:0 10px 18px #0f9b8e3d}.guide-line.vertical:after{left:1px;top:14px}.guide-line.horizontal:after{left:14px;top:1px}.selected-list{display:grid;gap:12px}.selection-card,.empty-selection,.next-tool-card,.info-card{padding:18px;border-radius:var(--radius-lg);background:#ffffffad;border:1px solid var(--border)}.empty-selection{color:var(--text-soft)}.selection-card{display:grid;gap:12px}.selection-card header{display:flex;align-items:center;justify-content:space-between;gap:12px}.selection-card strong{font-size:1rem}.selection-card-actions{display:flex;align-items:center;gap:10px}.btn-download-single{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--border);border-radius:999px;background:#0f9b8e1a;color:var(--teal);font-size:1rem;cursor:pointer}.btn-download-single:hover,.btn-download-single:focus-visible{background:var(--teal);color:var(--text-inverse);outline:none}.selection-card button{border:0;background:transparent;color:var(--text-soft);cursor:pointer}.selection-card button:hover,.selection-card button:focus-visible{color:#b33f3f}.selection-meta{color:var(--text-soft);font-size:.92rem}.info-grid,.next-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.next-tools{margin-top:32px}.next-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}a.next-tool-card{display:block;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease}a.next-tool-card:hover,a.next-tool-card:focus-visible{transform:translateY(-2px);box-shadow:var(--shadow-lg);outline:none}.faq-section{margin-top:32px}.faq-list{display:grid;gap:10px;max-width:72rem}.faq-item{border:1px solid var(--border);border-radius:var(--radius-lg);background:#ffffffad;overflow:hidden}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;font-weight:700;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";flex-shrink:0;font-size:1.4rem;font-weight:300;color:var(--teal);transition:transform .2s ease}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item summary:hover{background:#0f9b8e0f}.faq-item p{margin:0;padding:0 22px 18px;color:var(--text-soft);line-height:1.65}.site-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:38px;padding:18px 6px 0;color:var(--text-soft)}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1180px){.tool-layout{grid-template-columns:minmax(0,1fr)}.stage-shell{min-height:420px;place-items:start center}.selection-head,.workspace-topbar{flex-direction:column;align-items:start}.workspace-actions{width:100%;justify-content:space-between}}@media (max-width: 960px){.hero,.info-grid,.directory-grid,.next-tool-grid{grid-template-columns:minmax(0,1fr)}.site-header{flex-wrap:wrap;border-radius:26px}.site-nav{order:3;width:100%;flex-wrap:wrap}.brand{max-width:180px}}@media (max-width: 720px){body{font-size:15px}.page-shell{width:min(calc(100% - 20px),var(--max-width))}.hero-copy,.hero-panel,.panel{padding:20px}.stage-shell{min-height:320px;padding:12px}.workspace-actions,.zoom-controls{width:100%}.zoom-controls{flex-wrap:wrap;justify-content:flex-start;border-radius:24px}.zoom-range-field{min-width:100%}.stage-workbench{gap:8px;grid-template-columns:34px auto;grid-template-rows:34px auto}.ruler-corner,.ruler-top,.ruler-left{min-height:34px;width:auto}.ruler-corner,.ruler-left{width:34px}.ruler:after{font-size:.62rem}.ruler-handle.vertical .ruler-handle-grab{top:4px}.ruler-handle.horizontal .ruler-handle-grab{left:4px}.ruler-handle.vertical .ruler-handle-remove{bottom:4px}.ruler-handle.horizontal .ruler-handle-remove{right:4px}.empty-state{min-height:280px;padding:24px 18px}.field-grid{grid-template-columns:minmax(0,1fr)}}.xml-tool-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}.xml-input-panel,.xml-output-panel{min-width:0}.xml-textarea{display:block;width:100%;min-height:340px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffffd6;color:var(--text);font-family:Fira Code,Cascadia Code,Consolas,Menlo,monospace;font-size:.86rem;line-height:1.55;resize:vertical}.xml-textarea:focus{outline:2px solid rgba(15,155,142,.42);outline-offset:1px}.xml-input-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:14px}.char-count{color:var(--text-soft);font-size:.86rem}.xml-empty-state{display:grid;place-items:center;min-height:340px;padding:40px;text-align:center;color:var(--text-soft);border-radius:var(--radius-md);background:#ffffff70;border:1px dashed var(--border-strong)}.xml-empty-state strong{display:block;margin-bottom:8px;color:var(--surface-deep);font-size:1.3rem}.xml-status-banner{padding:16px 18px;border-radius:var(--radius-md);margin-bottom:16px}.xml-status-banner.is-valid{background:#0f9b8e1f;border:1px solid rgba(15,155,142,.3);color:var(--teal)}.xml-status-banner.is-invalid{background:#a33f3f1a;border:1px solid rgba(163,63,63,.28);color:#a33f3f}.xml-status-banner strong{display:block;font-size:1.05rem;margin-bottom:4px}.xml-error-message{margin:6px 0 0;font-size:.9rem;line-height:1.5;color:#7a2020}.xml-error-location{font-weight:700}.xml-output{overflow:auto;padding:16px;border-radius:var(--radius-sm);background:#183247f0;color:#d8efe8;font-family:Fira Code,Cascadia Code,Consolas,Menlo,monospace;font-size:.84rem;line-height:1.6;white-space:pre;max-height:560px}.xml-output code{font:inherit}@media (max-width: 860px){.xml-tool-layout{grid-template-columns:minmax(0,1fr)}}.tool-search-bar{margin-bottom:16px}.tool-search-input{width:100%;padding:10px 16px;border:1.5px solid var(--teal-border);border-radius:var(--radius-sm);background:var(--surface-card);color:var(--ink);font-size:1rem;font-family:inherit;outline:none;transition:border-color .15s}.tool-search-input:focus{border-color:var(--teal-accent)}.tool-search-input::placeholder{color:var(--ink-muted)}.category-filter-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.btn.is-active{background:var(--teal-accent);color:var(--surface-base);border-color:var(--teal-accent)}.category-tag{font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);background:var(--surface-base);border:1px solid var(--teal-border);border-radius:4px;padding:2px 6px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.favicon-tool-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:20px;align-items:start}.favicon-input-panel,.favicon-output-panel{min-width:0}.favicon-drop-zone{display:block;border:2px dashed var(--teal-border);border-radius:var(--radius-sm);padding:24px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;background:var(--surface-base);min-height:180px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.favicon-drop-zone:hover{border-color:var(--teal-accent);background:var(--surface-card)}.favicon-drop-prompt{display:flex;flex-direction:column;gap:4px;color:var(--ink-muted)}.favicon-drop-icon{font-size:2rem;line-height:1;margin-bottom:4px}.favicon-drop-types{font-size:.78rem;color:var(--ink-muted)}.favicon-source-preview{display:flex;flex-direction:column;align-items:center;gap:8px}.favicon-source-img{max-width:120px;max-height:120px;border-radius:4px;object-fit:contain}.favicon-drop-hint{font-size:.78rem;color:var(--ink-muted)}.favicon-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:16px}.favicon-preview-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;background:var(--surface-base);border:1px solid var(--teal-border);border-radius:var(--radius-sm);text-align:center}.favicon-preview-box{display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(#ccc,#ccc 25%,#fff 0%,#fff 50%) 0 0 / 16px 16px;border-radius:4px;overflow:hidden}.favicon-preview-box img{display:block;image-rendering:pixelated}.favicon-preview-meta{display:flex;flex-direction:column;gap:2px}.favicon-preview-meta strong{font-size:.85rem}.favicon-preview-filename{font-size:.72rem;color:var(--ink-muted);font-family:Fira Code,Cascadia Code,Consolas,monospace;word-break:break-all}.favicon-preview-note{font-size:.72rem;color:var(--ink-muted)}.word-counter-stats{display:flex;flex-direction:column;gap:0;padding:8px 0}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--teal-border);font-size:.95rem}.stat-row:last-child{border-bottom:none}.stat-row-highlight{background:var(--surface-base);border-radius:var(--radius-sm);font-weight:600}.stat-label{color:var(--ink-muted)}.stat-value{font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink-primary)}.case-converter-buttons{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0}.case-converter-buttons .btn{font-size:.82rem;padding:6px 12px}.dedup-options{display:flex;flex-direction:column;gap:10px;padding:12px 0}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:.9rem;cursor:pointer;color:var(--ink-primary)}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--teal-accent);cursor:pointer}.image-drop-zone{border:2px dashed var(--teal-border);border-radius:var(--radius-sm);padding:24px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;background:var(--surface-base);min-height:180px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;overflow:hidden}.image-drop-zone:hover,.image-drop-zone.is-dragging{border-color:var(--teal-accent);background:var(--surface-card)}.image-drop-zone.has-image{cursor:default;padding:8px}.drop-zone-prompt{display:flex;flex-direction:column;gap:4px;color:var(--ink-muted)}.drop-zone-prompt strong{color:var(--ink-primary)}.image-preview{max-width:100%;max-height:300px;object-fit:contain;border-radius:4px}.image-meta{display:flex;gap:16px;font-size:.82rem;color:var(--ink-muted);padding:6px 0 10px;flex-wrap:wrap}.image-meta-comparison{align-items:center}.savings-badge{background:var(--teal-accent);color:#fff;border-radius:4px;padding:2px 8px;font-size:.78rem;font-weight:600}.privacy-note{font-size:.82rem;color:var(--ink-muted);margin-top:8px}.resize-controls{display:flex;flex-direction:column;gap:12px;padding:4px 0 8px}.resize-dims{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.field-inline{display:flex;align-items:center;gap:8px;flex-direction:row!important}.dim-input{width:80px;padding:6px 8px;border:1px solid var(--teal-border);border-radius:var(--radius-sm);background:var(--surface-base);color:var(--ink-primary);font-size:.9rem}.dim-separator{color:var(--ink-muted);font-weight:600}.quality-slider{width:100%;accent-color:var(--teal-accent)}.select-input{width:100%;padding:6px 8px;border:1px solid var(--teal-border);border-radius:var(--radius-sm);background:var(--surface-base);color:var(--ink-primary);font-size:.9rem}.converter-mode-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}@media (max-width: 860px){.favicon-tool-layout{grid-template-columns:minmax(0,1fr)}}