:root{--color-page:#f5f7f6;--color-surface:#fff;--color-text:#24332b;--color-muted:#56665d;--color-primary:#236344;--color-primary-bg:#eaf3ed;--color-border:#d6dfd9;--color-warning:#805500;--color-danger:#ad322a;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Yu Gothic UI",Meiryo,sans-serif;color:var(--color-text);background:var(--color-page);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;font-size:.9375rem;line-height:1.6}h1,h2,h3,p{overflow-wrap:anywhere}h1{font-size:1.5rem;line-height:1.4;margin:0 0 8px}h2{font-size:1.125rem;line-height:1.5;margin:0 0 16px}h3{font-size:.9375rem;line-height:1.5;font-weight:600;margin:0 0 12px}p{margin:12px 0}a{color:var(--color-primary);text-underline-offset:4px}button,input,textarea,select{font:inherit}button{min-height:44px;cursor:pointer;border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;padding:8px 16px;color:var(--color-text);font-weight:600;line-height:1.6;max-width:100%;overflow-wrap:anywhere}button:disabled{opacity:.6;cursor:wait}button:hover{filter:brightness(.97)}:where(button,input,textarea,select,a,summary,[tabindex]):focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.danger,[role=alert]{color:var(--color-danger)}[role=alert]{white-space:pre-wrap;font-size:.9375rem}
.site-header{display:flex;align-items:center;gap:32px;padding:16px max(32px,calc((100% - 1136px)/2));border-bottom:1px solid var(--color-border);background:var(--color-surface)}.brand{color:var(--color-primary);font-size:1.125rem;line-height:1.6;font-weight:700;text-decoration:none;white-space:nowrap}.site-header nav{display:flex;gap:24px;flex:1}.site-header nav a{display:flex;align-items:center;justify-content:center;min-height:44px;color:var(--color-muted);text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap}.site-header nav a[aria-current]{color:var(--color-primary);font-weight:600;border-bottom-color:var(--color-primary)}main{max-width:1200px;margin:32px auto;padding:0 32px;min-height:70vh}.heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.heading p{margin:0}.muted,.footnote{color:var(--color-muted);font-size:.875rem;line-height:1.6}.panel>p,.details-body>p{max-width:65ch}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:24px;min-width:0}.panel-stack{display:flex;flex-direction:column;gap:24px;min-width:0}.connection-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:24px;align-items:start}.connection-status{color:var(--color-primary);background:var(--color-primary-bg);border-radius:8px;padding:12px 16px;font-weight:600}.connection-status[data-state=offline]{color:var(--color-warning);background:#fff5e7}.page-message:empty{display:none}.page-message{background:var(--color-primary-bg);padding:12px 16px;border-radius:8px;white-space:pre-wrap;margin:0 0 24px}.auth-guide{padding-left:24px}.auth-guide li{margin:12px 0}.text-link{display:inline-flex;align-items:center;min-height:44px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.stats article{background:var(--color-surface);border:1px solid var(--color-border);padding:24px;border-radius:12px;min-width:0}.stats span{display:block;font-size:.875rem;color:var(--color-muted)}.stats strong{display:block;font-size:1.75rem;line-height:1.2;margin-top:12px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.toolbar{display:flex;gap:16px;align-items:flex-end;margin:24px 0;flex-wrap:wrap}.toolbar>*{min-width:0}.search{flex:1}label{display:flex;flex-direction:column;gap:8px;font-size:.875rem;font-weight:600}input,textarea,select{width:100%;min-height:44px;font-size:1rem;line-height:1.6;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:8px 12px;color:var(--color-text);min-width:0;max-width:100%}textarea{resize:vertical}input[type=checkbox],input[type=radio]{width:20px;height:20px;min-height:20px;flex:none;accent-color:var(--color-primary)}input[type=range]{padding:0}input[type=file]{overflow:hidden}.check{flex-direction:row;align-items:center;min-height:44px}.fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.wide{grid-column:1/-1}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.cover{height:96px;background:var(--color-primary-bg);display:flex;align-items:center;justify-content:space-between;padding:24px;color:var(--color-primary)}.initial{font-size:2rem;font-weight:700}.badge{background:var(--color-surface);padding:4px 12px;border-radius:24px;font-size:.875rem}.card-body{padding:24px}.card h3{margin:0 0 8px;overflow-wrap:anywhere}.card p{font-size:.875rem;color:var(--color-muted)}.card progress{width:100%;height:8px;accent-color:var(--color-primary)}.card-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap}.card a{font-size:.875rem;display:inline-flex;align-items:center;min-height:44px}.empty{grid-column:1/-1;text-align:center;padding:48px 24px;border:1px dashed var(--color-border);border-radius:12px;background:var(--color-surface)}.login,#admin-login{max-width:540px;margin:48px auto}.login form{margin-top:24px}.login button,#admin-login button{margin-top:16px}.login button{width:100%}#editor{max-width:800px;margin:0 auto}.savebar{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--color-border);padding-top:24px;flex-wrap:wrap}.savebar span{font-size:.875rem;color:var(--color-muted)}#notice{color:var(--color-primary)}.footnote{margin-top:24px}footer{text-align:center;font-size:.875rem;color:var(--color-muted);padding:24px 16px}[hidden]{display:none!important}
.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:24px;margin:24px 0}.image-card{border:1px solid var(--color-border);border-radius:12px;padding:16px;min-width:0}.image-card img,.image-placeholder{width:100%;height:180px;object-fit:contain;background:repeating-conic-gradient(#edf1eb 0% 25%,#fff 0% 50%) 0/16px 16px}.image-placeholder{display:flex;align-items:center;justify-content:center;color:var(--color-muted)}.image-card p{font-size:.875rem}.image-card button{margin-top:12px}.compose-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin:24px 0}#preview-canvas{max-width:100%;height:auto;width:370px;background:repeating-conic-gradient(#edf1eb 0% 25%,#fff 0% 50%) 0/16px 16px;border:1px solid var(--color-border)}#text-color{height:44px}#composer details{margin:24px 0}#discard-editor{background:#fff5e7;padding:16px;border-radius:8px;margin:12px 0}#sales-area label{margin:16px 0}#sales-area .fields label{margin:0}#sales-area .fields{margin:16px 0}#sales-area .toolbar label{margin:0}.table-scroll{overflow-x:auto;margin:16px 0;max-width:100%}table{border-collapse:collapse;width:100%;font-size:.875rem;font-variant-numeric:tabular-nums}th,td{padding:12px;text-align:left;border-bottom:1px solid var(--color-border);overflow-wrap:anywhere;min-width:96px}th{font-weight:600;color:var(--color-muted)}#sales-summary{font-weight:600}#sales-history{font-size:.875rem;color:var(--color-muted)}#official-last,#official-next,#site-info-state,#sales-official-last{font-variant-numeric:tabular-nums}.official-amount{display:block;font-size:1.75rem;line-height:1.2;margin:12px 0;font-weight:700;font-variant-numeric:tabular-nums}#official-value .muted,#sales-official-value .muted{display:block}summary{cursor:pointer;font-weight:600;min-height:44px;padding:10px 0;overflow-wrap:anywhere}.settings-section,.line-auth{border-top:1px solid var(--color-border);margin-top:16px;padding-top:8px}.settings-section:first-child{border:0;margin:0;padding:0}.line-auth details{background:var(--color-page);border-radius:8px;padding:12px 16px;margin:16px 0}.line-auth h3{margin-top:24px}.auth-actions{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}#browser-screen{max-width:100%;height:auto;border:1px solid var(--color-border);margin-top:16px}.line-pin-dialog{width:min(94vw,640px);max-height:90dvh;overflow:auto;border:1px solid var(--color-border);border-radius:12px;padding:24px;color:var(--color-text);background:var(--color-surface);font-size:.9375rem}.line-pin-dialog::backdrop{background:#15281fcc}.line-pin-dialog img{max-width:100%;height:auto;border:1px solid var(--color-border)}.line-pin-dialog .auth-actions{position:sticky;bottom:-24px;background:var(--color-surface);padding:16px 0;margin-bottom:0}.site-info{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:.875rem;max-height:480px;overflow:auto}.site-summary{padding:16px;background:var(--color-page);border:1px solid var(--color-border);border-radius:8px;margin:16px 0}
@media(max-width:960px){.site-header{gap:24px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){main{margin:24px auto;padding:0 16px}.site-header{padding:12px 16px;gap:8px 16px;flex-wrap:wrap}.site-header>.brand{flex:1}.site-header>nav{order:3;flex-basis:100%;gap:24px}.site-header nav a{flex:1}.site-header>button{padding:8px 12px}.connection-layout,.compose-layout,.fields{grid-template-columns:minmax(0,1fr)}.wide{grid-column:auto}.panel{padding:16px}.stats article,.card-body{padding:16px}.stats strong,.official-amount{font-size:1.5rem}.heading{align-items:flex-start;flex-wrap:wrap}h1{font-size:1.375rem}.search{flex-basis:100%}.toolbar label:not(.search){flex:1}.login,#admin-login{margin:32px auto}.line-pin-dialog{padding:16px}.line-pin-dialog .auth-actions{bottom:-16px}}
@media(max-width:480px){.cards{grid-template-columns:minmax(0,1fr)}.stats{gap:12px}.stats article{padding:16px 12px}.site-header nav{gap:16px}.savebar>span{flex-basis:100%}}
button:not(.primary),input,textarea,select{border-color:#829387}
.save-actions{display:flex;gap:12px;flex-wrap:wrap}.creation-steps{display:flex;flex-wrap:wrap;gap:8px 24px;list-style:none;padding:0;margin:24px 0;color:var(--color-muted);font-size:.875rem}.creation-steps [aria-current]{color:var(--color-primary);font-weight:600}.image-card:focus{outline:3px solid var(--color-primary);outline-offset:3px}#zip-result{color:var(--color-primary)}
/* Compact UI revision: desktop density, mobile touch targets preserved. */
body{font-size:.875rem;line-height:1.55}h1{font-size:1.25rem}h2{font-size:1rem}h3{font-size:.875rem}
.site-header{gap:24px;padding:12px 24px}main{margin:24px auto;padding:0 24px}.panel{padding:20px;border-radius:10px}.heading{margin-bottom:16px}
button{min-height:36px;padding:6px 12px;font-size:.8125rem}input,select,textarea{min-height:36px;font-size:.875rem;padding:6px 10px}label,.muted,.help,.footnote{font-size:.8125rem}
.stats{gap:12px;margin-bottom:16px}.stats article{padding:14px 18px}.stats strong{font-size:1.375rem;margin-top:4px}.toolbar{gap:12px;margin:16px 0}.fields{gap:12px}
.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.cover{height:56px;padding:12px 16px}.initial{font-size:1.5rem}.card-body{padding:16px}.card-body p{font-size:.8125rem;margin:8px 0}.card-actions{gap:8px;margin-top:12px}.badge{font-size:.75rem;padding:4px 8px}
.image-grid{gap:16px;margin:16px 0}.creation-steps{margin:16px 0}.connection-layout{gap:16px}.savebar{gap:12px}#settings-view{max-width:800px}#defaults-form button{margin-right:8px}#submission-fields{margin-top:12px}footer{padding:24px}
@media(max-width:1100px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:960px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){main{margin:16px auto;padding:0 16px}.site-header{gap:12px;padding:12px 16px}.site-header nav{gap:12px;flex-wrap:wrap}.panel{padding:16px}h1{font-size:1.25rem}input,select,textarea{font-size:1rem;min-height:44px}button{min-height:44px}.stats article{padding:12px}.cards{gap:12px}}
@media(max-width:480px){.cards{grid-template-columns:1fr}.cover{height:48px}}