.ds-button{position:relative;width:fit-content;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;padding:.625em 1em;border:none;cursor:pointer;transition:background-color .2s ease,color .2s ease;color:var(--color-on-primary);font-size:var(--font-size-normal);font-weight:var(--font-weight-semibold);line-height:1;border-radius:var(--border-radius-medium)}@supports (corner-shape: squircle){.ds-button{border-radius:var(--border-radius-large);corner-shape:squircle}}.ds-button--full-width{width:100%}.ds-button--primary{background-color:var(--color-primary);color:var(--color-on-primary)}.ds-button--primary:hover,.ds-button--primary:active{background-color:var(--color-primary-hover)}.ds-button--secondary{background-color:var(--color-primary-light-10);color:var(--color-primary-light-51)}.ds-button--secondary:hover,.ds-button--secondary:active{background-color:var(--color-primary-light-30)}.ds-button--text{background-color:transparent;color:var(--color-primary-light-51)}.ds-button--text:hover,.ds-button--text:active{color:var(--color-primary)}.ds-button--error{background-color:var(--color-error);color:var(--color-on-error)}.ds-button--error:hover,.ds-button--error:active{background-color:var(--color-error2)}.ds-button--small{padding:.375em 1.5em;min-height:2.5rem;font-size:var(--font-size-small-plus)}.ds-button--medium{padding:.625em 2em;min-height:3rem;font-size:var(--font-size-normal)}.ds-button--large{padding:.875em 2.25em;font-size:var(--font-size-large)}.ds-button[disabled]{cursor:not-allowed;background-color:var(--color-disabled);opacity:1}.ds-button[disabled].ds-button--secondary{background-color:var(--color-gray-15);color:var(--color-disabled)}.ds-button__icon{display:flex;align-items:center;margin-right:.3em}.ds-button__icon svg{display:block}.ds-button__icon--end{margin-right:0;margin-left:.3em}.ds-linear-progress{width:100%;position:relative;overflow:visible;display:flex;align-items:center;gap:.5em}.ds-linear-progress--small .ds-linear-progress__track{height:.25rem}.ds-linear-progress--medium .ds-linear-progress__track{height:.5rem}.ds-linear-progress--large .ds-linear-progress__track{height:.875rem}.ds-linear-progress__track{width:100%;height:100%;background-color:var(--color-border);border-radius:999px;overflow:hidden}.ds-linear-progress__bar{height:100%;background-color:var(--color-primary);border-radius:999px;corner-shape:squircle;transition:width .3s ease-in-out}.ds-linear-progress--primary .ds-linear-progress__bar{background-color:var(--color-primary)}.ds-linear-progress--secondary .ds-linear-progress__bar{background-color:var(--color-secondary)}.ds-linear-progress--success .ds-linear-progress__bar{background-color:var(--color-common-success)}.ds-linear-progress--error .ds-linear-progress__bar{background-color:var(--color-error)}.ds-linear-progress--indeterminate .ds-linear-progress__bar{width:50%;animation:indeterminate 1.5s infinite ease-in-out}.ds-linear-progress__value{font-weight:600;color:var(--color-text);white-space:nowrap;line-height:1;display:flex;align-items:center;transform:translateY(-1px)}.ds-linear-progress--small .ds-linear-progress__value{font-size:var(--font-size-small);transform:translateY(0)}.ds-linear-progress--medium .ds-linear-progress__value{font-size:var(--font-size-small-plus)}.ds-linear-progress--large .ds-linear-progress__value{font-size:var(--font-size-normal)}@keyframes indeterminate{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.ds-input{position:relative;display:flex;flex-direction:column;gap:.25em;width:100%}.ds-input__label{font-size:var(--font-size-small);color:var(--color-text);padding-left:.25em;display:flex;align-items:center;gap:.25em}.ds-input__required{color:var(--color-error);font-size:1.2em;line-height:1}.ds-input__field{padding:.625em .875em;min-height:3em;font-size:var(--font-size-normal);border:1px solid var(--color-border);border-radius:var(--border-radius-medium);outline:none;width:100%;box-sizing:border-box;background-color:light-dark(var(--color-gray-0),var(--color-gray-90));color:var(--color-input-text);transition:border-color .2s,box-shadow .2s}@supports (corner-shape: squircle){.ds-input__field{border-radius:var(--border-radius-large);corner-shape:squircle}}.ds-input__field:focus{border-color:light-dark(var(--color-gray-40),var(--color-gray-70))}.ds-input__field::placeholder{color:var(--color-placeholder)}.ds-input__field--error,.ds-input__field--error:focus{border-color:var(--color-error)}.ds-input__wrapper{position:relative;display:flex;align-items:center}.ds-input__wrapper:has(.ds-input__toggle) .ds-input__field{padding-right:3em}.ds-input__toggle{position:absolute;right:.5em;top:.7em;background:none;border:none;cursor:pointer;padding:.25em .5em;font-size:.75em;transition:opacity .2s ease-in-out}.ds-input__toggle:hover{opacity:var(--opacity-hover)}.ds-input__toggle:active{opacity:var(--opacity-active)}.ds-input__helper{font-size:.75em;color:var(--color-text)}.ds-input__helper--error{color:var(--color-error)}.ds-input__field-wrapper{position:relative;display:flex;align-items:center}.ds-input__field--with-end-icon{padding-right:2.5em}.ds-input__field--with-start-icon{padding-left:2.8em}.ds-input__end-icon{position:absolute;right:1em;display:flex;align-items:center}.ds-input__start-icon{position:absolute;left:1em;display:flex;align-items:center}.ds-input__field:disabled{background-color:light-dark(var(--color-gray-10),var(--color-gray-90));color:var(--color-gray-40);border-color:var(--color-disabled);cursor:not-allowed}.ds-input__field:disabled::placeholder{color:var(--color-gray-40)}.ds-input__field-wrapper--disabled .ds-input__start-icon,.ds-input__field-wrapper--disabled .ds-input__end-icon{filter:grayscale(1);opacity:.5}.ds-input-file__native{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ds-input-file__dropzone{display:flex;align-items:center;gap:.75em;width:100%;min-height:5.5rem;padding:.875em 1em;box-sizing:border-box;border:1px dashed var(--color-border-strong);border-radius:var(--border-radius-medium);background-color:var(--color-surface-inset);color:var(--color-text);cursor:pointer;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}@supports (corner-shape: squircle){.ds-input-file__dropzone{border-radius:var(--border-radius-large);corner-shape:squircle}}.ds-input-file__dropzone:hover,.ds-input-file__dropzone:focus-visible{border-color:var(--color-primary);outline:none}.ds-input-file__dropzone--dragging{border-color:var(--color-primary);border-style:solid;background-color:var(--color-primary-light-10);box-shadow:inset 0 0 0 1px var(--color-primary)}.ds-input-file__dropzone--filled{border-style:solid;border-color:var(--color-border);background-color:light-dark(var(--color-gray-0),var(--color-gray-90))}.ds-input-file__dropzone--error{border-color:var(--color-error)}.ds-input-file__dropzone--disabled{cursor:not-allowed;opacity:.6;background-color:light-dark(var(--color-gray-10),var(--color-gray-90))}.ds-input-file__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2.25rem;height:2.25rem;border-radius:999px;color:var(--color-primary);background-color:var(--color-primary-light-10)}.ds-input-file__copy{display:flex;flex-direction:column;gap:.15em;min-width:0;flex:1}.ds-input-file__title{font-size:var(--font-size-small-plus);font-weight:var(--font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-input-file__hint{font-size:var(--font-size-small);color:var(--color-text-muted)}.ds-input-file__dropzone .ds-button{flex-shrink:0}.ds-button-group{display:inline-flex;align-items:center}.ds-button-group--horizontal{flex-direction:row}.ds-button-group--vertical{flex-direction:column}.ds-button-group--vertical>.ds-button{width:100%}.ds-button-group .ds-button{height:100%;overflow:hidden}.ds-button-group--horizontal .ds-button:not(:first-child):not(:last-child){border-radius:0}.ds-button-group--horizontal .ds-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.ds-button-group--horizontal .ds-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.ds-button-group--vertical .ds-button:not(:first-child):not(:last-child){border-radius:0}.ds-button-group--vertical .ds-button:first-child{border-bottom-left-radius:0;border-bottom-right-radius:0}.ds-button-group--vertical .ds-button:last-child{border-top-left-radius:0;border-top-right-radius:0}.ds-button-group--toggle .ds-button{position:relative;z-index:var(--z-index-elevate)}.ds-button-group--toggle .ds-button.ds-button--selected{z-index:2;background-color:var(--color-primary);color:var(--color-on-primary);box-shadow:inset 0 0 0 1px var(--color-primary-hover);font-weight:var(--font-weight-bold)}.ds-button-group--toggle .ds-button.ds-button--selected:hover,.ds-button-group--toggle .ds-button.ds-button--selected:active{background-color:var(--color-primary-hover);color:var(--color-on-primary)}.ds-button-group--toggle .ds-button.ds-button--selected[disabled]{background-color:var(--color-disabled);color:var(--color-text-subtle);box-shadow:none}html,body{box-sizing:border-box;margin:0;padding:0}*,*:before,*:after{box-sizing:inherit}ul,ol,li{list-style:none;margin:0;padding:0}button,input,select,textarea{font-family:inherit}fieldset{border:0;margin:0;padding:0;min-width:0}:root{color-scheme:light dark;--color-primary: light-dark(#1f7a73, #5ecfc4);--color-primary-hover: light-dark(#165e58, #7adcd2);--color-on-primary: light-dark(#ffffff, #161616);--color-primary-light-10: light-dark(#d8f4f1, #1a2e2c);--color-primary-light-30: light-dark(#b8e8e3, #24403c);--color-primary-light-50: light-dark(#1f7a73, #5ecfc4);--color-primary-light-51: light-dark(#155e58, #5ecfc4);--color-on-error: light-dark(#ffffff, #161616);--color-secondary: light-dark(#51769b, #7a9bb8);--color-text: light-dark(#161616, #f7f3ec);--color-text-muted: light-dark(#5c574f, #c8c3bb);--color-text-subtle: light-dark(#6f6a64, #8f8a84);--color-bg: light-dark(#f4efe7, #161616);--color-surface: light-dark(#ffffff, #222222);--color-surface-inset: light-dark(#efeae3, #111111);--color-border: light-dark(#ddd8d0, #333333);--color-border-strong: light-dark(#c8c3bb, #444444);--color-input-text: light-dark(#161616, #ffffff);--color-placeholder: light-dark(#6b7280, #9ca3af);--color-player-bg: #000000;--color-error: light-dark(#c43c3c, #ff8a8a);--color-error2: light-dark(#be3228, #e07070);--color-status: light-dark(#1f7a73, #5ecfc4);--color-disabled: light-dark(#dddddd, #333333);--color-common-black: #000000;--color-common-success: #197a58;--color-gray-90: #111827;--color-gray-70: #374151;--color-gray-40: #9ca3af;--color-gray-15: #f3f4f6;--color-gray-10: #f7f8f8;--color-gray-0: #fefefe;--font-family: "Segoe UI", system-ui, sans-serif;--font-family-heading: "Segoe UI", system-ui, sans-serif;--border-radius-medium: 12px;--border-radius-large: 16px;--border-radius-extra-large: 24px;--z-index-negative: -1;--z-index-elevate: 1;--opacity-hover: .95;--opacity-active: .85}.light{color-scheme:light}.dark{color-scheme:dark}html,body{height:100%}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--h1-size: 2rem;--h2-size: 1.125rem;--h3-size: 1.125rem;--h4-size: 1rem;--h5-size: .875rem;--h6-size: .75rem;--line-height-tight: 1.2;--line-height-normal: 1.5;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-size-small: .75rem;--font-size-small-plus: .9rem;--font-size-normal: 1rem;--font-size-large: 1.2rem}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-family-heading);line-height:var(--line-height-tight);color:var(--color-text)}h1{font-size:var(--h1-size);font-weight:var(--font-weight-bold)}h2{font-size:var(--h2-size);font-weight:var(--font-weight-bold)}h3{font-size:var(--h3-size);font-weight:var(--font-weight-medium)}h4{font-size:var(--h4-size);font-weight:var(--font-weight-medium)}h5{font-size:var(--h5-size);font-weight:var(--font-weight-medium)}h6{font-size:var(--h6-size);font-weight:var(--font-weight-medium)}p{margin:0;font-size:var(--font-size-normal);line-height:var(--line-height-normal)}.ds-gap-1{gap:.5em}.ds-gap-1-5{gap:.75em}.ds-gap-2{gap:1em}.ds-gap-3{gap:1.5em}.ds-gap-4{gap:2em}.ds-mt-1{margin-top:.5em}.ds-mt-2{margin-top:1em}.ds-mt-3{margin-top:1.5em}.ds-mb-1{margin-bottom:.5em}.ds-mb-2{margin-bottom:1em}.ds-mb-3{margin-bottom:1.5em}.ds-ml-1{margin-left:.5em}.ds-ml-2{margin-left:1em}.ds-ml-3{margin-left:1.5em}.ds-mr-1{margin-right:.5em}.ds-mr-2{margin-right:1em}.ds-mr-3{margin-right:1.5em}.ds-pt-1{padding-top:.5em}.ds-pt-2{padding-top:1em}.ds-pt-3{padding-top:1.5em}.ds-pb-1{padding-bottom:.5em}.ds-pb-2{padding-bottom:1em}.ds-pb-3{padding-bottom:1.5em}.ds-pl-1{padding-left:.5em}.ds-pl-2{padding-left:1em}.ds-pl-3{padding-left:1.5em}.ds-pr-1{padding-right:.5em}.ds-pr-2{padding-right:1em}.ds-pr-3{padding-right:1.5em}.ds-flex{display:flex}.ds-flex--column{flex-direction:column}.ds-flex--wrap{flex-wrap:wrap}.ds-flex--center{justify-content:center;align-items:center}.ds-flex--center-column{flex-direction:column;justify-content:center;align-items:center}.ds-flex--center-x{justify-content:center}.ds-flex--start-x{justify-content:flex-start}.ds-flex--end-x{justify-content:flex-end}.ds-flex--center-y{align-items:center}.ds-flex--space-between{justify-content:space-between}.ds-flex--space-between-center{justify-content:space-between;align-items:center}.ds-flex-1{flex:1}.ds-width--100{width:100%}.ds-width--auto{width:auto}.ds-text--center{text-align:center}.ds-text--left{text-align:left}.ds-text--right{text-align:right}.ds-text--muted{color:var(--color-text-muted)}.ds-text--subtle{color:var(--color-text-subtle)}.ds-text--status{color:var(--color-status)}.ds-text--error{color:var(--color-error)}.page{max-width:1200px;margin:0 auto;padding:2em 1.25em 4em}.site-footer{max-width:36rem;margin:3.5em auto 0;padding-top:2em;border-top:1px solid var(--color-border);text-align:center}.site-footer p{color:var(--color-text-muted);font-size:var(--font-size-small-plus)}.app-title{display:flex;align-items:center;gap:.75em;text-decoration:none;color:inherit}.app-title__logo{width:3rem;height:3rem;object-fit:cover;flex-shrink:0;border-radius:50%;background:var(--color-common-black)}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-large);padding:1.25em;margin-bottom:1em}.type-picker-scroller{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.type-picker-scroller .ds-button-group{width:max-content;max-width:none}.type-picker-scroller .ds-button{flex-shrink:0}@supports (corner-shape: squircle){.panel{border-radius:var(--border-radius-extra-large);corner-shape:squircle}}.layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:1em;align-items:start}.image-slot{display:flex;align-items:stretch;gap:.75em}.image-slot .ds-input-file{flex:1;min-width:0}.image-slot .ds-input-file__dropzone{height:100%;min-height:213px;flex-direction:column;justify-content:center;text-align:center}.image-slot .ds-input-file__copy{align-items:center}.image-frame{width:120px;height:213px;overflow:hidden;border-radius:var(--border-radius-medium);background:var(--color-surface-inset);cursor:grab;touch-action:none}.image-frame img{width:100%;height:100%;object-fit:cover;pointer-events:none}.color-swatch{width:1.5rem;height:1.5rem;padding:0;border:1px solid var(--color-border);border-radius:.25em;background:transparent;cursor:pointer}.player-shell{width:100%;max-width:280px;aspect-ratio:9 / 16;margin:0 auto;overflow:hidden;border-radius:var(--border-radius-medium);background:var(--color-player-bg)}.preview-column{position:sticky;top:16px}.field-container{display:flex;flex-direction:column;padding:1em}.field-container+.field-container{margin-top:4em;padding-top:2em;border-top:1px solid var(--color-border)}@media(max-width:900px){.layout{grid-template-columns:1fr}.preview-column{position:static}.image-slot{flex-direction:column}.image-slot .ds-input-file__dropzone{min-height:5.5rem}}