:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.5;color:#e7f3f1;background-color:#14201f;--bg-panel: #1c2827;--bg-panel-alt: #17201f;--border: #2a3836;--text-soft: #9db3af;--text-faint: #6d827e;--accent: #21a89e;--accent-hover: #2bc4b8;--accent-soft: #16332f;--danger: #f96e77;--danger-soft: #3a1f20;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}.app{max-width:640px;margin:0 auto;padding:2rem 1.25rem 3rem}.brand{display:flex;align-items:center;gap:.85rem;margin-bottom:1.5rem}.brand img{width:40px;height:40px;object-fit:contain;flex-shrink:0}h1{margin:0 0 .15rem;font-size:1.4rem}.subtitle{margin:0;color:var(--text-soft);font-size:.88rem}.panel{display:flex;flex-direction:column;gap:1rem;background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;padding:1.1rem;margin-bottom:1rem}.dropzone{border:1.5px dashed var(--border);border-radius:8px;padding:1.5rem 1rem;text-align:center;cursor:pointer;font-size:.88rem;color:var(--text-soft);transition:border-color .15s ease,background .15s ease}.dropzone-active{border-color:var(--accent);background:var(--accent-soft)}.dropzone-disabled{cursor:default;opacity:.6}.dropzone-title{margin:0 0 .2rem;font-weight:600;color:inherit}.dropzone-hint{margin:0;font-size:.78rem}.file-summary{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;padding:.6rem .8rem;border-radius:8px;background:var(--bg-panel-alt);border:1px solid var(--border);font-size:.85rem}.file-name{margin:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta{margin:0;color:var(--text-soft);flex-shrink:0}.options-form{display:flex;gap:1rem;flex-wrap:wrap}.options-field{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem;color:var(--text-soft);flex:1;min-width:130px}.options-input-row{display:flex;align-items:center;gap:.5rem}.options-input-row input{width:100%}.options-unit{color:var(--text-faint);font-size:.8rem}.options-hint{flex-basis:100%;margin:0;color:var(--text-faint);font-size:.76rem}select,input[type=number],button{border-radius:8px;border:1px solid var(--border);padding:.55em .75em;font-size:.9rem;font-family:inherit;color:inherit;background-color:var(--bg-panel-alt)}button{cursor:pointer;font-weight:600;transition:border-color .15s,background-color .15s,opacity .15s}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}.primary-action{width:100%;background-color:var(--accent);border-color:var(--accent);color:#06201d}.primary-action:hover:not(:disabled){background-color:var(--accent-hover);border-color:var(--accent-hover)}.error-banner{padding:.7rem .9rem;border-radius:8px;background:var(--danger-soft);border:1px solid var(--danger);color:var(--danger);font-size:.85rem;margin-top:.75rem}.results{margin-top:1.5rem}.results-summary p{margin:0 0 .3rem;font-size:.88rem;color:var(--text-soft)}.results-warning{color:var(--danger)!important;font-weight:600}.segment-list{list-style:none;margin:.75rem 0 0;padding:0;display:flex;flex-direction:column;gap:.4rem}.segment-row{display:flex;align-items:center;gap:.7rem;padding:.5rem .7rem;border-radius:8px;background:var(--bg-panel);border:1px solid var(--border);font-size:.85rem}.segment-row:hover{border-color:var(--accent)}.segment-row-oversized{border-color:var(--danger)}.segment-index{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:.78rem}.segment-pages{flex:1}.segment-bytes{color:var(--text-soft);font-variant-numeric:tabular-nums;font-size:.8rem}.segment-warning{color:var(--danger);font-weight:700;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em}.segment-download{padding:.35em .7em;font-size:.78rem;background:transparent}.results-actions{display:flex;gap:.6rem;margin-top:.9rem;flex-wrap:wrap}.secondary-action{flex:1;min-width:160px;background:var(--bg-panel-alt)}@media (prefers-color-scheme: light){:root{color:#142220;background-color:#f4f7f6;--bg-panel: #ffffff;--bg-panel-alt: #eef4f3;--border: #dbe6e4;--text-soft: #55645f;--text-faint: #8a9793;--accent: #0f7f8a;--accent-hover: #0c6871;--accent-soft: #dcf3f2;--danger: #d94b52;--danger-soft: #fbe4e4}.primary-action{color:#fff}}