.digital-editor{border:1px solid var(--border,#ddd);border-radius:8px;padding:16px;min-width:0}.digital-kind{display:flex;gap:16px;margin:12px 0}.digital-kind label{border:1px solid var(--border,#ddd);border-radius:6px;padding:12px 20px;display:flex;align-items:center;gap:8px}.digital-kind input{width:auto}.digital-storage{display:flex;gap:14px;align-items:center;padding:12px 0;font-size:14px}.digital-gauge{display:block;flex:0 0 56px;height:56px;border-radius:50%;background:conic-gradient(#4F46E5 var(--used),#e5e7eb 0);mask:radial-gradient(transparent 53%,#000 55%)}.digital-asset{display:flex;gap:8px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--border,#ddd);padding:10px 0}.digital-asset span{flex:1;overflow-wrap:anywhere}.digital-asset button{padding:6px}.digital-progress-lines{height:3em;overflow:hidden;line-height:1.5}.digital-progress-lines div{animation:digital-rise .25s ease-out}.digital-dots{display:flex;gap:5px;margin:8px 0}.digital-dots i{height:5px;width:5px;background:currentColor;border-radius:50%;animation:digital-dot 1s infinite alternate}.digital-dots i:nth-child(2){animation-delay:.15s}.digital-dots i:nth-child(3){animation-delay:.3s}.digital-dots i:nth-child(4){animation-delay:.45s}.digital-dots i:nth-child(5){animation-delay:.6s}.digital-video{max-width:100%;width:100%;aspect-ratio:16/9;object-fit:contain}.digital-media{margin:12px 0;position:relative}.digital-media iframe{width:100%;aspect-ratio:16/9;border:0}.digital-media img{max-width:100%;height:auto}.digital-wizard-nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.digital-step[hidden]{display:none}.digital-editor [hidden]{display:none!important}@keyframes digital-dot{to{opacity:.2;transform:translateY(-3px)}}@keyframes digital-rise{from{transform:translateY(8px);opacity:.3}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.digital-dots i,.digital-progress-lines div{animation:none}}
.digital-step.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.digital-step .span-2{grid-column:1/-1}.product-form [hidden]{display:none!important}@media(max-width:600px){.digital-step.form-grid{grid-template-columns:1fr}.digital-step .span-2{grid-column:auto}}
.digital-product-dialog{width:min(920px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid var(--border,#ddd);border-radius:8px;background:var(--surface,#fff);color:inherit}.digital-product-dialog::backdrop{background:#0008}.digital-product-dialog>.settings-card{margin:0;border:0}.digital-dialog-close{position:sticky;top:8px;float:right;margin:8px;z-index:3;font-size:22px;line-height:1;background:var(--surface,#fff);color:inherit;border:1px solid var(--border,#ddd);border-radius:6px;padding:6px 10px}.digital-product-dialog .product-form{clear:both}

.product-kind-choice{min-width:0;border:1px solid var(--border,#ddd);border-radius:8px;padding:16px}.product-kind-choice .digital-kind{flex-wrap:wrap}.product-kind-choice label{min-height:44px;box-sizing:border-box}.product-kind-choice input{width:auto}.product-kind-choice small{display:block;line-height:1.5}.digital-editor[data-inline-editor] label{display:grid;gap:8px}.digital-editor[data-inline-editor] input,.digital-editor[data-inline-editor] select{box-sizing:border-box;max-width:100%;min-width:0}.digital-editor[data-inline-editor] button{min-height:44px}

.product-kind-soft{background:#f3f4f6;border-radius:14px}.product-kind-soft .digital-kind label{background:#fff;border-radius:10px}.product-kind-soft .digital-kind label:has(input:checked){border-color:#4f46e5;box-shadow:0 0 0 1px #4f46e5}.digital-sound-controls{position:absolute;bottom:8px;right:8px;display:flex;align-items:center;background:rgba(20,20,20,.72);color:#fff;border-radius:24px;padding:0 8px 0 0;gap:2px}.digital-sound-controls button{display:grid;place-items:center;min-width:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit}.digital-sound-controls input[type=range]{width:72px;min-height:44px;margin:0;padding:0;accent-color:#fff;cursor:pointer}.digital-sound-controls :focus-visible{outline:2px solid #fff;outline-offset:2px}.digital-sound-controls [hidden]{display:none}
