:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,sans-serif}*{box-sizing:border-box}body{background:#f5f7fb;min-width:0;min-height:100vh;margin:0}button,input{font:inherit}button{touch-action:manipulation}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #7da8ff}.app-shell{width:min(920px,100% - 32px);margin:0 auto;padding:48px 0 72px}.hero{text-align:center;padding:8px 0 28px}.eyebrow,.step-label{letter-spacing:.12em;color:#315bc6;margin:0 0 8px;font-size:.75rem;font-weight:800}h1,h2,p{margin-top:0}h1{letter-spacing:-.02em;margin-bottom:14px;font-size:clamp(1.75rem,5vw,2.65rem);line-height:1.25}h2{margin-bottom:0;font-size:1.25rem}.lead{color:#5b6475;margin-bottom:0;line-height:1.8}.privacy-note{color:#24543a;background:#f3faf6;border:1px solid #cfe0d8;border-radius:14px;margin-bottom:20px;padding:16px 18px}.privacy-note strong{margin-bottom:4px;display:block}.privacy-note p{margin:0;font-size:.92rem;line-height:1.65}.panel{background:#fff;border:1px solid #e0e5ee;border-radius:18px;margin-top:18px;padding:24px;box-shadow:0 8px 28px #1c273c0f}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.section-heading>div{min-width:0}.section-description{color:#687285;margin:-4px 0 16px;font-size:.9rem;line-height:1.6}.drop-zone{color:#172033;cursor:pointer;background:#fafcff;border:2px dashed #b9c5da;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;min-height:210px;padding:20px;transition:border-color .16s,background .16s,transform .16s;display:flex}.drop-zone:hover,.drop-zone.is-dragging{background:#f2f6ff;border-color:#315bc6}.drop-zone.is-dragging{transform:scale(1.005)}.drop-zone:disabled{cursor:wait;opacity:.65}.drop-icon{color:#315bc6;background:#e8efff;border-radius:50%;place-items:center;width:48px;height:48px;font-size:1.6rem;font-weight:400;display:grid}.drop-title{text-align:center;margin-top:6px;font-size:1.05rem;font-weight:800}.drop-subtitle,.limit-note{color:#737d90;font-size:.86rem}.drop-subtitle{text-align:center}.limit-note{text-align:center;margin:12px 0 0;line-height:1.65}.button,.text-button,.icon-button,.remove-button{cursor:pointer;border:0;border-radius:10px;font-weight:700}.button{min-height:48px;padding:0 18px}.button-primary{color:#fff;background:#315bc6}.button-primary:hover:not(:disabled){background:#284da9}.button-secondary{color:#2d3b53;background:#fff;border:1px solid #d7deea}.button-secondary:hover:not(:disabled){background:#f7f9fc}.button:disabled,.text-button:disabled,.icon-button:disabled,.remove-button:disabled,.filename-field input:disabled{cursor:not-allowed;opacity:.45}.text-button,.remove-button{color:#b33a44;background:0 0}.text-button{min-height:44px;padding:10px 8px}.file-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.file-row{background:#fbfcfe;border:1px solid #e3e8f0;border-radius:12px;grid-template-columns:28px 36px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:74px;padding:12px;transition:border-color .12s,background .12s,opacity .12s;display:grid}.file-row.is-drag-source{opacity:.5}.file-row.is-drag-target{background:#f2f6ff;border-color:#315bc6}.drag-handle{color:#7a8496;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:8px;place-items:center;width:28px;height:44px;font-size:1.25rem;line-height:1;display:grid}.drag-handle:hover{color:#34435c;background:#edf2fa}.drag-handle:active{cursor:grabbing}.file-order{color:#315bc6;background:#eef3ff;border-radius:8px;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.file-meta{flex-direction:column;gap:5px;min-width:0;display:flex}.file-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-detail{color:#727d90;font-size:.82rem}.file-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.icon-button{color:#34435c;background:#edf2fa;width:44px;height:44px;font-size:1.05rem}.icon-button:hover:not(:disabled){background:#e1e8f4}.remove-button{min-height:44px;padding:0 10px}.summary-row{color:#58647a;flex-wrap:wrap;justify-content:flex-end;gap:8px 16px;margin-top:16px;font-size:.9rem;font-weight:700;display:flex}.action-panel{justify-content:space-between;align-items:center;gap:24px;display:flex}.create-copy{flex:1;min-width:0}.action-panel .create-copy p:last-child{color:#687285;margin:7px 0 0;font-size:.9rem}.create-controls{align-items:flex-end;gap:10px;display:flex}.filename-field{color:#58647a;gap:6px;min-width:250px;font-size:.82rem;font-weight:700;display:grid}.filename-field input{color:#172033;background:#fff;border:1px solid #d7deea;border-radius:10px;width:100%;min-width:0;min-height:48px;padding:0 12px}.filename-field input:hover:not(:disabled){border-color:#b8c4d8}.action-panel .button-primary{min-width:180px}.status,.error{border-radius:12px;margin-top:16px;padding:14px 16px;line-height:1.6}.status{color:#294d9e;background:#f1f5ff;border:1px solid #cddbf8}.error{color:#8c2e38;background:#fff5f5;border:1px solid #f0c7cb}.result-panel{text-align:center;padding-block:34px}.result-mark{color:#2d7a4b;background:#eaf7ef;border-radius:50%;place-items:center;width:52px;height:52px;margin:0 auto 14px;font-size:1.5rem;font-weight:900;display:grid}.result-panel h2{margin-bottom:8px}.result-panel>p:not(.result-mark){color:#687285}.result-actions{justify-content:center;gap:10px;margin-top:20px;display:flex}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[hidden]{display:none!important}.is-embed body{background:#fff}.is-embed .app-shell{width:min(920px,100% - 16px);padding:8px 0 32px}.is-embed .hero{display:none}.is-embed .privacy-note{margin-top:0}@media (width<=680px){.app-shell{width:min(100% - 20px,920px);padding:28px 0 48px}.is-embed .app-shell{width:min(100% - 12px,920px);padding:6px 0 24px}.hero{padding-bottom:20px}.panel{border-radius:15px;padding:18px}.section-heading{align-items:flex-start}.drop-zone{min-height:180px}.drag-handle{display:none}.file-row{grid-template-columns:34px minmax(0,1fr)}.file-controls{grid-column:2;justify-content:flex-end}.action-panel{flex-direction:column;align-items:stretch}.create-controls{flex-direction:column;align-items:stretch;width:100%}.filename-field{min-width:0}.action-panel .button-primary{width:100%}.result-actions{flex-direction:column}.result-actions .button{width:100%}}@media (width<=360px){.panel{padding:16px}#add-more-button{width:100%}.file-controls,.summary-row{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.drop-zone,.file-row{transition:none}html:focus-within{scroll-behavior:auto}}