 :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}

.account-status{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 18px;font-weight:800}.online{color:#17623b}.offline{color:#ad2444}.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}

.plans{margin:20px 0;padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff}.plans h2{margin:0 0 12px}.plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.plan-grid article{display:grid;gap:3px;border:1px solid var(--line);border-radius:10px;padding:12px}.plan-grid strong{font-size:1.05rem;color:var(--violet)}.plan-grid span{font-size:.85rem;color:var(--muted)}@media(max-width:700px){.plan-grid{grid-template-columns:repeat(2,1fr)}}

.ticket-note{margin:8px 0 14px;padding:10px 12px;border-radius:10px;background:#fff7df;color:#72540a;font-size:.9rem;font-weight:650}

.settings{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));align-items:start}.settings>*{min-width:0}.settings label,.settings select,.settings input{max-width:100%;width:100%;overflow-wrap:anywhere}.actions>*{max-width:100%}.top>span{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.files li span{min-width:0;overflow-wrap:anywhere}.price-card{border:0!important;border-bottom:1px solid #5a6595!important;border-radius:0!important;background:transparent!important;padding:14px 2px!important}@media(max-width:600px){.top{align-items:flex-start}.top>span{width:100%;justify-content:flex-start}.settings{grid-template-columns:1fr}.actions button{flex:1 1 150px}.tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.tool{min-width:0;overflow-wrap:anywhere}}
