.firework-page{--firework-line: rgba(var(--contrast-rgb), .08);--firework-soft: rgba(var(--contrast-rgb), .045)}.firework-overview{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);gap:14px;align-items:stretch}.firework-settings,.firework-preview-panel,.firework-explosions-panel,.firework-command-panel{padding:18px}.firework-panel-head{margin-bottom:16px}.firework-settings{display:flex;flex-direction:column}.firework-field{display:flex;flex-direction:column;gap:8px;padding:13px 0;border-top:1px solid var(--firework-soft)}.firework-field__head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text);font-size:.76rem}.firework-field__head strong{font-weight:670}.firework-field__head output{min-width:31px;padding:4px 7px;border:1px solid var(--firework-line);border-radius:7px;background:var(--bg-elevated);color:var(--primary);font-size:.72rem;font-weight:760;text-align:center}.firework-field__hint,.firework-preview-note,.firework-noscript{margin:0;color:var(--text-muted);font-size:.68rem;line-height:1.5}.firework-field input[type=range]{width:100%;height:5px;margin:4px 0;appearance:none;border:0;border-radius:999px;background:linear-gradient(90deg,var(--primary) var(--firework-flight-progress, 50%),var(--bg-elevated) var(--firework-flight-progress, 50%));cursor:pointer}.firework-field input[type=range]::-webkit-slider-thumb{width:18px;height:18px;appearance:none;border:3px solid var(--bg-card);border-radius:50%;background:var(--primary);box-shadow:0 0 0 1px rgba(var(--primary-rgb),.34)}.firework-field input[type=range]::-moz-range-thumb{width:13px;height:13px;border:3px solid var(--bg-card);border-radius:50%;background:var(--primary);box-shadow:0 0 0 1px rgba(var(--primary-rgb),.34)}.firework-field input:focus-visible,.firework-replay:focus-visible,.firework-shape-button:focus-visible,.firework-effect-button:focus-visible,.firework-color-button:focus-visible,.firework-icon-button:focus-visible{outline:0;box-shadow:var(--generator-focus-ring)}.firework-count-field input{width:100%;min-height:40px;padding:8px 10px;border:1px solid var(--firework-line);border-radius:9px;background:var(--bg-elevated);color:var(--text);font:inherit;font-size:.78rem}.firework-syntax{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row}.firework-share{align-self:flex-start;margin-top:auto}.firework-preview-panel{display:flex;flex-direction:column}.firework-replay{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--firework-line);border-radius:9px;background:var(--bg-elevated);color:var(--text-muted);font:inherit;font-size:.7rem;font-weight:650;cursor:pointer}.firework-replay:hover{border-color:rgba(var(--primary-rgb),.3);color:var(--primary)}.firework-preview-stage{position:relative;overflow:hidden;min-height:250px;border:1px solid rgba(123,144,194,.2);border-radius:12px;background:radial-gradient(circle at 12% 17%,rgba(255,255,255,.5) 0 1px,transparent 1.5px),radial-gradient(circle at 31% 9%,rgba(255,255,255,.3) 0 1px,transparent 1.5px),radial-gradient(circle at 52% 22%,rgba(255,255,255,.22) 0 1px,transparent 1.5px),radial-gradient(circle at 71% 11%,rgba(255,255,255,.42) 0 1px,transparent 1.5px),radial-gradient(circle at 87% 26%,rgba(255,255,255,.3) 0 1px,transparent 1.5px),radial-gradient(circle at 44% 38%,rgba(255,255,255,.18) 0 1px,transparent 1.5px),linear-gradient(180deg,#060a1a,#0d1530 62%,#141d38);box-shadow:inset 0 1px #ffffff0a}.firework-preview-stage:after{content:"";position:absolute;inset:auto 0 0;height:26%;background:linear-gradient(180deg,transparent 0%,rgba(9,14,34,.55) 55%,rgba(6,10,26,.9) 100%);pointer-events:none}.firework-preview-stage canvas{position:relative;z-index:1;display:block;width:100%;height:100%;min-height:250px}.firework-preview-note{margin-top:9px}.firework-explosions-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}.firework-explosion-count{color:var(--text-muted);font-size:.72rem;font-weight:700;white-space:nowrap}.firework-explosion-list{display:flex;flex-direction:column;gap:10px}.firework-explosion-card{padding:15px;border:1px solid var(--firework-line);border-radius:13px;background:var(--bg-elevated)}.firework-explosion-card__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.firework-explosion-card__head{align-items:center}.firework-explosion-card__title{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;min-width:0;margin-right:auto}.firework-explosion-card__title strong{color:var(--text);font-size:.8rem}.firework-explosion-card__title span{overflow:hidden;color:var(--text-muted);font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.firework-explosion-card__actions{display:flex;gap:6px}.firework-icon-button{display:grid;place-items:center;width:33px;height:33px;padding:0;border:1px solid var(--firework-line);border-radius:8px;background:var(--bg-card);color:var(--text-muted);cursor:pointer}.firework-icon-button:hover:not(:disabled){border-color:rgba(var(--primary-rgb),.3);color:var(--primary)}.firework-icon-button--danger:hover:not(:disabled){border-color:rgba(var(--danger-rgb),.3);color:var(--danger)}.firework-icon-button:disabled{opacity:.36;cursor:not-allowed}.firework-explosion-card__body{display:grid;grid-template-columns:minmax(260px,.58fr) minmax(340px,1fr);align-items:start;gap:18px}.firework-editor-group+.firework-editor-group{margin-top:16px}.firework-editor-label{display:block;margin-bottom:8px;color:var(--text-muted);font-size:.67rem;font-weight:690}.firework-shapes{display:grid;grid-template-columns:repeat(auto-fit,minmax(102px,1fr));gap:6px}.firework-shape-button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:38px;padding:7px 4px;white-space:nowrap;border:1px solid var(--firework-line);border-radius:9px;background:var(--bg-card);color:var(--text-muted);font:inherit;font-size:.64rem;font-weight:650;cursor:pointer}.firework-shape-button:hover,.firework-shape-button.is-active{border-color:rgba(var(--primary-rgb),.34);background:rgba(var(--primary-rgb),.1);color:var(--primary)}.firework-shape-icon{display:block;width:22px;height:22px;flex:0 0 22px;background-color:currentColor;-webkit-mask:var(--firework-shape-icon) center / contain no-repeat;mask:var(--firework-shape-icon) center / contain no-repeat;opacity:.6;transition:opacity .14s ease}.firework-shape-button:hover .firework-shape-icon,.firework-shape-button.is-active .firework-shape-icon{opacity:1}.firework-effects{display:flex;flex-wrap:wrap;gap:7px}.firework-effect-button{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:7px 10px;border:1px solid var(--firework-line);border-radius:9px;background:var(--bg-card);color:var(--text-muted);font:inherit;font-size:.68rem;font-weight:650;cursor:pointer}.firework-effect-button:before{content:"";width:24px;height:14px;border-radius:999px;background:rgba(var(--contrast-rgb),.16);box-shadow:inset 0 0 0 1px rgba(var(--contrast-rgb),.08);transition:background .15s ease,box-shadow .15s ease}.firework-effect-button:after{content:"";position:absolute;top:50%;left:12px;width:10px;height:10px;border-radius:50%;background:var(--text-muted);transform:translateY(-50%);transition:transform .15s ease,background .15s ease}.firework-effect-button{position:relative}.firework-effect-button[aria-pressed=true]{border-color:rgba(var(--primary-rgb),.3);background:rgba(var(--primary-rgb),.08);color:var(--primary)}.firework-effect-button[aria-pressed=true]:before{background:rgba(var(--primary-rgb),.35)}.firework-effect-button[aria-pressed=true]:after{background:var(--primary);transform:translate(10px,-50%)}.firework-color-section+.firework-color-section{margin-top:15px}.firework-color-section__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}.firework-color-section__head strong{color:var(--text-muted);font-size:.67rem;font-weight:690}.firework-color-section__head span{color:var(--text-subtle, var(--text-muted));font-size:.61rem}.firework-color-grid{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:5px}.firework-color-button{position:relative;min-width:0;aspect-ratio:1;padding:0;border:2px solid transparent;border-radius:8px;background:var(--firework-color);box-shadow:inset 0 0 0 1px #00000029;cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.firework-color-button:hover{transform:translateY(-1px)}.firework-color-button.is-active{border-color:var(--bg-elevated);box-shadow:0 0 0 2px var(--primary),inset 0 0 0 1px #00000029;transform:translateY(-2px)}.firework-color-order{position:absolute;inset:auto -3px -3px auto;display:grid;place-items:center;min-width:15px;height:15px;padding:0 3px;border-radius:999px;background:var(--primary);color:var(--on-primary);font-size:.56rem;font-weight:800;line-height:1}.firework-explosion-card__dots{display:inline-flex;gap:3px;flex-wrap:wrap}.firework-color-dot{width:9px;height:9px;border-radius:3px;background:var(--firework-color);box-shadow:inset 0 0 0 1px #0000004d}.firework-explosion-thumb{display:grid;place-items:center;width:56px;height:56px;flex:0 0 56px;border:1px solid var(--firework-line);border-radius:11px;background:linear-gradient(180deg,#080d1f,#121a35)}.firework-explosion-thumb canvas{display:block;width:48px;height:48px;image-rendering:pixelated}.firework-command-panel code{display:block;max-height:180px;overflow:auto;padding:13px 14px;border:1px solid var(--firework-line);border-radius:10px;background:var(--bg-elevated);color:var(--text);font:500 .72rem/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow-wrap:anywhere;white-space:pre-wrap}.firework-command-warning{display:flex;align-items:flex-start;gap:7px;margin:9px 0 0;padding:9px 10px;border:1px solid rgba(var(--warning-rgb),.25);border-radius:9px;background:rgba(var(--warning-rgb),.08);color:var(--warning);font-size:.69rem;line-height:1.45}.firework-command-warning[hidden]{display:none}.firework-command-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px}.firework-command-foot>span{color:var(--text-muted);font-size:.68rem}.firework-command-foot strong{color:var(--text)}@media(max-width:960px){.firework-overview,.firework-explosion-card__body{grid-template-columns:1fr}.firework-color-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.firework-share{margin-top:8px}.firework-preview-stage,.firework-preview-stage canvas{min-height:280px}}@media(max-width:620px){.firework-settings,.firework-preview-panel,.firework-explosions-panel,.firework-command-panel{padding:14px}.firework-panel-head{align-items:stretch;flex-direction:column}.firework-panel-head .generator-section-head__aside{flex-basis:auto;text-align:left}.firework-replay,.firework-share,.firework-explosions-actions .btn{justify-content:center;width:100%;min-height:42px}.firework-explosions-actions{align-items:stretch;flex-direction:column}.firework-explosion-count{align-self:flex-start}.firework-shapes{grid-template-columns:repeat(2,minmax(0,1fr))}.firework-shape-button:last-child{grid-column:1 / -1}.firework-effects{flex-direction:column}.firework-effect-button{width:100%}.firework-color-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}.firework-color-button{border-radius:6px}.firework-command-foot{align-items:stretch;flex-direction:column}.firework-command-foot .btn{justify-content:center;width:100%;min-height:44px}}@media(max-width:430px){.firework-color-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:390px){.firework-preview-stage,.firework-preview-stage canvas{min-height:230px}}