.sequence-player,.sequence-studio{--sequence-ink:var(--color-text,#162033);--sequence-muted:var(--color-muted-text,#526079);--sequence-paper:var(--color-surface,#fff);--sequence-line:var(--color-border,#aab7cc);--sequence-accent:var(--color-accent,#2563eb);--sequence-accent-ink:var(--color-accent-foreground,#fff);min-height:100vh;color:var(--sequence-ink);background:radial-gradient(circle at 90% 5%, color-mix(in srgb, var(--sequence-accent) 12%, transparent), transparent 30rem), var(--color-background,#f6f8fc);font-family:Avenir Next,Noto Sans KR,system-ui,sans-serif}.sequence-player{padding:clamp(1rem,4vw,3rem)}.sequence-player__header,.sequence-player__instruction,.sequence-player__list,.sequence-player__controls,.sequence-studio__header,.sequence-studio__layout,.sequence-studio__validation{width:min(100%,64rem);margin-inline:auto}.sequence-player__header,.sequence-studio__header{justify-content:space-between;align-items:end;gap:1rem;margin-block-end:1.5rem;display:flex}.sequence-player__header h1,.sequence-studio h1{letter-spacing:-.05em;margin:.25rem 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,6vw,4.4rem);line-height:.98}.sequence-player__eyebrow,.sequence-studio__eyebrow{color:var(--sequence-accent);letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:850}.sequence-player button,.sequence-studio button,.sequence-studio input,.sequence-studio select{font:inherit}.sequence-player button,.sequence-studio button{border:1px solid var(--sequence-line);color:var(--sequence-ink);background:var(--sequence-paper);cursor:pointer;border-radius:.65rem}.sequence-player button:hover:not(:disabled),.sequence-studio button:hover:not(:disabled){border-color:var(--sequence-accent);transform:translateY(-1px)}.sequence-player button:focus-visible,.sequence-studio button:focus-visible,.sequence-studio input:focus-visible,.sequence-studio select:focus-visible{outline:3px solid var(--color-focus,#b45309);outline-offset:3px}.sequence-player button:disabled,.sequence-studio button:disabled{cursor:not-allowed;opacity:.5}.sequence-player__notice,.sequence-studio__validation{border-inline-start:.35rem solid var(--color-danger,#b91c1c);background:var(--sequence-paper);width:min(100%,64rem);margin-block:0 1rem;padding:.8rem 1rem}.sequence-player__instruction{border-inline-start:.35rem solid var(--sequence-accent);color:var(--sequence-muted);background:var(--sequence-paper);margin-block:0 1rem;padding:.8rem 1rem;font-weight:750}.sequence-player__list{counter-reset:sequence;gap:.75rem;margin-block:0;padding:0;list-style:none;display:grid}.sequence-player__item{border:1px solid var(--sequence-line);background:var(--sequence-paper);border-radius:.75rem;grid-template-columns:2.6rem minmax(0,1fr) auto;align-items:center;gap:.75rem;min-height:4.3rem;padding:.7rem .8rem;display:grid}.sequence-player__item-number{width:2.2rem;height:2.2rem;color:var(--sequence-accent-ink);background:var(--sequence-accent);border-radius:50%;place-items:center;font-weight:900;display:grid}.sequence-player__item-label{overflow-wrap:anywhere;font-size:clamp(1.05rem,2.5vw,1.4rem);font-weight:750}.sequence-player__item-actions{gap:.4rem;display:flex}.sequence-player__item-actions button{width:2.6rem;height:2.6rem;font-size:1.2rem;font-weight:900}.sequence-player__controls{gap:.75rem;margin-block-start:1.25rem;display:flex}.sequence-player__controls button,.sequence-studio__fieldset>button{padding:.7rem 1rem;font-weight:800}.sequence-player__controls button[data-primary=true]{border-color:var(--sequence-accent);color:var(--sequence-accent-ink);background:var(--sequence-accent)}.sequence-studio{padding:clamp(1rem,4vw,3rem)}.sequence-studio__layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(1rem,3vw,2rem);display:grid}.sequence-studio__form,.sequence-studio__preview{border:1px solid var(--sequence-line);background:var(--sequence-paper);border-radius:1rem;gap:1rem;min-width:0;padding:clamp(1rem,2vw,1.5rem);display:grid}.sequence-studio__field,.sequence-studio__item{gap:.35rem;display:grid}.sequence-studio__field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.sequence-studio__field label,.sequence-studio__item label{color:var(--sequence-muted);font-size:.84rem;font-weight:800}.sequence-studio__field input,.sequence-studio__field select,.sequence-studio__item input{border:1px solid var(--sequence-line);width:100%;min-width:0;color:var(--sequence-ink);background:var(--sequence-paper);border-radius:.45rem;padding:.55rem .65rem}.sequence-studio__fieldset{border:1px solid var(--sequence-line);border-radius:.75rem;gap:.8rem;min-width:0;margin:0;padding:.8rem;display:grid}.sequence-studio__fieldset legend{color:var(--sequence-muted);padding-inline:.4rem;font-weight:800}.sequence-studio__items{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.sequence-studio__item{border:1px solid var(--sequence-line);border-radius:.55rem;grid-template-columns:minmax(0,1fr) auto;padding:.7rem}.sequence-studio__item label,.sequence-studio__item input{grid-column:1/-1}.sequence-studio__item button{width:2.5rem;height:2.5rem;color:var(--color-danger,#b91c1c);grid-area:2/2}.sequence-studio__preview>h2{margin:0;font-size:1.35rem}.sequence-studio__preview .sequence-player{background:0 0;min-height:auto;padding:0}@media (width<=58rem){.sequence-studio__layout{grid-template-columns:1fr}}@media (width<=42rem){.sequence-studio__field-row{grid-template-columns:1fr}.sequence-player__item{grid-template-columns:2.6rem minmax(0,1fr)}.sequence-player__item-actions{grid-column:2}}@media (prefers-reduced-motion:reduce){.sequence-player button,.sequence-studio button{transition:none}}