.holo-panel{margin:24px 0;padding:24px;border:1px solid var(--color-line, #e2e8f0);border-radius:24px;background:var(--color-surface-1, #fff);color:var(--color-ink-1, #172333)}.holo-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px}.holo-heading h2{font-size:20px;font-weight:650}.holo-kicker{font-size:10px;letter-spacing:.18em;color:var(--color-ink-3, #64748b);margin-bottom:6px}.holo-description{font-size:14px;line-height:1.7;color:var(--color-ink-2, #526071)}.holo-player{width:100%;max-width:380px;margin:0 auto}.holo-stage{aspect-ratio:2/3;width:100%;overflow:hidden;border-radius:18px;touch-action:pan-y;background:#eef0f2}.holo-stage canvas{display:block;width:100%;height:100%}.holo-stage:focus-visible{outline:3px solid #5494db;outline-offset:3px}.holo-poster{position:relative;aspect-ratio:2/3;overflow:hidden;border-radius:18px;background:linear-gradient(145deg,#173d44,#112228);border:1px solid #9dbab577}.holo-gold{background:linear-gradient(145deg,#44331d,#171819);border-color:#a38750}.holo-pearl{background:linear-gradient(145deg,#514769,#28223c)}.holo-poster-image{width:100%;height:100%;object-fit:cover}.holo-subject-image{position:absolute;width:82%;height:62%;left:9%;top:20%;object-fit:contain}.holo-poster-copy{position:absolute;top:7%;left:7%;right:7%;color:#fff;text-shadow:0 1px 8px #0009}.holo-poster-copy span{font-size:9px;letter-spacing:.15em}.holo-poster-copy strong{display:block;margin:14px 0 4px;font-size:clamp(22px,5vw,34px);line-height:1.2;overflow-wrap:anywhere}.holo-poster-copy p{font-size:12px}.holo-play{position:absolute;bottom:6%;left:12%;width:76%;padding:12px 8px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #fff6;border-radius:999px;background:#ffffffed;color:#1e293b;font-size:13px;font-weight:600;box-shadow:0 8px 28px #0004}.holo-placeholder{aspect-ratio:2/3;display:grid;place-items:center;font-size:13px;color:#94a3b8;background:#172333;border-radius:18px}.holo-hint{font-size:12px;line-height:1.7;color:var(--color-ink-3, #64748b);margin:10px 0;overflow-wrap:anywhere}.holo-controls{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:12px 0}.holo-link{display:inline-block;font-size:14px;text-decoration:underline;color:var(--color-brand, #2576c4);margin:8px 0}.holo-editor{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:28px;align-items:start}.holo-editor-preview{position:sticky;top:0}.holo-editor-fields{display:grid;gap:20px;min-width:0}.holo-field{display:grid;gap:8px;font-size:13px;font-weight:550}.holo-field input:not([type=range]),.holo-field textarea{width:100%;padding:10px 12px;border:1px solid var(--color-line, #dbe2e8);background:var(--color-surface-1, #fff);color:inherit;border-radius:10px;font-weight:400}.holo-field input[type=range]{width:100%;accent-color:#448fb4}.holo-photos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.holo-photos button{position:relative;background:var(--color-surface-2, #f1f5f9);border:2px solid transparent;border-radius:12px;overflow:hidden;aspect-ratio:3/4}.holo-photos button[aria-pressed=true]{border-color:#3c98bd}.holo-photos img{width:100%;height:100%;object-fit:cover}.holo-templates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.holo-templates button{padding:14px 4px;border:1px solid var(--color-line, #dbe2e8);border-radius:12px;font-size:12px}.holo-templates button[aria-pressed=true]{border-color:#3c98bd;background:#3c98bd15}.holo-templates i{display:block;width:30px;height:30px;border-radius:50%;margin:0 auto 8px;background:conic-gradient(#6eafb5,#d4afd3,#f6e4b8,#7bafb3)}.holo-templates button:nth-child(2) i{background:linear-gradient(120deg,#cac3db,#f9f2ff,#c4dfe7)}.holo-templates button:nth-child(3) i{background:linear-gradient(120deg,#98763c,#f0dda4,#b89558)}.holo-notice{padding:12px;border-radius:12px;background:var(--color-surface-2, #f1f5f9);font-size:13px;line-height:1.7}.holo-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.holo-consent{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.7}.holo-consent input{margin-top:4px}.holo-photo-badge{position:absolute;inset:auto 0 0;display:flex;align-items:center;justify-content:center;gap:3px;padding:5px 2px;font-size:11px;color:#fff;background:#163e52ed}.holo-photo-guide,.holo-quota-note{padding:12px 14px;margin-top:12px;border:1px solid var(--color-line, #dbe2e8);border-radius:12px;background:var(--color-surface-2, #f1f5f9);font-size:12px;line-height:1.7;color:var(--color-ink-2, #526071)}.holo-photo-guide h4{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:650;color:var(--color-ink-1, #172333)}.holo-photo-guide ul{list-style:disc;padding-left:18px;margin:8px 0}.holo-photo-guide li+li,.holo-quota-note p{margin-top:6px}.holo-loading{display:flex;align-items:center;gap:8px}.holo-spinner{flex-shrink:0;animation:holo-spin 1s linear infinite}@keyframes holo-spin{to{transform:rotate(360deg)}}.holo-render-area{position:relative}.holo-render-status{position:absolute;bottom:52px;left:12px;right:12px;justify-content:center;padding:10px;border-radius:10px;background:#172333;color:#f1f5f9;font-size:12px;pointer-events:none}.holo-asset-status{display:grid;justify-items:center;gap:12px;padding:20px;text-align:center}.holo-asset-status strong{color:#e2e8f0}.holo-tabs{display:flex;gap:8px;margin-bottom:16px}.holo-tabs button{flex:1;padding:10px 6px;border:1px solid var(--color-line, #dbe2e8);border-radius:10px;font-size:13px}.holo-tabs button[aria-pressed=true]{background:#3c98bd16;border-color:#3c98bd}@media(max-width:640px){.holo-panel{padding:18px}.holo-editor{grid-template-columns:1fr;gap:20px}.holo-editor-preview{position:relative;max-width:270px;margin:auto;width:100%}.holo-editor-empty{aspect-ratio:auto;min-height:176px}.holo-heading{align-items:flex-start}.holo-heading h2{font-size:18px}}@media(prefers-reduced-motion:reduce){.holo-spinner{animation:none}.holo-stage,.holo-poster{scroll-behavior:auto}}