@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Noto+Sans+JP:wght@400;600;700;900&display=swap";:root{--font-base: "Noto Sans JP", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial;--font-head: "Bebas Neue", "Noto Sans JP", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial;--app-bg: #E5E7EB;--card-bg: #FFFFFF;--ink: #111111;--muted: rgba(0,0,0,.6);--line: rgba(0,0,0,.1);--line-strong: #000000;--black: #000000;--blue: #2563EB;--blue-hover: #3B82F6;--warn-bg: #FFF7CC;--warn-bg-hover: #FFF2A8;--r-lg: 18px;--r-xl: 22px;--shadow-card: 0 18px 48px rgba(0,0,0,.28);--shadow-float: 0 12px 30px rgba(0,0,0,.18);--shadow-cta: 0 16px 34px rgba(0,0,0,.35);font-family:var(--font-base);line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{overflow-y:scroll}html,body,#root{height:100%}body{margin:0;background:var(--app-bg);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.page{min-height:100%;background:var(--app-bg);color:var(--ink)}.header{position:sticky;top:0;z-index:40;background:var(--black);border-bottom:1px solid rgba(255,255,255,.18)}.headerInner{width:min(1180px,92vw);margin:0 auto;padding:12px 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.title{justify-self:start;font-weight:900;letter-spacing:.04em;font-size:14px;color:#fff}@media(min-width:768px){.title{font-size:16px}}.stepGroup{justify-self:center;display:flex;gap:8px;align-items:center}.stepBtn{height:40px;padding:0 16px;border-radius:14px;border:1px solid rgba(255,255,255,.28);background:var(--black);color:#fff;font-weight:900;letter-spacing:.02em;cursor:pointer}.stepBtn:hover{background:#ffffff1a}.stepBtnActive{background:#fff;color:#000;border-color:#fff}.utilGroup{justify-self:end;display:flex;gap:8px;align-items:center}.utilBtn{height:40px;padding:0 16px;border-radius:14px;border:1px solid rgba(255,255,255,.22);background:var(--black);color:#fff;font-weight:900;letter-spacing:.02em;cursor:pointer}.utilBtn:hover{background:#ffffff1a}.container{width:min(1180px,92vw);margin:0 auto;padding:32px 0 56px}.card{border-radius:var(--r-lg);border:1px solid var(--line-strong);background:var(--card-bg);box-shadow:var(--shadow-card);overflow:hidden}.cardPad{padding:24px}@media(min-width:768px){.cardPad{padding:32px}}.secHead{position:relative;background:var(--black);color:#fff;padding:18px 24px}.secHeadSmall{font-size:12px;letter-spacing:.18em;color:#ffffffb3}.secHeadRow{margin-top:6px;display:flex;gap:12px;align-items:baseline}.secHeadStep{font-family:var(--font-head);font-size:34px;font-weight:400;line-height:1;letter-spacing:.06em}.secHeadTitle{font-size:14px;font-weight:700;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.secHeadWedge{position:absolute;right:16px;top:0;width:0;height:0;border-left:18px solid transparent;border-top:18px solid #fff}.s1Grid{display:grid;gap:24px}@media(min-width:1024px){.s1Grid{grid-template-columns:1fr 1fr}}.s1DropZone{margin-top:18px;min-height:56vh;border-radius:var(--r-xl);border:2px dashed rgba(0,0,0,.25);background:#f3f4f6;display:grid;place-items:center}.s1DropInner{text-align:center;padding:0 24px}.s1DropTitle{margin-top:14px;font-weight:900;letter-spacing:.04em;font-size:18px}.s1DropDesc{margin-top:6px;color:var(--muted);font-size:14px}.fileBtn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 16px;border-radius:14px;background:#000;color:#fff;font-weight:900;cursor:pointer}.fileBtn:hover{background:#000000e6}.fileRow{margin-top:14px;display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}.fileName{color:var(--muted);font-size:13px}.guideText{color:var(--muted);font-size:14px;line-height:1.6;margin-top:8px}.guideList{margin-top:18px;display:grid;gap:12px}.guideItem{border-radius:18px;border:1px solid var(--line);background:#f3f4f6;padding:16px}.guideItemHead{font-weight:900;letter-spacing:.04em}.guideItemDesc{margin-top:6px;color:#000000b3;font-size:14px;line-height:1.6}.warn{margin-top:18px;border-radius:18px;border:1px solid var(--line);background:var(--warn-bg);padding:16px}.warnTitle{font-weight:900}.warnBody{margin-top:8px;color:#000000bf;font-size:14px;line-height:1.6}.topBar{border-radius:18px;border:1px solid var(--line);background:var(--card-bg);box-shadow:var(--shadow-float);padding:16px 18px;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.muted{color:var(--muted);font-size:13px}.subBtn{height:40px;padding:0 14px;border-radius:14px;border:1px solid rgba(0,0,0,.15);background:var(--card-bg);font-weight:900;cursor:pointer}.subBtn:hover{background:#00000008}.helpBtn{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 14px;border-radius:14px;border:1px solid var(--line);background:var(--warn-bg);font-weight:700;cursor:pointer}.helpBtn:before{content:"i";width:18px;height:18px;border-radius:999px;border:2px solid #000;display:inline-grid;place-items:center;font-size:12px;font-weight:900;line-height:1;color:#000}.helpBtn:hover{background:var(--warn-bg-hover)}.primaryBlue{height:52px;padding:0 18px;border-radius:16px;border:0;background:var(--blue);color:#fff;font-weight:900;font-size:16px;cursor:pointer;box-shadow:var(--shadow-cta)}.primaryBlue:hover{background:var(--blue-hover)}.primaryBlueWide{min-width:180px}.catGrid{margin-top:18px;display:grid;gap:16px}@media(min-width:1024px){.catGrid{grid-template-columns:1fr 1fr}}.catCard{border-radius:var(--r-lg);border:1px solid var(--line-strong);background:var(--card-bg);overflow:hidden}.catHead{position:relative;background:var(--black);color:#fff;padding:16px}.catHeadStrong:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#fff}.catHeadSmall{font-size:12px;letter-spacing:.18em;color:#ffffffb3;font-weight:900}.catHeadTitle{margin-top:6px;font-weight:900;letter-spacing:.04em;font-size:18px}.catBody{padding:16px}.pill{display:inline-flex;gap:8px;align-items:center;border-radius:999px;border:1px solid rgba(0,0,0,.2);background:var(--card-bg);padding:6px 10px;font-size:12px;font-weight:900}.controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.select{height:36px;border-radius:12px;border:1px solid rgba(0,0,0,.15);background:var(--card-bg);padding:0 10px}.check{width:16px;height:16px}.fileListBox{margin-top:12px;border-radius:14px;border:1px solid var(--line);background:#f3f4f6;overflow:hidden}.fileList{max-height:160px;overflow:auto;margin:0;padding:0;list-style:none}.fileList li{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:nowrap;margin-top:0;padding:10px 12px;border-top:1px solid var(--line);font-size:13px;color:#000c}.fileList li:first-child{border-top:none}.fileListFooter{padding:10px 12px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.dropMini{margin-top:12px;border-radius:14px;border:1px dashed rgba(0,0,0,.25);background:#fff;padding:12px}.dropMiniTitle{font-size:13px;margin-bottom:8px}.filePickerRow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filePickBtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);background:var(--card-bg);color:#111;padding:6px 12px;border-radius:10px;font-size:12px;font-weight:800;cursor:pointer}.filePickInput{display:none}.filePickHint{font-size:12px;color:var(--muted)}.tip{border-radius:16px;border:1px solid var(--line);background:var(--warn-bg);box-shadow:0 18px 48px #0000002e;padding:16px;max-height:60vh;overflow:auto}.tipTitle{font-weight:900}.tipBody{margin-top:10px;color:#000000b3;font-size:14px;line-height:1.7}.tipBody ul{margin:8px 0 0;padding-left:20px}.tableWrap{border-radius:var(--r-lg);border:1px solid var(--line-strong);overflow:hidden;background:var(--card-bg)}.tableWrap table{width:100%;border-collapse:collapse;font-size:14px}.tableWrap thead th{background:var(--black);color:#fff;text-align:left;padding:12px 14px;font-weight:900;letter-spacing:.04em}.tableWrap tbody td{padding:12px 14px;border-top:1px solid var(--line)}.tableWrap tbody tr:nth-child(2n){background:#f3f4f6}.tableWrap tbody tr:hover{background:#0000000a}.modalOverlay{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:#ffffff0f;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.modalCard{width:min(720px,92vw);border-radius:18px;border:1px solid rgba(255,255,255,.15);background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:24px;box-shadow:0 30px 90px #0000008c}.drawerOverlay{position:fixed;inset:0;z-index:70;background:#00000059}.drawerAside{position:fixed;right:0;top:0;height:100%;width:min(420px,92vw);background:#fff;border-left:1px solid rgba(0,0,0,.1);box-shadow:0 30px 90px #00000059;transform:translate(420px);transition:transform .25s ease;z-index:71}.drawerAsideOpen{transform:translate(0)}.drawerPad{padding:20px}.drawerTitleSmall{font-size:12px;font-weight:900;letter-spacing:.04em;color:#db2777}.drawerTitle{margin-top:6px;font-size:14px;font-weight:700;color:#000000b3}.drawerClose{height:36px;width:36px;border-radius:999px;border:1px solid rgba(0,0,0,.1);background:#fff;cursor:pointer}.drawerClose:hover{background:#00000008}.drawerList{margin-top:14px;display:grid;gap:12px}.drawerLink{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:16px;border:1px solid rgba(0,0,0,.1);background:#fff;padding:14px 16px}.drawerLink:hover{background:#00000005}.drawerLinkDark{background:#0b1220;color:#fff;border-color:#0000001a}.drawerLinkLeft{display:flex;align-items:center;gap:12px;min-width:0}.drawerLinkText{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:900}.drawerLinkArrow{opacity:.6;font-weight:900}.drawerIcon{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:#f3f4f6;border:1px solid rgba(0,0,0,.08);box-shadow:0 10px 26px #0000001a;flex:0 0 auto}.drawerLinkDark .drawerIcon{background:#ffffff1a;border-color:#ffffff2e;box-shadow:none}.drawerLinkDark .drawerLinkArrow{opacity:.85}.drawerIconImg{width:100%;height:100%;display:block;object-fit:contain}.drawerFoot{margin-top:16px;border-radius:16px;border:1px solid rgba(0,0,0,.1);background:#f3f4f6;padding:14px 16px;color:#000000b3;font-size:14px}.blink{animation:softBlink 2.4s ease-in-out infinite}@keyframes softBlink{0%,to{opacity:1}50%{opacity:.35}}.secHeadHint{margin-left:auto;text-align:right;color:#fa0;font-size:25px;font-weight:900;line-height:1.25;white-space:nowrap;align-self:center}.stepFade{animation:stepFadeIn .18s ease-out both}@keyframes stepFadeIn{0%{opacity:0}to{opacity:1}}.insertBtnWrap{display:inline-flex}.fileList .fileName{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;font-size:inherit;font-weight:900}.trashBtn{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:10px;border:1px solid rgba(0,0,0,.12);background:#fff;color:#000000bf;cursor:pointer}.trashBtn:hover{background:#f3f4f6}.trashBtn:active{transform:translateY(1px)}.secHeadMid{min-width:0;display:flex;align-items:baseline;gap:10px;flex-wrap:nowrap}.secHeadNoteCard{flex:1;min-width:0;padding:6px 10px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:#ffffffd9;font-size:11px;font-weight:700;line-height:1.35;white-space:normal;overflow-wrap:anywhere}