:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;background:#f4f7f8;color:#22343f;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:16px;line-height:1.8}.dips-tool{max-width:780px;margin:auto;padding:40px 24px 28px}.dips-header{margin-bottom:26px}.dips-eyebrow{font-size:13px;font-weight:700;letter-spacing:.09em;color:#376777;margin:0 0 12px}h1{font-size:32px;line-height:1.5;letter-spacing:.025em;margin:0 0 18px}h1 span{display:block}.dips-lead{margin:0;color:#49606b}.dips-privacy{display:flex;gap:14px;padding:20px 22px;border:1px solid #bdd8d2;border-radius:12px;background:#edf6f2;color:#264e43}.dips-privacy p{margin:5px 0 0;font-size:14px}.dips-shield{display:grid;place-items:center;flex-shrink:0;width:28px;height:30px;background:#26705c;color:white;border-radius:7px 7px 13px 13px}.dips-guide{text-align:center;color:#526a77;font-size:14px;margin:25px 0}.dips-guide span{margin:0 13px;color:#82949d}.dips-step{min-width:0;border:1px solid #dce5e9;border-radius:14px;background:white;margin:0 0 20px;padding:24px}.dips-step legend{float:left;width:100%;padding:0;margin:0 0 12px;font-weight:700;font-size:20px}.dips-step legend+.dips-help{clear:both}.dips-number{display:inline-grid;place-items:center;width:31px;height:31px;font-size:16px;background:#e9f0f4;color:#1a546f;border-radius:50%;margin-right:10px;vertical-align:middle}.dips-help{font-size:14px;color:#5b6e78;margin:0 0 16px}.dips-file{border:1px solid #ccd9df;border-radius:9px;padding:17px;margin-top:14px;background:#fcfdfe}.dips-file.selected{border-color:#7aa89a;background:#f5faf7}.dips-file label{display:block;font-weight:700;margin-bottom:10px}.dips-required{font-size:11px;color:#647480;background:#eaf0f3;border-radius:4px;padding:3px 6px;margin-left:8px;vertical-align:middle}.dips-file input{display:block;width:100%;min-height:48px;font-size:14px;color:#50626e;overflow:hidden}.dips-file input::file-selector-button{background:#fff;border:1px solid #8fa8b7;border-radius:6px;padding:13px 18px;margin-right:12px;color:#204a60;font-weight:700;font-size:15px;cursor:pointer}.dips-file-state{font-size:13px;color:#5c727c;margin:8px 0 0;overflow-wrap:anywhere}.selected .dips-file-state{color:#28614e}.dips-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.dips-options label{display:flex;align-items:center;gap:10px;border:1px solid #ccd9df;padding:16px 12px;border-radius:9px;cursor:pointer}.dips-options label:has(input:checked){border:2px solid #286780;padding:15px 11px;background:#f0f6f9}.dips-options input{width:21px;height:21px;accent-color:#195d7b;flex-shrink:0}.dips-options span{font-weight:700}.dips-options small{display:block;font-size:12px;font-weight:400;color:#5b6e78}.dips-final h2{font-size:20px;margin:0 0 14px}.dips-final ol{padding:16px 18px 16px 42px;border-radius:8px;background:#f3f6f8;margin:0 0 12px;font-size:15px}.dips-count{font-weight:700;font-size:14px;margin:20px 0 12px}.dips-primary{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;min-height:60px;background:#185775;border:0;border-radius:8px;color:white;font-size:18px;font-family:inherit;font-weight:700;text-decoration:none;cursor:pointer;padding:14px}.dips-primary:hover{background:#104760}.dips-primary:disabled{opacity:.65;cursor:wait}.dips-reset{display:block;background:none;border:0;color:#536c79;text-decoration:underline;font-family:inherit;font-size:14px;min-height:48px;margin:12px auto 0;cursor:pointer}.dips-error{padding:16px;border-left:4px solid #ad3636;background:#fff0f0;color:#8a2727;overflow-wrap:anywhere}.dips-result{padding:20px;margin-top:20px;background:#f0f8f3;border:1px solid #b8d8c4;border-radius:9px}.dips-result h3{margin:0;color:#28614e}.dips-result .dips-help{margin:14px 0 0}.dips-footer{text-align:center;font-size:12px;color:#647884;margin:24px 0 0}#dips-progress:empty{display:none}#dips-progress{margin:14px 0 0}[hidden]{display:none!important}:focus-visible{outline:3px solid #c48b22;outline-offset:4px}@media(max-width:520px){.dips-tool{padding:24px 16px}h1{font-size:27px}.dips-step{padding:20px 16px}.dips-step legend,.dips-final h2{font-size:18px}.dips-privacy{padding:16px;gap:10px}.dips-options{grid-template-columns:1fr}.dips-options small{font-size:13px}.dips-file{padding:14px}.dips-guide{font-size:12px}.dips-guide span{margin:0 5px}.dips-primary{font-size:17px}}

.dips-picker{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;background:white;border:1px solid #8fa8b7;border-radius:6px;color:#204a60;font-weight:700;font-size:15px}.dips-picker:hover{background:#edf4f8}.dips-picker:focus-within{outline:3px solid #c48b22;outline-offset:3px}.dips-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.dips-picker:has(input:disabled){opacity:.6}
.dips-step h2{font-size:20px;margin:0 0 14px}.dips-file-label{display:block;font-weight:700;margin-bottom:10px}.dips-picker{margin-bottom:14px}.dips-list{list-style:none;padding:0;margin:0}.dips-row{border:1px solid #ccd9df;border-radius:9px;padding:16px;margin:12px 0;background:#fcfdfe}.dips-row-title{font-weight:700;margin:0;overflow-wrap:anywhere}.dips-row .dips-help{margin:4px 0 12px}.dips-row-actions{display:flex;gap:10px}.dips-row-actions button{font:inherit;font-size:14px;min-height:46px;padding:8px 16px;background:white;color:#204a60;border:1px solid #8fa8b7;border-radius:6px;cursor:pointer}.dips-row-actions button[data-action=remove]{margin-left:auto;color:#943333;border-color:#d9baba}.dips-row-actions button:disabled{opacity:.4;cursor:default}.dips-name-wrap{display:flex;align-items:center;gap:10px;margin-bottom:12px}.dips-name-wrap input{min-width:0;width:100%;padding:13px;font:inherit;border:1px solid #8fa8b7;border-radius:6px}.dips-empty{background:#f3f6f8;padding:20px;border-radius:8px;color:#5b6e78}.dips-save-name{overflow-wrap:anywhere}.dips-error{white-space:pre-line}#dips-notice:empty{display:none}@media(max-width:520px){.dips-step h2{font-size:18px}.dips-row-actions{gap:6px}.dips-row-actions button{padding:8px 12px}}
.dips-size{font-weight:700;overflow-wrap:anywhere}.dips-compressed-result{border-top:1px solid #b8d8c4;margin-top:20px;padding-top:18px}.dips-compressed-result h4{margin:0 0 10px}.dips-compression-options{margin-bottom:16px}#dips-compression-options .dips-help{margin:12px 0}#dips-compression-status{margin-top:16px}#dips-compression-status:empty{display:none}#dips-compressed-message{overflow-wrap:anywhere}