.pr{--color-text: #1A202C;--color-text-heading: #1C1C1C;--color-text-muted: #80859F;--color-surface: #FFFFFF;--color-surface-sunken: #F9F9F9;--color-surface-cool: #F4F6FA;--color-border: #DFE4E9;--color-border-strong: #C9D2DE;--color-primary: #206BC4;--color-primary-deep: #1B5AA8;--color-accent-soft: color-mix(in srgb, var(--color-primary) 12%, var(--color-surface));--color-success-strong: #1F7144;--color-success-soft-bg: #F0FDF4;--color-success-border: #86EFAC;--color-success-vivid-strong: #16A34A;--text-sm: 14px;--text-base: 16px;--text-heading: 24px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-button: 4px;--radius-popover: 6px;--radius-modal: 8px;--shadow-popover: 0 8px 16px 4px rgba(0, 0, 0, .12);--shadow-modal: 0 0 0 1px rgba(15, 23, 42, .16), 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--duration: .2s;--easing: ease;--pr-move: .9s;font-family:Inter,Noto Sans JP,Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--color-text)}.pr-frame{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--radius-modal);background:var(--color-surface-cool);box-shadow:var(--shadow-modal)}.pr-stage{position:absolute;top:0;left:0;width:960px;height:540px;transform-origin:0 0;transform:scale(var(--pr-scale, 1))}.pr-scene{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity var(--duration) var(--easing),visibility 0s linear var(--duration)}.pr-scene.is-active,.pr-stage:not(.is-live) .pr-scene[data-default]{opacity:1;visibility:visible;transition:opacity var(--duration) var(--easing)}.pr-scene--title{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);background:var(--color-surface);text-align:center}.pr-title__logo{width:220px;height:auto}.pr-title__main{margin:0;font-size:calc(var(--text-heading) * 2);font-weight:700;line-height:1.35;letter-spacing:-.24px;color:var(--color-text-heading)}.pr-title__sub{margin:0;font-size:var(--text-heading);line-height:1.5;color:var(--color-text-muted)}.pr-scene--title.is-active .pr-title__logo{animation:pr-rise var(--pr-move) var(--easing) both}.pr-scene--title.is-active .pr-title__main{animation:pr-rise var(--pr-move) var(--easing) .15s both}.pr-scene--title.is-active .pr-title__sub{animation:pr-rise var(--pr-move) var(--easing) .3s both}.pr-window{position:absolute;left:96px;top:16px;width:768px;border:1px solid var(--color-border);border-radius:var(--radius-modal);background:var(--color-surface);box-shadow:var(--shadow-modal);overflow:hidden}.pr-window__bar{display:flex;gap:var(--space-2);align-items:center;height:28px;padding:0 var(--space-3);background:var(--color-surface-sunken);border-bottom:1px solid var(--color-border)}.pr-window__bar i{width:10px;height:10px;border-radius:50%;background:var(--color-border-strong)}.pr-shot{position:relative;overflow:hidden}.pr-shot img{display:block;width:100%;height:auto}.pr-scene--screen.is-active .pr-window{animation:pr-rise var(--pr-move) var(--easing) both}.pr-caption{position:absolute;left:var(--space-5);bottom:var(--space-5);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5) var(--space-3) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-modal);box-shadow:var(--shadow-popover)}.pr-caption__no{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:var(--text-heading);font-weight:700;font-variant-numeric:tabular-nums}.pr-caption__title{font-size:calc(var(--text-heading) * 1.5);font-weight:700;line-height:1.35;letter-spacing:-.24px;color:var(--color-text-heading)}.pr-scene--screen.is-active .pr-caption{animation:pr-rise var(--pr-move) var(--easing) .25s both}.pr-drop{position:absolute;left:21.5%;top:46.8%;width:76.1%;height:18.2%;border:2px dashed var(--color-primary);border-radius:var(--radius-modal);background:var(--color-accent-soft);opacity:0}.pr-file{position:absolute;left:calc(26% + var(--i) * 24%);top:50%;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-popover);box-shadow:var(--shadow-popover);font-size:var(--text-sm);font-weight:600;white-space:nowrap;opacity:0}.pr-file__icon{padding:2px var(--space-1);border-radius:var(--radius-button);color:#fff;font-size:10px;font-weight:700;letter-spacing:.02em}.pr-file--xlsx .pr-file__icon{background:var(--color-success-strong)}.pr-file--csv .pr-file__icon{background:var(--color-primary)}.pr-toast{position:absolute;right:var(--space-4);top:var(--space-4);display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-success-soft-bg);border:1px solid var(--color-success-border);border-radius:var(--radius-popover);box-shadow:var(--shadow-popover);color:var(--color-success-strong);font-size:var(--text-sm);font-weight:600;opacity:0}.pr-toast svg{color:var(--color-success-vivid-strong);flex:none}.pr-scene.is-active .pr-file{animation:pr-fly 1.1s cubic-bezier(.22,1,.36,1) calc(.5s + var(--i) * .25s) both,pr-fade-out var(--duration) var(--easing) 2.6s forwards}.pr-scene.is-active .pr-drop{animation:pr-fade-in var(--duration) var(--easing) 1.9s both,pr-fade-out .4s var(--easing) 3s forwards}.pr-scene.is-active .pr-toast{animation:pr-rise .4s var(--easing) 2.8s both}.pr-total{position:absolute;left:69.25%;top:15.2%;width:25%;height:.8%;border-radius:999px;overflow:hidden}.pr-total__bar{display:block;width:100%;height:100%;background:var(--color-primary);transform-origin:0 50%}.pr-total__pct{position:absolute;left:95%;top:14.3%;width:3.6%;height:2.6%;display:grid;place-items:center end;background:var(--color-surface);font-size:8.5px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-text-heading);counter-reset:pr-pct var(--pr-pct)}.pr-total__pct:after{content:counter(pr-pct) "%"}.pr-row-bar{position:absolute;left:84.4%;width:13.5%;height:.64%;border-radius:999px;background:var(--color-primary);transform-origin:0 50%;transform:scaleX(0)}@property --pr-pct{syntax: "<integer>"; inherits: false; initial-value: 100;}.pr-scene.is-active .pr-total__bar{animation:pr-grow 5s linear .6s both}.pr-scene.is-active .pr-total__pct{animation:pr-count 5s linear .6s both}.pr-scene.is-active .pr-row-bar{animation:pr-grow .6s var(--easing) calc(.6s + var(--i) * .3s) both}.pr-band{position:absolute;top:19.4%;height:79.2%;border:2px solid var(--color-primary);border-radius:var(--radius-button);opacity:0}.pr-scene.is-active .pr-shot--worksheet .pr-shot__canvas{animation:pr-zoom 6s var(--easing) both}.pr-scene.is-active .pr-band{animation:pr-pulse 1.4s var(--easing) calc(.7s + var(--i) * 1.4s) both}.pr-ring{position:absolute;top:6.2%;height:10.4%;border:2px solid var(--color-primary);border-radius:var(--radius-modal);opacity:0}.pr-scene.is-active .pr-ring{animation:pr-pulse 1.2s var(--easing) calc(.8s + var(--i) * .7s) both}@keyframes pr-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pr-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pr-fade-out{to{opacity:0}}@keyframes pr-fly{0%{opacity:0;transform:translate(-420px,-90px) rotate(-6deg)}20%{opacity:1}to{opacity:1;transform:none}}@keyframes pr-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pr-count{0%{--pr-pct: 0}to{--pr-pct: 100}}@keyframes pr-zoom{0%{transform:scale(1)}to{transform:scale(1.06)}}@keyframes pr-pulse{0%{opacity:0;transform:scale(1.04)}25%{opacity:1;transform:none}75%{opacity:1}to{opacity:0}}.pr-shot__canvas{position:relative}.pr-shot--worksheet .pr-shot__canvas{transform-origin:30% 20%}.pr-stage.is-paused *,.pr-stage.is-paused *:after{animation-play-state:paused!important}.pr-steps{list-style:none;margin:var(--space-4) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.pr-step{display:flex;flex-direction:column;gap:var(--space-2);width:100%;height:100%;padding:var(--space-4);border:1px solid transparent;border-radius:var(--radius-modal);background:var(--color-surface);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;opacity:.4;transition:opacity var(--duration) var(--easing),box-shadow var(--duration) var(--easing)}.pr-step:hover{opacity:.7}.pr-step:focus-visible{outline:none;opacity:.7;box-shadow:0 0 0 2px #8fb5e1}.pr-step[aria-pressed=true]{opacity:1}.pr-step__head{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:700;color:var(--color-text-heading)}.pr-step__no{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--color-accent-soft);color:var(--color-primary);font-size:12px;font-variant-numeric:tabular-nums}.pr-step[aria-pressed=true] .pr-step__no{background:var(--color-primary);color:#fff}.pr-step__body{font-size:12px;line-height:1.5;color:var(--color-text-muted)}@media screen and (max-width:767px){.pr-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.pr-step{padding:var(--space-3)}}@media(prefers-reduced-motion:reduce){.pr-stage *{animation:none!important}.pr-scene .pr-file,.pr-scene .pr-drop,.pr-scene .pr-band,.pr-scene .pr-ring{display:none}.pr-scene .pr-row-bar{transform:none}.pr-scene.is-active .pr-toast{opacity:1}}