:root{color-scheme:light;--ink:#163e4d;--accent:#006e7d;--bg:#eaf1f4;--line:#c5d7de;--muted:#526c76;--danger:#a32932;--paper:#fff;--soft:#d9ebee;font-family:"Yu Gothic UI","Meiryo",sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0}header,footer{max-width:1160px;margin:auto;padding:26px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}header{border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-size:22px;font-weight:700}.brand small{font-family:Consolas,monospace;font-size:11px;letter-spacing:.12em;font-weight:400}.seal{display:grid;place-items:center;background:var(--accent);color:white;width:40px;height:40px;border-radius:50%;font-family:"Yu Mincho",serif}.header-note,small,.muted{font-size:12px;color:var(--muted);line-height:1.8}main{max-width:1160px;padding:56px 32px 70px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:28px 48px}.intro{grid-column:1/-1}.eyebrow{font-size:12px;color:var(--accent);font-weight:700;letter-spacing:.09em;margin:0 0 12px}h1{font-family:"Yu Mincho","Meiryo",serif;font-size:clamp(32px,5vw,48px);letter-spacing:.02em;margin:0 0 18px;font-weight:600}#lead{font-size:14px;line-height:1.9;margin:0}.workspace{background:var(--paper);padding:32px;border-radius:10px;border:1px solid var(--line);min-width:0;box-shadow:0 10px 36px #163e4d08}.field{margin-bottom:26px}label{display:block;font-weight:700;font-size:14px;margin-bottom:9px}input,select,button{font:inherit}input[type=password],input[readonly],select{width:100%;border:1px solid #91aeb9;border-radius:5px;padding:13px 14px;color:var(--ink);background:#fff;font-size:14px}input[type=file]{max-width:100%;width:100%;font-size:13px}input[type=file]::file-selector-button{padding:10px 15px;background:white;color:var(--ink);border:1px solid #91aeb9;border-radius:5px;margin-right:10px;cursor:pointer}.field small{display:block;margin-top:7px}.file-box{padding:24px;border:1px dashed #91aeb9;border-radius:6px;background:#f6fafb;display:grid;gap:16px}.paper{font-family:Consolas,monospace;font-size:38px;color:var(--accent);line-height:1}.file-box small{margin:0}button{background:var(--accent);color:white;border:0;padding:15px 18px;border-radius:5px;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%}button:hover{background:#005563}button:disabled{cursor:wait;opacity:.65}.secondary{background:var(--soft);color:var(--ink);margin-top:12px;justify-content:center}.secondary:hover{background:#c6e0e5}.text-button{background:transparent;color:var(--accent);padding:8px 0;width:auto;font-size:12px;text-decoration:underline}.text-button:hover{background:transparent;color:var(--ink)}:focus-visible{outline:3px solid #eaa722;outline-offset:4px}progress,meter{width:100%;margin-top:16px;height:12px;accent-color:var(--accent)}[hidden]{display:none!important}#status{font-size:13px;line-height:1.8;margin:16px 0 0}#status:empty{display:none}#error{background:#fff0ef;border-left:3px solid var(--danger);padding:12px;color:var(--danger);font-size:13px;line-height:1.8}.capacity{padding-bottom:24px;border-bottom:1px solid var(--line)}h2{font-size:16px;margin:0 0 16px;line-height:1.7}.capacity p{font-size:13px;line-height:1.8}.capacity .muted{font-size:12px}.guide{margin-top:28px}ol{list-style:none;padding:0;counter-reset:step}li{position:relative;counter-increment:step;padding:0 0 26px 38px}li::before{content:counter(step);position:absolute;left:0;top:0;width:25px;height:25px;border:1px solid #91aeb9;border-radius:50%;font:12px Consolas,monospace;display:grid;place-items:center}li strong{font-size:13px}li span{display:block;font-size:12px;line-height:1.9;color:var(--muted);margin-top:4px}.aside-note{font-size:12px;line-height:1.9;color:var(--muted)}footer{border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.receipt{border-top:2px solid var(--accent);padding-top:24px;margin-top:32px}.receipt p{font-size:13px;line-height:1.8}#receive-url{font-family:Consolas,monospace;font-size:12px}dl{margin:0 0 30px}dt{font-size:12px;color:var(--muted);margin:20px 0 6px}dd{margin:0;font-size:16px;overflow-wrap:anywhere}#receive-name{font-size:22px;font-weight:700}.claim-notice{font-size:14px;line-height:1.9;background:#eef7f8;padding:18px;border-radius:5px}.agreement{display:flex;align-items:flex-start;gap:10px;font-size:13px;margin:24px 0}.agreement input{width:18px;height:18px;flex-shrink:0;margin:0;accent-color:var(--accent)}#claim-form small{display:block;margin-top:12px}#file-detail{overflow-wrap:anywhere;margin-bottom:0}noscript{display:block;padding:24px;color:var(--danger)}
@media(max-width:760px){header,footer{padding:20px}.brand small,.header-note{display:none}main{padding:32px 20px 44px;grid-template-columns:1fr;gap:26px}.intro{grid-column:auto}.workspace{padding:24px 20px}aside{display:grid;grid-template-columns:1fr;gap:8px}.file-box{padding:18px}footer{align-items:flex-start;flex-direction:column;gap:8px}}
.pricing-table{width:100%;border-collapse:collapse;font-size:11px;line-height:1.7}.pricing-table th,.pricing-table td{text-align:left;padding:8px 5px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}#large-pricing{margin-top:22px}#large-pricing p{font-size:12px}#large-settings{margin-top:20px}#large-settings .agreement{font-size:12px;line-height:1.7}.management-item{padding:18px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.management-item p{font-size:12px;line-height:1.8}#management{margin-top:28px}#management h2{margin-top:28px}#collection-result{margin-top:20px}
/* WHITE LAB */
:root{--ink:#14264a;--accent:#0075f8;--bg:#f7faff;--line:#d6e4f5;--muted:#5a6e8c;--soft:#eaf3ff;font-family:"Yu Gothic UI","Meiryo",sans-serif;background:var(--bg)}
body{background:radial-gradient(ellipse at 15% 30%,#e5f1ff90,transparent 50%),linear-gradient(130deg,transparent 65%,#eaf3ff 65%,#f9fbff 78%);min-height:100vh}
header{padding-top:28px;padding-bottom:28px;background:#ffffffb3;border-bottom-color:#d6e4f5}.brand{font-size:26px;letter-spacing:.22em}.brand small{letter-spacing:.12em;font-size:10px}.seal{border-radius:0;background:linear-gradient(135deg,#00d9f5,#0075f8);font-family:Arial,sans-serif;font-weight:900;font-size:31px;clip-path:polygon(0 0,28% 0,50% 48%,72% 0,100% 0,66% 100%,48% 66%,34% 100%);color:transparent;width:42px;height:34px}
main{max-width:1060px;grid-template-columns:minmax(0,1fr) 260px;gap:38px;padding-top:54px}.intro{text-align:center;padding-bottom:8px}.eyebrow{font-family:Consolas,monospace;font-size:11px;letter-spacing:.18em;color:#0075f8}h1{font-family:inherit;font-size:clamp(26px,4vw,42px);font-weight:800;letter-spacing:.045em;margin-bottom:18px}#lead{color:var(--muted);line-height:2}.workspace{border-radius:8px;border-color:#d3e4fa;padding:34px;box-shadow:0 16px 50px #2864ac0a;background:#ffffffed;border-top:3px solid #0088ff}.field{margin-bottom:24px}input[type=password],input[readonly],select{border-color:#c2d5ed;border-radius:5px;background:#fcfdff;padding:14px}input[type=file]::file-selector-button{border-color:#b6d4fc;color:#0068df;background:white}.file-box{background:linear-gradient(135deg,#f6faff,#eaf4ff);border:1px dashed #0088ff;padding:30px;text-align:center;justify-items:center;gap:18px}.paper{font-family:inherit;border:2px solid #0088ff;border-radius:4px;font-size:32px;padding:5px 13px}.file-box input{width:100%;text-align:left}button{background:linear-gradient(110deg,#009fff,#0068ff);border-radius:6px;box-shadow:0 5px 14px #0075f81a;min-height:50px}button:hover{background:#0065de}.secondary{background:#eaf3ff;box-shadow:none}.secondary:hover{background:#dcecff}.text-button{background:none;box-shadow:none;min-height:0}.text-button:hover{background:none}.capacity{background:#ffffffb3;border:1px solid var(--line);padding:24px;border-radius:8px}.guide{padding:0 10px}li::before{border-color:#bed7f9;color:#0075f8;background:#f0f7ff;border-radius:4px}.aside-note{padding:0 10px}footer{background:#ffffff9c;border-top-color:var(--line);max-width:1160px}.claim-notice{background:#edf5ff}:focus-visible{outline-color:#0075f8}
@media(max-width:760px){header{padding:22px 20px}.brand{font-size:23px}main{grid-template-columns:1fr;padding-top:36px;gap:26px}.workspace{padding:25px 20px}.intro{text-align:left}.file-box{padding:24px 16px}.capacity{padding:20px}h1{font-size:clamp(24px,6vw,36px)}}
/* File picker: reference cloud layout, keyboard-accessible native input. */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;border:0!important}
.file-box{position:relative;display:flex;flex-direction:column;align-items:center;gap:0;padding:28px 28px 24px;background:#fff;border:1px dashed #a9cbfc;border-radius:8px;text-align:center;transition:background-color .15s,border-color .15s}
.upload-cloud{display:block;width:min(235px,80%);height:auto;margin:0 0 20px;overflow:visible}
.file-box h2{margin:0 0 8px;font-size:clamp(20px,3vw,26px);font-weight:600;letter-spacing:.05em;line-height:1.5;color:var(--ink)}
.drop-caption{margin:0 0 20px;font-size:15px;color:var(--muted)}
button.browse-file{justify-content:center;min-height:48px;width:100%;background:#2075ed;color:white;box-shadow:none;border-radius:4px;font-size:15px;font-weight:600;margin:0 0 26px}
button.browse-file:hover{background:#1061d1}.file-box small{font-size:12px;margin:0;color:var(--muted)}.file-box .file-formats{margin-bottom:4px}
.file-box.is-dragging{background:#edf5ff;border:2px solid #267df0;padding:27px 27px 23px}.file-box:focus-within{border-color:#267df0}.file-box[aria-disabled=true]{opacity:.7}
.selected-file{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;margin-top:12px;border:1px solid var(--line);border-radius:6px;background:#f6faff;min-width:0}
.selected-file>div{min-width:0}.selected-file strong{display:block;font-size:13px;overflow-wrap:anywhere;font-weight:600}.selected-file span{display:block;color:var(--muted);font-size:12px;margin-top:4px}
button.change-file{width:auto;flex-shrink:0;min-height:0;padding:8px 0;justify-content:center;color:var(--accent);background:none;box-shadow:none;font-size:12px;text-decoration:underline}
button.change-file:hover{color:var(--ink);background:none}
@media(max-width:760px){.file-box{padding:24px 18px 20px}.file-box.is-dragging{padding:23px 17px 19px}.upload-cloud{width:210px;max-width:80%;margin-bottom:18px}.selected-file{gap:10px;padding:12px}}
@media(prefers-reduced-motion:reduce){.file-box{transition:none}}
/* Purpose switch: owner-only; shared links have one dedicated task. */
.mode-switch{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:none;width:100%;margin:0;padding:6px;background:#eaf2fd;border:1px solid #d6e4f5;border-radius:10px}
.mode-switch button{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:18px 14px;min-height:88px;background:transparent;color:#536c90;box-shadow:none;border:1px solid transparent;border-radius:7px}
.mode-switch button strong{font-size:23px;font-weight:750;letter-spacing:.08em}.mode-switch button strong span{font-size:18px;margin-left:8px}.mode-switch button small{font-size:12px;color:inherit;font-weight:400;line-height:1.5}
.mode-switch button[aria-selected=true]{background:#fff;border-color:#b8d4fa;color:#086ee6;box-shadow:0 3px 12px #397ac00b}.mode-switch button:hover{background:#f7fbff;color:#086ee6}
@media(max-width:760px){.mode-switch{gap:6px;margin:0}.mode-switch button{padding:14px 6px;min-height:83px}.mode-switch button strong{font-size:21px}.mode-switch button small{font-size:10px}}

/* Dedicated shared pages fill a single centered column. */
.management-item input.inactive-url{color:#89919c;background:#f0f1f3;text-decoration:line-through;text-decoration-thickness:1.5px;border-color:#d5d8de}.management-item button:disabled{background:#e2e4e8;color:#8a9099;box-shadow:none;opacity:1;cursor:default}
.capacity-ring{--usage:0%;position:relative;width:154px;height:154px;border-radius:50%;margin:24px auto;background:conic-gradient(from -90deg,#b8b2ff 0%,#8c82e8 var(--usage),#bfc2c9 var(--usage),#c9ccd2 100%);box-shadow:inset 2px 3px 6px #ffffffd9,inset -3px -4px 7px #73778099,0 5px 13px #1c2e4820;border:4px solid #e6e7ec;display:grid;place-items:center}
.capacity-ring-center{width:116px;height:116px;border-radius:50%;background:#fff;box-shadow:0 0 7px 3px #70748166,inset 0 2px 8px #e1e3e9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.capacity-ring-center strong{font-family:Consolas,monospace;font-size:31px;font-weight:600;color:#8277d5;letter-spacing:-.05em}.capacity-ring-center span{font-size:11px;color:#8792a4;letter-spacing:.15em}
.selected-file{flex-direction:column;align-items:stretch}.file-list{display:grid;gap:8px}.file-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:8px}.file-row span{overflow-wrap:anywhere;min-width:0}.selected-file>.change-file{align-self:flex-start}
main.single-purpose{grid-template-columns:minmax(0,1fr);max-width:840px;gap:28px;padding-top:48px}
.single-purpose .workspace{width:100%;margin:0 auto}
.single-purpose .intro{max-width:720px;margin:auto}
@media(max-width:760px){main.single-purpose{padding-top:32px}}