:root{color-scheme:light;--color-primary:#4a7cff;--color-green:#4caf50;--color-blue:#2196f3;--color-hover-purple:rgba(128,90,213,0.15);--color-border-purple:#805ad5;--color-clear-red:#e53e3e;--color-clear-red-hover:#c53030;--color-disabled:#a0aec0;--color-bg:#f6f7fb;--color-card:#fff;--color-border:#e5e7ef;--color-text:#111;--color-muted:#666}*{box-sizing:border-box}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans JP","Hiragino Sans",Meiryo,sans-serif;margin:0;padding:0;background:#FFFFFF;color:var(--color-text)}.wrap{max-width:46em;margin:0 auto;padding:0}h1{font-size:20px;margin:0 0 14px 0}.card{background:#FFFFFF;padding:14px}.main-card{display:inline-block}.controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px;max-width:45em}.toggle-switch{display:flex;align-items:center;gap:6px;cursor:pointer}.toggle-switch input{display:none}.toggle-slider{position:relative;width:40px;height:22px;background:#ccc;border-radius:11px;transition:background 0.25s}.toggle-switch input:checked~.toggle-slider{background:var(--color-blue)}.toggle-slider::before{content:'';position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,0.2);transition:transform 0.25s}.toggle-switch input:checked~.toggle-slider::before{transform:translateX(18px)}.toggle-label{font-size:14px;font-weight:600;color:#999;transition:color 0.2s}.toggle-switch input:not(:checked)~.toggle-label[data-side="left"]{color:var(--color-blue)}.toggle-switch input:checked~.toggle-label[data-side="right"]{color:var(--color-blue)}.btn{border:1px solid var(--color-border);background:var(--color-card);border-radius:8px;padding:8px 14px;cursor:pointer;font-size:13px;transition:all 0.15s}.btn:hover:not(:disabled){filter:brightness(0.95)}.btn:disabled{color:var(--color-disabled);cursor:not-allowed;opacity:0.6;background:var(--color-card);border-color:var(--color-border)}#btnDownload:not(:disabled){background:var(--color-green);color:#fff;border-color:var(--color-green)}#btnCopy:not(:disabled){background:var(--color-blue);color:#fff;border-color:var(--color-blue)}.btn-clear{margin-left:auto;background:var(--color-clear-red);color:#fff;border-color:var(--color-clear-red)}.btn-clear:hover{background:var(--color-clear-red-hover)!important;border-color:var(--color-clear-red-hover)}.btn-load{margin-left:auto;background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-load:hover{background:#3a6ce8!important;border-color:#3a6ce8}.output-area{width:45em;max-width:100%;min-height:calc(30*1.5em + 20px);border:2px dashed #c7cbe3;border-radius:10px;padding:14px;background:#fdfdff;transition:border-color 0.15s,background-color 0.15s;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;line-height:1.5;overflow-y:auto}.output-area.dragover{border-color:var(--color-border-purple);background:var(--color-hover-purple)}.placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:calc(30*1.5em - 28px);text-align:center;color:var(--color-muted)}.placeholder-main{font-size:16px;font-weight:600;margin:0 0 6px 0;color:#333}.placeholder-sub{font-size:14px;font-weight:600;margin:0 0 16px 0;color:#333}.placeholder-hint{font-size:14px;font-weight:600;margin:0;color:#333}.placeholder.hidden{display:none}.results{white-space:pre-wrap;word-break:break-all}.results:empty{display:none}.result-unit{margin-bottom:1em;padding-bottom:0.5em;border-bottom:1px solid #eee}.result-unit:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.result-error{color:var(--color-clear-red)}.stat-value{cursor:pointer;padding:1px 3px;border-radius:3px;transition:background 0.15s}.stat-value:hover{background:rgba(74,124,255,0.15)}.stat-value.masked{color:var(--color-muted)}@media(max-width:600px){.wrap{padding:12px}h1{font-size:18px}.controls{gap:8px;max-width:100%}.btn{padding:8px 10px;font-size:12px}.output-area{width:100%;min-height:calc(20*1.5em + 20px);font-size:12px}.toggle-label{font-size:13px}.toggle-slider{width:36px;height:20px;border-radius:10px}.toggle-slider::before{width:16px;height:16px}.toggle-switch input:checked~.toggle-slider::before{transform:translateX(16px)}}