:root{--ink:#17233a;--violet:#6256d9;--paper:#f7f7fb;--muted:#58677d;--line:#e1e3ee}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Inter,"Noto Sans JP",system-ui,sans-serif}button,select,input{font:inherit}button{cursor:pointer}.top{height:66px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100vw - 1120px)/2));gap:12px}.brand{font-weight:850;text-decoration:none;color:var(--ink);font-size:1.1rem}.brand b{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:8px;background:var(--violet);color:#fff;margin-right:7px}.home{border:0;background:transparent;color:var(--violet);font-weight:750}.wrap{max-width:1120px;margin:auto;padding:34px 20px 50px}.hero h1{font-size:clamp(2.25rem,5vw,3.5rem);line-height:1.13;letter-spacing:-.055em;margin:0}.hero p{color:var(--muted);max-width:720px}.privacy{display:flex;flex-wrap:wrap;gap:18px;padding:14px 18px;background:#efedff;border-radius:14px;margin:24px 0;font-weight:700}.privacy span{color:var(--violet)}.tools{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.tool{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 13px;font-weight:700}.tool.active{background:var(--violet);color:#fff;border-color:var(--violet)}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:clamp(20px,4vw,30px);box-shadow:0 8px 28px #182d4c0a}.drop{border:2px dashed #c9c4f4;border-radius:14px;padding:42px 18px;text-align:center;background:#fcfbff}.drop h2{margin:10px 0}.primary{border:0;background:var(--violet);color:#fff;border-radius:10px;padding:12px 16px;font-weight:800}.secondary{border:1px solid #cfcbe9;background:#fff;color:var(--violet);border-radius:10px;padding:11px 15px;font-weight:750}.settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:12px;margin:18px 0}.settings label{display:grid;gap:5px;font-weight:700;font-size:.88rem}.settings select,.settings input{border:1px solid var(--line);border-radius:9px;padding:10px;background:#fff}.files{margin:15px 0;padding:0;list-style:none}.files li{display:flex;justify-content:space-between;gap:12px;padding:9px 2px;border-bottom:1px solid var(--line)}.actions{display:flex;flex-wrap:wrap;gap:10px}.progress{height:9px;background:#ecebf3;border-radius:99px;overflow:hidden;margin:16px 0}.progress i{display:block;height:100%;width:0;background:var(--violet);transition:width .2s}.message{color:var(--muted)}.done{margin-top:16px;padding:14px;background:#e7f6ec;border-radius:10px;color:#17623b;display:flex;justify-content:space-between;gap:12px;align-items:center}.footer{text-align:center;margin-top:26px;color:var(--muted);font-size:.85rem}@media(max-width:600px){.top{height:auto;padding-block:12px}.wrap{padding:25px 16px}.privacy{display:grid;gap:5px}.drop{padding:30px 14px}.done{align-items:flex-start;flex-direction:column}}
.selected{margin:12px 0;border:1px solid var(--line);border-radius:10px;padding:0 12px}.selected summary{padding:11px 0;cursor:pointer;font-weight:750}.remove{border:0;background:#f9e8ed;color:#a62446;border-radius:6px;padding:2px 7px;margin-left:8px;font-weight:800}

.legal{max-width:650px;width:92%;border:0;border-radius:16px;padding:25px;background:#fff;color:#17233a;line-height:1.7}.legal::backdrop{background:#0008}.legal .close{float:right;border:0;border-radius:8px;padding:6px 10px}.legal h2{margin-top:0}