.app-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--size-control-min);padding-inline:var(--space-4);border-radius:var(--radius-sm);font-weight:500;font-size:var(--fs-3);line-height:1;cursor:pointer;border:none;transition:all var(--dur-fast) var(--ease);position:relative}.app-button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.app-button:active:not(:disabled){transform:translateY(1px)}.app-button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.app-button--primary{background-color:var(--color-primary);color:var(--color-primary-ink)}.app-button--primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.app-button--secondary{background-color:transparent;color:var(--color-text);border:1px solid var(--color-control-border)}.app-button--secondary:hover:not(:disabled){background-color:var(--color-surface);border-color:var(--color-control-border)}.app-button--ghost{background-color:transparent;color:var(--color-text);border:none}.app-button--ghost:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-surface) 50%,transparent)}.app-field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.app-field__label{display:flex;align-items:center;gap:var(--space-2);font-weight:500;font-size:var(--fs-2);color:var(--color-text)}.app-field__required{display:inline-block;padding:2px var(--space-2);background-color:var(--color-danger);color:var(--color-danger-ink);font-size:var(--fs-1);border-radius:var(--radius-xs);font-weight:500}.app-field__input,.app-field__select,.app-field__textarea{min-height:var(--size-control-min);padding-inline:var(--space-3);font-family:var(--font-sans);font-size:var(--fs-3);color:var(--color-text);background-color:var(--color-bg);border:1px solid var(--color-control-border);border-radius:var(--radius-sm);transition:all var(--dur-fast) var(--ease)}.app-field__input:focus,.app-field__select:focus,.app-field__textarea:focus{border-color:var(--color-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-focus) 20%,transparent)}.app-field__input:focus-visible,.app-field__select:focus-visible,.app-field__textarea:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.app-field__input:disabled,.app-field__select:disabled,.app-field__textarea:disabled{opacity:.5;cursor:not-allowed}.app-field__textarea{padding-block:var(--space-3);resize:vertical;min-height:80px}.app-field__error{display:flex;align-items:center;gap:var(--space-2);color:var(--color-danger);font-size:var(--fs-2)}.app-field--error .app-field__input,.app-field--error .app-field__select,.app-field--error .app-field__textarea{border-color:var(--color-danger)}.app-field__help{font-size:var(--fs-2);color:var(--color-subtle)}.app-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);box-shadow:var(--shadow-1)}.app-card__header{margin-bottom:var(--space-4)}.app-card__title{font-size:var(--fs-4);font-weight:600;margin-bottom:var(--space-2)}.app-card__description{font-size:var(--fs-2);color:var(--color-subtle)}.app-modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.app-modal{background:var(--color-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-2);max-width:600px;width:100%;max-height:90vh;overflow:auto}.app-modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5);border-bottom:1px solid var(--color-border)}.app-modal__header h2{margin:0}.app-modal__content{padding:var(--space-5)}.theme-toggle{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--color-text)}@media (max-width: 640px){.theme-toggle__text{display:none}}.install-prompt{position:fixed;bottom:var(--space-4);left:50%;transform:translate(-50%);width:min(90%,500px);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-2);z-index:1000}.install-prompt--footer{bottom:0;width:100%;display:flex;justify-content:center;gap:var(--space-3)}.global-drop-zone{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);background:var(--color-primary-alpha);backdrop-filter:blur(4px);z-index:9999;pointer-events:none;color:var(--color-text)}.global-drop-zone>span:first-child{font-size:4rem}.feedback{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);min-width:0;color:var(--color-text);overflow-wrap:anywhere}.feedback--alert{color:var(--color-danger)}.feedback__icon{width:1.25rem;height:1.25rem;flex:none}.feedback progress{flex-basis:100%;max-width:100%}.feedback__spinner{width:1.25rem;height:1.25rem;flex:none;border:2px solid var(--color-control-border);border-top-color:var(--color-focus);border-radius:50%;animation:feedback-spin 1s linear infinite}@keyframes feedback-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.feedback__spinner{animation:none}}.image-capability{margin-block-end:1.5rem;overflow-wrap:anywhere}.image-capability h2{font-size:1.1rem}.image-capability dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:.5rem 1rem}.image-capability dl>div{min-width:0}.image-capability dt{font-weight:700}.image-capability dd{margin:0;display:grid}.image-capability dd>span{grid-area:1 / 1}.image-capability .capability-reserve{visibility:hidden;display:grid;line-height:1.5}.image-capability .capability-reserve>span{grid-area:1 / 1}.image-capability .capability-value{line-height:1.5}.image-capability .capability-heic{grid-column:1 / -1}.image-converter .image-drop-area{display:flex;flex-direction:column;justify-content:center;gap:var(--space-3);min-width:0;padding:var(--space-6) var(--space-4);border:2px dashed var(--color-control-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);text-align:center;overflow-wrap:anywhere;cursor:pointer}.image-drop-area svg{color:var(--color-link);flex-shrink:0}.image-drop-area__hint{max-width:100%}.image-drop-area.is-dragging{border-color:var(--color-link);border-style:solid;background:var(--color-primary-alpha)}.image-drop-area:focus-within{outline:3px solid var(--color-focus);outline-offset:2px}.image-drop-area.is-disabled{cursor:default;color:var(--color-subtle);border-style:dotted}@media (prefers-reduced-motion: reduce){.image-drop-area,.image-drop-area *{animation:none;transition:none;transform:none}}.progress-panel{margin-block:var(--space-4);overflow-wrap:anywhere}.progress-panel progress{width:100%;accent-color:var(--color-primary)}.progress-panel__stages{display:flex;gap:var(--space-2);overflow:hidden}.progress-panel__stages span{position:relative;flex:1;height:var(--space-2);background:var(--color-border);overflow:hidden}.progress-panel__stages span:before{content:"";display:block;width:0;height:100%;background:var(--color-primary);transition:width var(--dur-fast) var(--ease)}.progress-panel__stages .is-reached:before{width:100%}.progress-panel__stages .is-reached:after{content:"";position:absolute;inset:0;background:var(--color-primary-ink);opacity:.25;animation:image-stage-highlight 1.5s linear infinite}@keyframes image-stage-highlight{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion: reduce){.progress-panel__stages span:before,.progress-panel__stages .is-reached:after{animation:none;transition:none}}.image-converter{display:grid;gap:1rem;min-width:0}.image-converter fieldset{display:flex;gap:1rem}.image-converter label{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0}.image-converter input[type=file]{max-width:100%;min-width:0}.image-converter ul{padding-inline-start:1.5rem;overflow-wrap:anywhere}.image-converter li{margin-block:.5rem}.image-converter p{margin-block:.25rem}.workbench{max-width:var(--size-container);margin:2rem auto;padding:0 1rem 3rem;display:grid;gap:var(--space-4);min-width:0}.workbench__layout{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:var(--space-4);min-width:0}.workbench__workspace{display:grid;align-content:start;gap:var(--space-4);min-width:0}.workbench__layout>*{min-width:0}.workbench .app-card{margin:0;min-width:0}.workbench .workbench__picker{display:grid;gap:var(--space-2);margin-bottom:var(--space-4);margin-right:0;padding:var(--space-4);border:1px solid var(--color-control-border);border-radius:var(--radius-md);background:var(--color-bg);min-width:0;max-width:100%;overflow-wrap:anywhere}.workbench__picker:focus-within{outline:2px solid var(--color-focus);outline-offset:2px}.workbench__picker input{display:block;width:100%;min-width:0;max-width:100%}.workbench__hint,.workbench__empty{color:var(--color-subtle)}.workbench__source{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);min-width:0}.workbench__filename{min-width:0;overflow-wrap:anywhere}.workbench__kind{flex:none;color:var(--color-subtle)}.workbench .workbench__language{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);min-width:0;margin-right:0}.workbench__language select{min-width:0}.workbench__menu{display:flex;flex-direction:column;align-self:start;gap:var(--space-2);min-width:0}.workbench__menu button{display:grid;gap:var(--space-2);width:100%;min-width:0;min-height:var(--size-control-min);padding:var(--space-3);text-align:left;color:var(--color-text);border:1px solid var(--color-control-border);border-inline-start:3px solid transparent;border-radius:var(--radius-sm);background:var(--color-surface);overflow-wrap:anywhere}.workbench__menu button:hover{background:var(--color-bg)}.workbench__menu button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.workbench__menu button[aria-selected=true]{border-inline-start-color:var(--color-text);font-weight:700;background:var(--color-bg)}.workbench__menu-description{color:var(--color-subtle);font-size:var(--fs-2);font-weight:400}.workbench__workspace>section[role=tabpanel]{min-width:0;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:var(--color-bg)}.workbench__not-ready{margin:0;padding:var(--space-4);color:var(--color-subtle)}.workbench__list{min-width:0}.workbench__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-3) var(--space-2);border-bottom:1px solid var(--color-border)}.workbench__entry{flex:1 1 18rem;display:flex;align-items:flex-start;gap:var(--space-2);min-width:0}.workbench__icon{width:1.25rem;height:1.25rem;flex:none;color:var(--color-subtle)}.workbench__name{flex:1 1 12rem;min-width:0;overflow-wrap:anywhere}.workbench__size{margin-inline-start:auto;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.workbench__row-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);min-width:0}.workbench__row-actions .app-button{max-width:100%;overflow-wrap:anywhere;white-space:normal;line-height:var(--lh-normal)}.workbench .workbench__choice{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--size-control-min);min-width:0;padding:var(--space-2);margin-right:var(--space-3);overflow-wrap:anywhere}.workbench__choice input{appearance:auto;accent-color:var(--color-primary);flex:none}.workbench .workbench__choice--file{flex-wrap:wrap;max-width:100%;margin-right:0}.workbench__choice--file input[type=file]{flex:0 1 auto;min-width:0;max-width:100%}.workbench__remove-row .workbench__choice{flex:1;margin:0}.workbench__remove-row[data-keep-state=unchecked]{border-inline-start:3px solid var(--color-control-border)}.workbench__remove-row[data-keep-state=indeterminate]{border-inline-start:3px dashed var(--color-control-border)}.workbench select{max-width:100%;min-width:0;min-height:var(--size-control-min);height:var(--size-control-min);appearance:auto;padding:var(--space-2);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-control-border);border-radius:var(--radius-sm)}.workbench__repair-row{align-items:flex-start}.workbench__repair-row .workbench__name{flex-basis:18rem}.workbench__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.workbench__pages{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-top:var(--space-4)}.workbench__pages>span{font-variant-numeric:tabular-nums}.workbench__result{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);min-width:0}.workbench__result h3,.workbench__result-source,.workbench__result-summary{overflow-wrap:anywhere}.workbench__result-summary{padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}@media (max-width: 640px){.workbench__input-card{padding:var(--space-4)}}@media (max-width: 47.999rem){.workbench__layout{grid-template-columns:minmax(0,1fr)}.workbench__menu{flex-direction:row;flex-wrap:wrap}.workbench__menu button{width:auto;flex:1 1 10rem}}#page-content,.operation-cards{width:min(100% - 2rem,68ch);max-width:none;margin:var(--space-6) auto;padding:0;min-width:0}main section#page-content{padding:0;background:var(--color-bg);border:0;border-radius:0;box-shadow:none}#page-content>.page-lead{margin-bottom:var(--space-6)}#page-content>ol{padding-inline-start:2em;margin-bottom:var(--space-6)}#page-content>ol>li{padding-inline-start:var(--space-2);margin-bottom:var(--space-5)}#page-content>ol>li::marker{color:var(--color-text);font-weight:600}#page-content>ol>li>h2{margin-bottom:var(--space-2)}#page-content>ol>li>p{margin-bottom:0}#page-content>dl{margin-bottom:var(--space-6)}#page-content>dl>dt{font-weight:600;padding-top:var(--space-4);border-top:1px solid var(--color-control-border)}#page-content>dl>dd{margin-top:var(--space-2);margin-bottom:var(--space-5)}#page-content>ul{padding:var(--space-5) var(--space-5) var(--space-5) calc(var(--space-5) + 1.5em);border:1px solid var(--color-control-border);border-radius:var(--radius-md);background:var(--color-surface)}#page-content>ul>li:last-child{margin-bottom:0}.operation-cards{display:none}html[data-zip-top]:not([data-session=open])[lang=ja] .operation-cards[data-lang=ja],html[data-zip-top]:not([data-session=open])[lang=en] .operation-cards[data-lang=en]{display:block}.operation-cards__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.operation-cards__card{min-width:0;padding:var(--space-5);border:1px solid var(--color-control-border);border-radius:var(--radius-md);background:var(--color-surface);overflow-wrap:anywhere}.operation-cards__card h2{margin-bottom:var(--space-3)}.operation-cards__card a{color:var(--color-link);text-decoration:underline}.operation-cards__card p{color:var(--color-subtle);margin-bottom:0}@media (max-width: 40rem){.operation-cards__grid{grid-template-columns:minmax(0,1fr)}}.hub-card[data-astro-cid-iwstzw75]{padding:var(--space-5);border:1px solid var(--color-control-border);border-radius:var(--radius-md);background:var(--color-surface)}.hub-card[data-astro-cid-iwstzw75]+.hub-card[data-astro-cid-iwstzw75]{margin-top:var(--space-5)}.hub-card[data-astro-cid-iwstzw75] h2[data-astro-cid-iwstzw75]{margin-bottom:var(--space-3)}.hub-card[data-astro-cid-iwstzw75] a[data-astro-cid-iwstzw75]{color:var(--color-link);text-decoration:underline}.hub-card[data-astro-cid-iwstzw75] p[data-astro-cid-iwstzw75]{margin-bottom:0;color:var(--color-subtle)}.hub-card__links[data-astro-cid-iwstzw75]{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin:var(--space-3) 0 0;padding:0;list-style:none}