[hidden]{display:none!important}:root{color-scheme:light;--color-primary:#134ed0;--color-primary-hover:#1c4cd3;--color-primary-light:#eff6ff;--color-primary-text:#134ed0;--color-bg:#f8fafc;--color-surface:#ffffff;--color-text:#1e293b;--color-text-muted:#455061;--color-border:#e2e8f0;--color-border-interactive:#7793b9;--color-success:#159f48;--color-success-text:#116731;--color-error:#b01c1c;--color-fig-fg:#0a3496;--color-fig-mid:#6b90d0;--radius:10px;--radius-lg:16px;--shadow:0 1px 3px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.08);--shadow-lg:0 8px 24px rgba(0,0,0,0.12);--max-width:860px;--transition:0.2s cubic-bezier(0.4, 0, 0.2, 1)}[data-theme=dark]{color-scheme:dark;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-success:#16a34a;--color-error:#dc2626;--color-primary-light:#1e3a5f;--color-primary-text:#8dbffb;--color-bg:#0f172a;--color-surface:#1e293b;--color-text:#f1f5f9;--color-text-muted:#b9cce6;--color-border:#334155;--color-border-interactive:#6c84a7;--color-success-text:#4ade80;--color-fig-fg:#d3e4fe;--color-fig-mid:#4a7fbe;--shadow:0 1px 3px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.3);--shadow-lg:0 8px 24px rgba(0,0,0,0.4)}::selection{background:rgba(37,99,235,.2)}[data-theme=dark] ::selection{background:rgba(96,165,250,.35)}*{margin:0;padding:0;box-sizing:border-box}.skip-link{position:absolute;top:-64px;left:0;background:var(--color-primary);color:#fff;padding:8px 16px;z-index:100;transition:top var(--transition);border-radius:0 0 var(--radius) 0}.skip-link:focus{top:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}body{font-family:Inter,'Noto Sans JP',-apple-system,BlinkMacSystemFont,'Segoe UI','Hiragino Sans',sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}html[lang=zh] body{font-family:Inter,'Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI','Hiragino Sans',sans-serif}.article-related h2,.article-related__card h3,.article-related__card p,.article-section h2,.article-section li,.article-section p,.glossary-body li,.glossary-body p,.glossary-description,.home-hero__subtitle,.home-tools__card h3,.home-tools__card p,.legal-content p,.list-page__title,.tool-description,.tool-guide p,.tool-title,h1{line-break:strict}.article-related h2,.article-related__card h3,.article-section h2,.home-tools__card h3,.list-page__title,.tool-title,h1{text-wrap:balance;word-break:auto-phrase}.article-related__card p,.article-section p,.glossary-body p,.glossary-description,.home-tools__card p,.legal-content p,.tool-description,.tool-guide p{text-wrap:pretty}.article-section li,.article-section p,.glossary-body li,.glossary-body p,.glossary-description,.legal-content p,.tool-guide p{overflow-wrap:break-word}body{font-feature-settings:"palt" 1}.article-list__date,.article-meta,.article-section code,.compare-slider__label,.exif-table,.footer__copy,.glossary-body code,.options__value,.result__comparison{font-feature-settings:normal}.header{position:sticky;top:0;z-index:40;background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:0 20px;height:56px;display:flex;align-items:center;gap:16px;backdrop-filter:blur(8px);background:rgba(255,255,255,.92)}[data-theme=dark] .header{background:rgba(30,41,59,.92)}.header__logo{font-size:1.25rem;font-weight:800;color:var(--color-primary);text-decoration:none;letter-spacing:-.02em;display:flex;align-items:center;gap:8px}.header__icon{width:28px;height:28px}.header__logoimg{height:22px;width:auto;display:block}:root{--tap-min:44px}.site-header__pc{display:none}.header__actions{display:flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0}.site-header__menu{display:inline-flex;align-items:center;justify-content:center;width:var(--tap-min);height:var(--tap-min);padding:0;border:1px solid var(--color-border-interactive);border-radius:6px;background:0 0;color:var(--color-text-muted);cursor:pointer;transition:color var(--transition),border-color var(--transition),background var(--transition)}.site-header__menu[hidden]{display:none!important}.site-header__menu:focus-visible,.site-header__menu:hover,.site-header__menu[aria-expanded=true]{color:var(--color-text);border-color:var(--color-text-muted);background:var(--color-bg)}.site-header__menu-icon{display:block}.site-header__menu-icon--close{display:none}.site-header__menu[aria-expanded=true] .site-header__menu-icon--open{display:none}.site-header__menu[aria-expanded=true] .site-header__menu-icon--close{display:block}.header__theme-btn{display:inline-flex;align-items:center;justify-content:center;background:0 0;border:none;cursor:pointer;width:var(--tap-min);height:var(--tap-min);padding:0;color:var(--color-text-muted);border-radius:6px;transition:background var(--transition),color var(--transition)}.header__theme-btn:hover{background:var(--color-bg);color:var(--color-text)}.header__theme-icon{width:18px;height:18px;display:block}.header__theme-icon--sun{display:none}[data-theme=dark] .header__theme-icon--moon{display:none}[data-theme=dark] .header__theme-icon--sun{display:block}.header__lang{position:relative}.header__lang-btn{display:inline-flex;align-items:center;gap:4px;font-size:.875rem;font-weight:600;padding:8px 10px;min-height:36px;background:var(--color-bg);color:var(--color-text-muted);border:1px solid var(--color-border-interactive);border-radius:6px;cursor:pointer;transition:all var(--transition)}.header__lang-btn:hover{color:var(--color-primary);border-color:var(--color-primary)}[data-theme=dark] .header__lang-btn:hover{color:var(--color-primary-text);border-color:var(--color-primary-text)}.header__lang-menu{display:none;position:absolute;right:0;top:calc(100% + 6px);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:4px;min-width:76px;z-index:60}.header__lang.open .header__lang-menu{display:block}.header__lang-menu a{display:block;padding:10px 14px;font-size:.875rem;font-weight:600;border-radius:6px;text-decoration:none;color:var(--color-text-muted);transition:all var(--transition)}.header__lang-menu a:hover{background:var(--color-bg);color:var(--color-text)}.header__lang-menu a.active{background:var(--color-primary);color:#fff}@media (min-width:1024px){.site-header__pc{display:flex}.site-header__pc-nav{flex:1 1 auto;min-width:0;align-items:center;gap:4px;white-space:nowrap}.site-header__pc-nav a{display:inline-flex;align-items:center;min-height:var(--tap-min);padding:0 10px;font-size:1rem;font-weight:500;color:var(--color-text-muted);text-decoration:none;border-radius:6px;border-bottom:2px solid transparent;transition:color var(--transition),background var(--transition)}.site-header__pc-nav a:focus-visible,.site-header__pc-nav a:hover{background:var(--color-primary-light);color:var(--color-primary)}[data-theme=dark] .site-header__pc-nav a:focus-visible,[data-theme=dark] .site-header__pc-nav a:hover{color:#93c5fd}.site-header__pc-nav a[aria-current]{color:var(--color-text);font-weight:600;border-bottom-color:var(--color-primary);border-radius:6px 6px 0 0}.site-drawer,.site-header__menu{display:none!important}}.site-drawer{position:fixed;inset:0;z-index:200}.site-drawer[hidden]{display:none!important}.site-drawer__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45);opacity:0;transition:opacity .2s ease-out}.site-drawer__panel{position:absolute;top:0;right:0;bottom:0;width:100%;display:flex;flex-direction:column;padding:0 0 max(1.5rem,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:var(--color-surface);color:var(--color-text);transform:translateX(100%);transition:transform .2s ease-out}.site-drawer.is-open .site-drawer__backdrop{opacity:1}.site-drawer.is-open .site-drawer__panel{transform:none}@media (prefers-reduced-motion:reduce){.site-drawer__backdrop,.site-drawer__panel{transition:none}}.site-drawer-open,.site-drawer-open body{overflow:hidden}.site-drawer__top{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:0 6px 0 20px;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.site-drawer__title{font-size:1rem;font-weight:600;color:var(--color-text)}.site-drawer__close{display:inline-flex;align-items:center;justify-content:center;width:var(--tap-min);height:var(--tap-min);padding:0;border:0;border-radius:6px;background:0 0;color:var(--color-text);cursor:pointer}.site-drawer__close:focus-visible,.site-drawer__close:hover{background:var(--color-bg)}.site-drawer__group{padding:6px 0 4px}.site-drawer__heading{margin:8px 20px 2px;padding:0;border:0;font-size:.875rem;font-weight:500;line-height:1.5;letter-spacing:.02em;color:var(--color-text-muted)}.site-drawer__list{list-style:none;margin:0;padding:0}.site-drawer__list a{display:flex;align-items:center;min-height:48px;padding:0 20px 0 calc(20px - 3px);font-size:1rem;color:var(--color-text);text-decoration:none;border-left:3px solid transparent;transition:background var(--transition),color var(--transition)}.site-drawer__list a:focus-visible,.site-drawer__list a:hover{background:var(--color-bg);color:var(--color-primary)}[data-theme=dark] .site-drawer__list a:focus-visible,[data-theme=dark] .site-drawer__list a:hover{color:var(--color-primary-text)}.site-drawer__list a[aria-current]{font-weight:600;border-left-color:var(--color-primary)}.site-drawer__settings{margin:6px 0;padding:8px 20px;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.site-drawer__row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--tap-min)}.site-drawer__row--lang{display:block;padding:4px 0}.site-drawer__row-label{font-size:1rem;color:var(--color-text)}.site-drawer__row--lang .site-drawer__row-label{display:block;margin-bottom:6px}.site-drawer__lang{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}.site-drawer__lang a,.site-drawer__lang span{display:inline-flex;align-items:center;min-height:var(--tap-min);padding:0 14px;border:1px solid var(--color-border-interactive);border-radius:999px;font-size:.875rem;font-weight:600;color:var(--color-text-muted);text-decoration:none}.site-drawer__lang a:focus-visible,.site-drawer__lang a:hover{color:var(--color-primary);border-color:var(--color-primary)}[data-theme=dark] .site-drawer__lang a:focus-visible,[data-theme=dark] .site-drawer__lang a:hover{color:var(--color-primary-text);border-color:var(--color-primary-text)}.site-drawer__lang [aria-current]{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.site-drawer__aux{margin-top:auto;padding:6px 0 4px}.site-drawer__aux .site-drawer__list a{min-height:var(--tap-min);color:var(--color-text-muted)}.main{flex:1;max-width:var(--max-width);margin:0 auto;padding:32px 20px;width:100%}.tool-title{font-size:1.5rem;font-weight:800;margin-bottom:8px;letter-spacing:-.02em;display:flex;align-items:center;gap:10px}.tool-title__icon{width:32px;height:32px;display:inline-flex}.tool-title__icon svg{width:100%;height:100%}canvas.tool-canvas-preview{max-width:100%;height:auto;display:block;border-radius:var(--radius);margin-top:16px}.tool-description{color:var(--color-text-muted);margin-bottom:28px;font-size:1rem}.dropzone{border:2px dashed var(--color-border-interactive);border-radius:var(--radius-lg);padding:56px 24px;text-align:center;cursor:pointer;transition:all var(--transition);background:var(--color-surface);position:relative;overflow:hidden}.dropzone::before{content:'';display:block;width:36px;height:36px;margin:0 auto 12px;background-color:var(--color-text-muted);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.3;transition:all var(--transition)}.dropzone.dragover,.dropzone:hover{border-color:var(--color-primary);background:var(--color-primary-light);transform:scale(1.01)}.dropzone.dragover::before,.dropzone:hover::before{opacity:.7;background-color:var(--color-primary);transform:translateY(4px)}[data-theme=dark] .dropzone--has-file,[data-theme=dark] .dropzone.dragover,[data-theme=dark] .dropzone:hover,[data-theme=dark] .home-drop--picked,[data-theme=dark] .home-drop--picked:hover,[data-theme=dark] .home-drop.dragover,[data-theme=dark] .home-drop:hover{border-color:var(--color-primary-text)}[data-theme=dark] .dropzone.dragover .dropzone__paste-hint,[data-theme=dark] .dropzone.dragover .dropzone__text,[data-theme=dark] .dropzone:hover .dropzone__paste-hint,[data-theme=dark] .dropzone:hover .dropzone__text,[data-theme=dark] .home-drop.dragover .home-drop__paste,[data-theme=dark] .home-drop.dragover .home-drop__sub,[data-theme=dark] .home-drop:hover .home-drop__paste,[data-theme=dark] .home-drop:hover .home-drop__sub{color:#cbd5e1}.dropzone:focus{outline:2px solid var(--color-primary);outline-offset:2px}.dropzone:focus:not(:focus-visible){outline:0}.dropzone:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.dropzone__text{color:var(--color-text-muted);white-space:pre-line;font-size:.9375rem}.dropzone input[type=file]{display:none}.dropzone__limit{margin-top:6px;font-size:.875rem;color:var(--color-text-muted)}.dropzone__paste-hint{margin-top:10px;font-size:.875rem;color:var(--color-text-muted)}.dropzone--has-file .dropzone__paste-hint{display:none}@media (pointer:coarse){.dropzone__paste-hint{display:none}}.dropzone__preview{max-width:100%;max-height:200px;border-radius:var(--radius);margin-top:12px;object-fit:contain}.dropzone--has-file{border-style:solid;border-color:var(--color-primary);background:rgba(37,99,235,.03)}.dropzone__change{display:block;margin:8px auto 0;padding:6px 14px;font-size:.875rem;font-weight:600;color:var(--color-primary);background:0 0;border:1px solid var(--color-primary);border-radius:var(--radius);cursor:pointer;transition:all var(--transition)}.dropzone__change:hover{background:var(--color-primary);color:#fff}[data-theme=dark] .dropzone__change{color:var(--color-primary-text);border-color:var(--color-primary-text)}[data-theme=dark] .dropzone__change:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}body.workbench .dropzone{padding:14px 24px;border-style:solid}body.workbench .dropzone::before{display:none}body.workbench .dropzone .dropzone__preview{max-height:120px;margin-top:4px}body.workbench .dropzone .dropzone__paste-hint{display:none}body.workbench .options{border-left:3px solid var(--color-primary);box-shadow:var(--shadow-md)}.drop-overlay{position:fixed;inset:0;z-index:9998;display:flex;align-items:center;justify-content:center;background:rgba(37,99,235,.08);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease;pointer-events:none}.drop-overlay.visible{opacity:1;visibility:visible}.drop-overlay__label{padding:28px 48px;border:3px dashed var(--color-primary);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-primary);font-size:1.25rem;font-weight:700;box-shadow:var(--shadow-lg);transform:scale(.96);transition:transform .15s ease}.drop-overlay.visible .drop-overlay__label{transform:scale(1)}[data-theme=dark] .drop-overlay__label{color:var(--color-primary-text);border-color:var(--color-primary-text)}.success-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);display:flex;align-items:center;gap:6px;padding:12px 24px;background:#116731;color:#fff;font-size:.875rem;font-weight:600;border-radius:999px;box-shadow:0 4px 20px rgba(0,0,0,.15);opacity:0;transition:opacity .3s,transform .3s;z-index:9999;pointer-events:none}.success-toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}.color-history__swatch{width:24px;height:24px;padding:0;border-radius:4px;border:1px solid var(--color-border-interactive);cursor:pointer}.error-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);display:flex;align-items:center;gap:6px;padding:12px 24px;background:#b01c1c;color:#fff;font-size:.875rem;font-weight:600;border-radius:999px;box-shadow:0 4px 20px rgba(0,0,0,.15);opacity:0;transition:opacity .3s,transform .3s;z-index:9999;pointer-events:none}.error-toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}.touch-hint{display:none;font-size:.875rem;color:var(--color-text-muted);text-align:center;margin:8px 0}@media (pointer:coarse){.touch-hint{display:block}}.compare-slider{position:relative;margin-bottom:16px;border-radius:var(--radius);overflow:hidden;cursor:ew-resize}.compare-slider canvas{display:block;width:100%;height:auto}.compare-slider__divider{position:absolute;top:0;bottom:0;width:2px;background:var(--color-primary);pointer-events:none}.compare-slider__divider::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 8-4 4 4 4'/%3E%3Cpath d='m15 8 4 4-4 4'/%3E%3C/svg%3E") center/14px 14px no-repeat;width:28px;height:28px;border-radius:50%}.compare-slider__label{position:absolute;top:8px;font-size:.875rem;font-weight:600;padding:3px 10px;border-radius:3px;background:rgba(0,0,0,.6);color:#fff}.compare-slider__label--left{left:8px}.compare-slider__label--right{right:8px}.options{margin-top:20px;padding:20px;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.options__row{display:flex;align-items:center;gap:12px;margin-bottom:14px}.options__row:last-child{margin-bottom:0}.options__label{font-size:.875rem;font-weight:600;color:var(--color-text-muted);min-width:80px;text-transform:uppercase;letter-spacing:.03em}.options__input{flex:1;padding:10px 14px;border:1px solid var(--color-border-interactive);border-radius:var(--radius);font-size:.9375rem;background:var(--color-bg);color:var(--color-text);transition:border-color var(--transition)}.options__input:focus{outline:0;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(37,99,235,.1)}[data-theme=dark] .options__input:focus,[data-theme=dark] .options__select:focus{border-color:var(--color-primary-text)}.options__select{padding:10px 14px;border:1px solid var(--color-border-interactive);border-radius:var(--radius);font-size:.9375rem;background:var(--color-bg);color:var(--color-text);cursor:pointer;transition:border-color var(--transition)}.options__select:focus{outline:0;border-color:var(--color-primary)}.options__range{flex:1;cursor:pointer;accent-color:var(--color-primary)}.options__value{font-size:.875rem;font-weight:600;min-width:44px;text-align:right;color:var(--color-primary)}[data-theme=dark] .options__value{color:var(--color-primary-text)}.options__checkbox{display:flex;align-items:center;gap:8px;font-size:.9375rem}.options__tabs{display:flex;gap:0;border:1px solid var(--color-border-interactive);border-radius:var(--radius);overflow:hidden}.options__tab{padding:8px 16px;font-size:.875rem;font-weight:600;border:none;background:var(--color-bg);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition)}.options__tab.active{background:var(--color-primary);color:#fff}.options__memory{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;margin-top:16px;padding-top:12px;border-top:1px solid var(--color-border)}.options__memory-note{display:inline-flex;align-items:center;gap:6px;font-size:.875rem;color:var(--color-text-muted)}.options__memory-note svg{width:15px;height:15px;flex-shrink:0}.options__memory-note--restored{color:var(--color-text)}.options__memory-reset{min-height:28px;padding:4px 12px;font-size:.875rem;font-weight:600;border:1px solid var(--color-border-interactive);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition),border-color var(--transition)}.options__memory-reset:hover{color:var(--color-text);border-color:var(--color-primary)}[data-theme=dark] .options__memory-reset:hover{border-color:var(--color-primary-text)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border:none;border-radius:var(--radius);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--transition);position:relative;overflow:hidden}.btn--primary{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px rgba(37,99,235,.3)}.btn--primary:hover{background:var(--color-primary-hover);box-shadow:0 4px 12px rgba(37,99,235,.4);transform:translateY(-1px)}.btn--primary:active{transform:translateY(0)}.btn--primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn--full{width:100%;margin-top:20px}.result{margin-top:24px;padding:20px;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);display:none;animation:slideUp .3s ease}@keyframes slideUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.result.visible{display:block}.result__comparison{display:flex;justify-content:space-between;font-size:.875rem;color:var(--color-text-muted);margin-bottom:12px;padding:10px 14px;background:var(--color-bg);border-radius:var(--radius)}.result__savings{font-size:1.125rem;font-weight:700;color:var(--color-success-text);font-variant-numeric:tabular-nums}.result__preview{max-width:100%;border-radius:var(--radius);margin-bottom:12px}.footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:32px 20px;text-align:center;margin-top:40px}.footer__privacy{font-size:.875rem;color:var(--color-text-muted);margin-bottom:16px;padding:8px 16px;background:var(--color-bg);border-radius:20px;display:inline-block}.footer__nav{max-width:var(--max-width);margin:0 auto 8px;text-align:left}.footer__blocks{display:grid;grid-template-columns:1fr;gap:8px 32px}.footer__block--tools{grid-column:1/-1}.footer__heading{margin:12px 0 2px;padding:0;border:0;font-size:1rem;font-weight:600;line-height:1.5;color:var(--color-text)}.footer__categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 20px}.footer__subheading{margin:8px 0 0;padding:0;font-size:.875rem;font-weight:500;line-height:1.5;color:var(--color-text-muted)}.footer__list{list-style:none;margin:0;padding:0}.footer__list a{display:flex;align-items:center;min-height:44px;font-size:1rem;color:var(--color-text-muted);text-decoration:none;transition:color var(--transition)}.footer__list a:focus-visible,.footer__list a:hover{color:var(--color-primary)}[data-theme=dark] .footer__list a:focus-visible,[data-theme=dark] .footer__list a:hover{color:var(--color-primary-text)}@media (min-width:641px){.footer__blocks{grid-template-columns:repeat(2,minmax(0,1fr))}.footer__categories{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.footer__categories{grid-template-columns:repeat(6,minmax(0,1fr))}}.footer__copy{font-size:.875rem;color:var(--color-text-muted);margin-top:16px}.footer__back-to-top{display:inline-block;font-size:.875rem;color:var(--color-text-muted);text-decoration:none;margin-top:12px;padding:4px 12px;border:1px solid var(--color-border-interactive);border-radius:20px;transition:all var(--transition)}.footer__back-to-top:hover{color:var(--color-primary);border-color:var(--color-primary)}[data-theme=dark] .footer__back-to-top:hover{color:var(--color-primary-text);border-color:var(--color-primary-text)}.fade-in{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.not-found{text-align:center;padding:40px 0 20px}.not-found__code{font-size:4rem;font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--color-primary);margin-bottom:12px}[data-theme=dark] .not-found__code{color:var(--color-primary-text)}.not-found__message{color:var(--color-text-muted);margin-bottom:24px}.not-found__tools{margin-top:40px;text-align:left}.not-found__langs{list-style:none;margin:16px 0 0;padding:0}.not-found__langs li{color:var(--color-text-muted);font-size:.875rem;margin-bottom:6px}.legal-content{max-width:600px}.legal-content h2{font-size:1.25rem;margin:28px 0 10px;font-weight:700}.legal-content p{margin-bottom:12px;color:var(--color-text);font-size:1rem;line-height:1.8}.article-meta{font-size:.875rem;color:var(--color-text-muted);margin-bottom:28px}.article-section{margin-bottom:36px}.article-section h2{font-size:1.25rem;margin-bottom:14px;font-weight:700}.article-section p{margin-bottom:14px;line-height:1.85}.article-section ul{margin:14px 0;padding-left:22px}.article-section li{margin-bottom:8px;line-height:1.75}.article-section code,.glossary-body code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;font-size:.9375rem}.article-section code{background:var(--color-bg);padding:3px 7px;border-radius:4px;border:1px solid var(--color-border)}.code-nowrap{white-space:nowrap}.article-section pre{overflow-x:auto;margin:14px 0}.article-section pre code{display:block;padding:12px 14px}.article-breadcrumb{font-size:.875rem;color:var(--color-text-muted);margin-bottom:20px}.article-breadcrumb a{color:var(--color-text-muted);text-decoration:none;padding:14px 4px;margin:0 -4px}.article-breadcrumb a:hover{color:var(--color-primary)}.article-related{margin-top:48px;padding-top:28px;border-top:1px solid var(--color-border)}.article-related h2{font-size:1.125rem;margin-bottom:16px}.article-related__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.article-related__card{background:var(--color-surface);border:1px solid var(--color-border-interactive);border-radius:var(--radius);padding:16px;text-decoration:none;color:var(--color-text);transition:all var(--transition);display:block}.article-related__card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}[data-theme=dark] .article-related__card:hover{border-color:var(--color-primary-text)}.article-related__card h3{font-size:.9375rem;margin-bottom:6px;line-height:1.4}.article-related__card p{font-size:.875rem;color:var(--color-text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.convert-related{margin-top:36px}.convert-related h2{font-size:.875rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.tool-guide{margin-top:40px;padding:24px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.tool-guide h2{font-size:.875rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.tool-guide p{font-size:1rem;line-height:1.9;color:var(--color-text)}.tool-faq__item{border-bottom:1px solid var(--color-border)}.tool-faq__item:last-child{border-bottom:none}.tool-faq__q{padding:12px 0;font-size:1rem;font-weight:600;color:var(--color-text);cursor:pointer}.tool-faq__q:hover{color:var(--color-primary)}[data-theme=dark] .tool-faq__q:hover{color:var(--color-primary-text)}.tool-faq__a{padding:0 0 14px}.tool-related{margin-top:28px}.tool-related h2{font-size:1.125rem;font-weight:700;margin-bottom:12px}.related-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}.related-list li a{display:inline-block;padding:6px 14px;background:var(--color-surface);border:1px solid var(--color-border-interactive);border-radius:var(--radius);font-size:.875rem;color:var(--color-text);text-decoration:none;transition:border-color var(--transition),background var(--transition)}.related-list li a:hover{border-color:var(--color-primary);background:var(--color-bg)}[data-theme=dark] .related-list li a:hover{border-color:var(--color-primary-text)}.list-page__title{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:28px}.article-list{display:flex;flex-direction:column;gap:2px}.article-list__item{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:var(--radius);text-decoration:none;color:var(--color-text);transition:background var(--transition)}.article-list__item:hover{background:var(--color-surface)}.article-list__content{flex:1;min-width:0}.article-list__content h2{font-size:.9375rem;font-weight:600;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-list__content p{font-size:.875rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-list__date{font-size:.875rem;color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.glossary-index{display:flex;flex-direction:column;gap:28px}.glossary-group__letter{font-size:1.125rem;font-weight:800;color:var(--color-primary);margin-bottom:10px;padding-bottom:6px;border-bottom:2px solid var(--color-border)}[data-theme=dark] .glossary-group__letter{color:var(--color-primary-text)}.glossary-group__items{display:flex;flex-direction:column;gap:2px}.glossary-group__item{display:flex;align-items:baseline;gap:12px;padding:10px 14px;border-radius:var(--radius);text-decoration:none;color:var(--color-text);transition:background var(--transition)}.glossary-group__item:hover{background:var(--color-surface)}.glossary-group__term{font-size:.9375rem;font-weight:600;white-space:nowrap;flex-shrink:0}.glossary-group__desc{font-size:.875rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:640px){.article-list__item{flex-direction:column;gap:4px;align-items:flex-start}.article-list__content h2{white-space:normal}.article-list__content p{white-space:normal}.glossary-group__item{flex-direction:column;gap:2px;align-items:flex-start}.glossary-group__term{white-space:normal;overflow-wrap:break-word}.glossary-group__desc{white-space:normal}}.share-buttons{margin-top:36px;display:flex;align-items:center;gap:8px}.share-buttons__label{font-size:.875rem;color:var(--color-text-muted)}.share-btn{display:inline-flex;align-items:center;justify-content:center;padding:7px 14px;border-radius:6px;font-size:.875rem;font-weight:600;text-decoration:none;border:1px solid var(--color-border-interactive);color:var(--color-text);background:var(--color-surface);cursor:pointer;transition:all var(--transition)}.share-btn:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}[data-theme=dark] .share-btn:hover{color:var(--color-primary-text);border-color:var(--color-primary-text)}[data-theme=dark] .share-btn--hatena:hover,[data-theme=dark] .share-btn--x:hover{color:#fff}.share-btn--x{background:#000;color:#fff;border-color:#000}.share-btn--x:hover{background:#333}.share-btn--hatena{background:#0077a4;color:#fff;border-color:#0077a4}.share-btn--hatena:hover{background:#00688e}.pronounce-btn{display:inline-flex;align-items:center;gap:6px;background:0 0;border:1px solid var(--color-border-interactive);border-radius:8px;padding:4px 10px;font-size:.875rem;font-weight:600;color:var(--color-text-muted);cursor:pointer;margin-bottom:12px;transition:border-color .15s,color .15s}.pronounce-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.pronounce-btn--playing{border-color:var(--color-primary);color:var(--color-primary);animation:pronounce-pulse 1s ease-in-out infinite}[data-theme=dark] .pronounce-btn--playing,[data-theme=dark] .pronounce-btn:hover{border-color:var(--color-primary-text);color:var(--color-primary-text)}@keyframes pronounce-pulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.pronounce-btn--playing{animation:none}}.glossary-reading{font-size:.875rem;color:var(--color-text-muted);margin-bottom:16px}.glossary-description{font-size:1rem;margin-bottom:20px;font-weight:500;line-height:1.7}.glossary-body p{margin-bottom:14px;line-height:1.85}.glossary-body ul{margin:14px 0;padding-left:22px}.glossary-body li{margin-bottom:8px;line-height:1.75}.content-table-wrap{margin:18px 0;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.content-table-wrap:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.content-table{width:100%;min-width:440px;border-collapse:collapse;font-size:.9375rem}.content-table caption{caption-side:top;text-align:left;padding:12px 14px 2px;font-size:.9375rem;font-weight:700;line-height:1.6}.content-table td,.content-table th{padding:10px 14px;border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border);text-align:left;vertical-align:top;line-height:1.75}.content-table td:last-child,.content-table th:last-child{border-right:none}.content-table thead th{background:var(--color-bg);font-weight:700}.content-table tbody th{font-weight:600;min-width:6em}.content-table tbody tr:last-child td,.content-table tbody tr:last-child th{border-bottom:none}.content-table-note{margin:-8px 0 18px;font-size:.875rem;color:var(--color-text-muted);line-height:1.7}.content-figure{margin:18px 0;padding:16px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.content-figure svg{display:block;width:100%;height:auto;margin:0 auto}.content-figure figcaption{margin-top:12px;font-size:.875rem;color:var(--color-text-muted);line-height:1.75}.content-figure .fig-box{fill:var(--color-bg);stroke:var(--color-border-interactive);stroke-width:1.5}.content-figure .fig-grid{fill:none;stroke:var(--color-border-interactive);stroke-width:1}.content-figure .fig-cell-on{fill:var(--color-fig-fg)}.content-figure .fig-cell-added{fill:var(--color-fig-mid)}.content-figure .fig-vector{fill:none;stroke:var(--color-primary-text);stroke-width:1.5}.content-figure .fig-arrowhead{fill:var(--color-primary-text)}.content-figure .fig-panels{display:flex;flex-wrap:wrap;gap:16px}.content-figure .fig-panel{flex:1 1 210px;min-width:0}.content-figure .fig-panel-label{margin:8px 0 0;font-size:.875rem;font-weight:600;line-height:1.6;text-align:center}.operator-info h2{font-size:1.25rem;margin:28px 0 10px}.contact-form .form-field{margin-bottom:20px}.contact-form label{display:block;font-size:.875rem;font-weight:600;margin-bottom:6px;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted)}.contact-form textarea{width:100%;padding:14px;border:1px solid var(--color-border-interactive);border-radius:var(--radius);font-size:.9375rem;resize:vertical;background:var(--color-bg);color:var(--color-text);transition:border-color var(--transition)}.contact-form textarea:focus{outline:0;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.contact-form select{width:100%;padding:12px 14px;border:1px solid var(--color-border-interactive);border-radius:var(--radius);font-size:.9375rem;background:var(--color-bg);color:var(--color-text);cursor:pointer;transition:border-color var(--transition)}.contact-form select:focus{outline:0;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(37,99,235,.1)}[data-theme=dark] .contact-form select:focus,[data-theme=dark] .contact-form textarea:focus{border-color:var(--color-primary-text)}.char-counter{font-size:.875rem;color:var(--color-text-muted);margin-top:4px}.contact-success{padding:20px;background:var(--color-surface);border:1px solid var(--color-success);border-radius:var(--radius);color:var(--color-success-text);font-weight:500}.contact-error{margin-top:16px;padding:20px;background:var(--color-surface);border:1px solid var(--color-error);border-radius:var(--radius);color:var(--color-error);font-weight:500}:root{--hero-paper:#ffffff;--hero-faint:#b9c9ec;--hero-mid:#4f79d6;--hero-strong:#134ed0;--hero-ink:#0b2f7e;--hero-handle:#ffffff;--hero-sunfill:#f2b04e;--hero-sunstroke:#134ed0;--hero-gold:#d97706;--hero-sakura:#d15b8f;--hero-sakurafill:#f7d3e2;--hero-grass:#047857;--hero-pennant:#be123c;--hero-ants:#134ed0}[data-theme=dark]{--hero-paper:#1e293b;--hero-faint:#3a5480;--hero-mid:#6d9bea;--hero-strong:#8dbffb;--hero-ink:#c7ddff;--hero-handle:#0f172a;--hero-sunfill:#f59e0b;--hero-sunstroke:#8dbffb;--hero-gold:#fbbf24;--hero-sakura:#f9a8d4;--hero-sakurafill:#6b3752;--hero-grass:#34d399;--hero-pennant:#fb7185;--hero-ants:#8dbffb}.home-hero{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:32px;align-items:center;text-align:left;padding:36px 0 24px}.home-hero__title{display:flex;align-items:center;gap:12px;margin:0 0 10px}.home-hero__icon{width:48px;height:48px}.home-hero__logoimg{height:38px;width:auto;display:block}.home-hero__tagline{color:var(--color-primary-text);font-size:1.125rem;font-weight:700;margin:0 0 10px;word-break:keep-all}.home-hero__subtitle{color:var(--color-text-muted);margin-bottom:0;font-size:1rem;max-width:46ch}.home-hero__fig{margin:0}.home-hero__fig svg{display:block;width:100%;height:auto}@keyframes hero-march{to{stroke-dashoffset:-190}}.home-hero__ants{animation:hero-march 14s linear infinite}.home-drop{border:2px dashed var(--color-border-interactive);border-radius:var(--radius-lg);padding:36px 24px;margin-bottom:40px;text-align:center;cursor:pointer;background:var(--color-surface);transition:border-color var(--transition),background var(--transition),transform var(--transition)}.home-drop.dragover,.home-drop:hover{border-color:var(--color-primary);background:var(--color-primary-light);transform:scale(1.005)}.home-drop:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.home-drop input[type=file]{display:none}.home-drop__idle::before{content:'';display:block;width:36px;height:36px;margin:0 auto 12px;background-color:var(--color-text-muted);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.3;transition:all var(--transition)}.home-drop.dragover .home-drop__idle::before,.home-drop:hover .home-drop__idle::before{opacity:.7;background-color:var(--color-primary);transform:translateY(4px)}.home-drop__title{font-size:1.125rem;font-weight:700;margin-bottom:4px}.home-drop__sub{font-size:.9375rem;color:var(--color-text-muted)}.home-drop__paste{font-size:.875rem;color:var(--color-text-muted);margin-top:8px}@media (pointer:coarse){.home-drop__paste{display:none}}.home-drop--picked{cursor:default}.home-drop--picked:hover{transform:none;background:var(--color-surface);border-color:var(--color-primary)}.home-drop--picked{border-style:solid}.home-drop__picked{display:flex;align-items:center;gap:20px;text-align:left}.home-drop__picked[hidden]{display:none}.home-drop__thumb{width:auto;height:auto;max-width:160px;max-height:120px;border-radius:var(--radius);object-fit:contain;flex-shrink:0}.home-drop__choices{flex:1;min-width:0}.home-drop__ask{font-size:1rem;font-weight:700;margin-bottom:10px}.home-drop__tools{display:flex;flex-wrap:wrap;gap:8px}.home-drop__tool[hidden]{display:none}.home-drop__tool{display:inline-block;padding:8px 16px;font-size:.875rem;font-weight:600;color:var(--color-primary);background:0 0;border:1px solid var(--color-primary);border-radius:var(--radius);text-decoration:none;transition:background var(--transition),color var(--transition),transform var(--transition)}.home-drop__tool:hover{background:var(--color-primary);color:#fff;transform:translateY(-1px)}[data-theme=dark] .home-drop__tool{color:var(--color-primary-text);border-color:var(--color-primary-text)}[data-theme=dark] .home-drop__tool:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.home-drop__tools .home-drop__tool:first-child:not([hidden]){background:var(--color-primary);border-color:var(--color-primary);color:#fff}.home-drop__tools .home-drop__tool:first-child:not([hidden]):hover{background:var(--color-primary-hover)}@media (max-width:640px){.home-drop{padding:28px 16px;margin-bottom:28px}.home-drop__picked{flex-direction:column;text-align:center}.home-drop__tools{justify-content:center}}.home-category{margin-bottom:36px}.home-category:last-child{margin-bottom:0}.home-more{display:inline-block;padding:11px 8px;margin:3px -8px -11px;font-size:.875rem;font-weight:600;color:var(--color-primary);text-decoration:none;transition:color var(--transition)}.home-more:hover{color:var(--color-primary-hover);text-decoration:underline}[data-theme=dark] .home-more{color:var(--color-primary-text)}[data-theme=dark] .home-more:hover{color:#93c5fd}.home-category__title{font-size:.875rem;font-weight:700;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--color-border);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.home-tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.home-tools__card{background:var(--color-surface);border:1px solid var(--color-border-interactive);border-radius:var(--radius);padding:20px;text-decoration:none;color:var(--color-text);transition:all var(--transition);position:relative;display:flex;align-items:flex-start;gap:14px}.home-tools__card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}[data-theme=dark] .home-tools__card:hover{border-color:var(--color-primary-text)}.home-tools__icon{flex-shrink:0;width:32px;height:32px;color:var(--color-text-muted);opacity:.7}.home-tools__icon svg{width:100%;height:100%}.home-tools__card:hover .home-tools__icon{color:var(--color-primary);opacity:1}[data-theme=dark] .home-tools--featured .home-tools__icon,[data-theme=dark] .home-tools__card:hover .home-tools__icon{color:var(--color-primary-text)}.home-tools__text{flex:1;min-width:0}.home-tools__card h3{font-size:.9375rem;font-weight:700;margin-bottom:4px}.home-tools__card p{font-size:.875rem;color:var(--color-text-muted);line-height:1.5}.home-featured{margin-top:0;padding:20px;background:var(--color-primary-light);border-radius:var(--radius)}.home-featured .home-category__title{border-bottom-color:transparent;padding-bottom:0}.home-tools--featured{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.home-tools--featured .home-tools__card{padding:24px 20px;border-color:var(--color-primary)}[data-theme=dark] .home-tools--featured .home-tools__card{border-color:var(--color-primary-text)}.home-tools--featured .home-tools__icon{color:var(--color-primary);opacity:1}.home-tools--featured .home-tools__card h3{font-size:1rem}.crop-container{position:relative;display:block;max-width:100%;margin-top:16px;border-radius:var(--radius);overflow:hidden;touch-action:none}.crop-container canvas,.crop-container img{max-width:100%;height:auto;display:block}.crop-selection{position:absolute;border:2px solid var(--color-primary);background:rgba(37,99,235,.1);cursor:move}.crop-selection::after{content:attr(data-size);position:absolute;bottom:-24px;left:50%;transform:translateX(-50%);font-size:.875rem;font-weight:600;color:var(--color-primary);background:var(--color-bg);padding:2px 6px;border-radius:3px;white-space:nowrap;pointer-events:none}[data-theme=dark] .crop-selection::after{color:var(--color-primary-text)}.tool-status{display:flex;align-items:center;gap:10px;font-size:.875rem;color:var(--color-text-muted);margin-bottom:12px}.tool-status.processing::before{content:'';width:16px;height:16px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.exif-preview{margin:16px 0;padding:16px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg)}.exif-preview h3{font-size:.875rem;margin:0 0 10px;color:var(--color-text-muted)}.exif-table{width:100%;font-size:.875rem;border-collapse:collapse}.exif-table td{padding:4px 8px;border-bottom:1px solid var(--color-border)}.exif-table td:first-child{font-weight:600;white-space:nowrap;width:40%}.file-list{margin-top:16px}.file-list__item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:6px;font-size:.875rem;background:var(--color-surface);transition:border-color var(--transition)}.file-list__item:hover{border-color:var(--color-primary)}.file-list__actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.file-list__move{background:0 0;border:none;cursor:pointer;color:var(--color-primary);font-size:1rem;padding:4px 6px;min-width:24px;min-height:24px;line-height:1}.file-list__move:disabled{color:var(--color-text-muted);opacity:.4;cursor:default}[data-theme=dark] .file-list__move{color:var(--color-primary-text)}[data-theme=dark] .file-list__move:disabled{color:var(--color-text-muted)}.file-list__remove{background:0 0;border:none;cursor:pointer;color:var(--color-error);font-size:1rem;padding:0 4px}[data-theme=dark] .file-list__remove{color:#fba5a5}@media (max-width:640px){.header{padding:0 12px;gap:10px}.header__logo{font-size:1.125rem}.header__logoimg{height:20px}.main{padding:20px 16px}.home-hero{grid-template-columns:1fr;gap:14px;padding:28px 0 16px}.home-hero__title{font-size:1.75rem}.home-hero__tagline{font-size:1rem;margin-bottom:8px}.home-tools{grid-template-columns:1fr}.dropzone{padding:40px 16px}.options{padding:16px}.options__row{flex-wrap:wrap}.options__label{min-width:auto;width:100%;margin-bottom:-4px}}@media (min-width:641px) and (max-width:900px){.home-tools{grid-template-columns:repeat(2,1fr)}.home-hero{grid-template-columns:minmax(0,1fr) 320px;gap:24px}}.feedback-widget{margin:2rem 0 0;text-align:center}.feedback-widget__label{display:block;font-size:.9375rem;margin-bottom:.5rem;color:var(--color-text-muted)}.feedback-btn{background:0 0;border:1px solid var(--color-border-interactive,#7793b9);border-radius:8px;padding:.5rem 1rem;font-size:1.25rem;cursor:pointer;margin:0 .25rem;transition:transform .15s,border-color .15s}.feedback-btn:hover{transform:scale(1.1)}.feedback-btn--active{border-color:var(--color-primary);background:var(--color-primary-light,#eff6ff)}.feedback-widget--voted .feedback-btn:not(.feedback-btn--active){opacity:.4;cursor:default}.feedback-comment{margin-top:.75rem}.feedback-comment textarea{width:100%;padding:.5rem;border:1px solid var(--color-border-interactive,#7793b9);border-radius:8px;font-size:.9375rem;resize:vertical;font-family:inherit}.feedback-comment__send{margin-top:.5rem;padding:.4rem 1rem;background:var(--color-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem}.feedback-comment__send:disabled{opacity:.6;cursor:default}[data-theme=dark] .feedback-btn{border-color:var(--color-border-interactive,#6c84a7)}[data-theme=dark] .feedback-btn--active{background:#1e3a5f;border-color:var(--color-primary-text)}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;transition-duration:0s!important}}.amazon-link-block{display:none!important}a[href*="amazon.co.jp"]:not(.own-book-link){pointer-events:none!important;color:inherit!important;text-decoration:none!important;cursor:text!important}.own-book-card{margin:2rem 0 0;padding:1.25rem 1.5rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.own-book-head{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.own-book-pr{flex-shrink:0;border:1px solid var(--color-border-interactive);border-radius:4px;padding:.125rem .375rem;font-size:.875rem;font-weight:600;line-height:1;color:var(--color-text-muted)}.own-book-heading{font-size:.875rem;font-weight:600;color:var(--color-primary-text)}.own-book-body{display:flex;align-items:flex-start;gap:1rem}.own-book-cover{flex-shrink:0;display:block}.own-book-cover img{display:block;border:1px solid var(--color-border);border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.15);height:auto}.own-book-text{min-width:0}.own-book-title{margin:0;font-size:1rem;font-weight:600;line-height:1.4;color:var(--color-text)}.own-book-note{margin:.5rem 0 0;font-size:.875rem;line-height:1.7;color:var(--color-text-muted)}.own-book-actions{margin-top:1rem}a.own-book-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.625rem 1.5rem;border-radius:var(--radius);background:var(--color-primary);color:#fff;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .2s}a.own-book-cta:hover{background:var(--color-primary-hover)}a.own-book-cta:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.app-page__installed{display:flex;align-items:flex-start;gap:10px;padding:16px;border:1px solid var(--color-success);border-radius:var(--radius);background:var(--color-surface);color:var(--color-success-text);font-size:1rem;font-weight:500}.app-page__installed-icon{flex-shrink:0;width:24px;height:24px;margin-top:2px}.app-page__prompt{margin:0 0 20px;padding:16px 20px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.app-page__install-button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:.625rem 1.5rem;border:none;border-radius:var(--radius);background:var(--color-primary);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.app-page__install-button:hover{background:var(--color-primary-hover)}.app-page__install-button svg{width:20px;height:20px}.app-page ol.app-page__steps{list-style:none;padding-left:0;margin:12px 0 20px}.app-page__steps li{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;font-size:1rem;line-height:1.8;color:var(--color-text)}.app-page__step-icon{flex-shrink:0;width:26px;height:26px;margin-top:3px;padding:4px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text)}[data-theme=dark] :focus-visible{outline-color:var(--color-primary-text)}[data-theme=dark] .dropzone:focus{outline-color:var(--color-primary-text)}[data-theme=dark] a.own-book-cta:focus-visible{outline-color:var(--color-primary-text)}