.boot-screen{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}.boot-screen img{width:88px;height:88px;border-radius:24px}.boot-screen h1,.boot-screen p{margin:0}.boot-screen p{color:#b5c7d7}.boot-spinner{width:26px;height:26px;border:3px solid #324a60;border-top-color:#ffb735;border-radius:50%;animation:boot-spin 1s linear infinite}@keyframes boot-spin{to{transform:rotate(360deg)}}
.visual-frame{border:var(--cos-width) var(--cos-border) var(--cos-primary)!important;box-shadow:0 0 0 3px var(--cos-secondary)!important;position:relative;isolation:isolate}.frame-overlay{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;z-index:2;pointer-events:none}.badge-rack{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.visual-badge{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border:1px solid var(--cos-primary);border-radius:10px;color:var(--cos-primary);background:rgba(17,33,50,.8);font-size:14px;max-width:100%;overflow-wrap:anywhere}.visual-badge .icon,.visual-badge img{width:24px;height:24px;flex-shrink:0;object-fit:contain}.cosmetic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px;margin:24px 0}.cosmetic-choice{display:flex;flex-direction:column;gap:16px;align-items:center;padding:20px 12px;background:#172c40;color:#f4f7fb;border:1px solid #3a5267;border-radius:16px;cursor:pointer;min-height:44px}.cosmetic-choice.selected{border-color:#ffb735}.frame-sample{position:relative;display:grid;place-items:center;width:76px;height:76px;border:var(--cos-width) var(--cos-border) var(--cos-primary);box-shadow:0 0 0 3px var(--cos-secondary);border-radius:50%;color:var(--cos-primary);background:#112235}.frame-sample .icon{width:34px;height:34px}.code-shop-emblem{display:grid;place-items:center;width:60px;height:60px;border-radius:16px;background:#3e3323;color:#ffd079}.code-shop-emblem .icon{width:32px;height:32px}.stars-price{font-size:28px;font-weight:700;color:#ffd079}.stars-price small{display:block;font-size:14px;font-weight:400;color:#b5c7d7}.code-order{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;border-top:1px solid #3a5267;padding:16px 0}.code-shop details{padding:16px 0}.code-shop details summary{min-height:44px;cursor:pointer}.code-shop .setting{gap:16px;align-items:center}.document-copy{white-space:pre-wrap;overflow-wrap:anywhere}
#noticeStack{position:fixed;z-index:75;top:calc(16px + env(safe-area-inset-top,0px));right:max(16px,calc((100vw - 760px)/2));width:min(380px,calc(100vw - 32px));display:flex;flex-direction:column;gap:12px;pointer-events:none}.notice-popup{display:grid;grid-template-columns:32px minmax(0,1fr) 44px;gap:12px;padding:16px;border-radius:18px;border:1px solid #5f7891;color:#f5f8ff;background:#20364b;box-shadow:0 8px 28px #0005;pointer-events:auto;overflow-wrap:anywhere}.notice-popup p{font-size:14px;line-height:1.5;margin:6px 0;color:#bdcddd;max-height:84px;overflow:auto}.notice-symbol{color:#ffd079;padding-top:6px}.notice-popup .text-btn{font-size:14px;min-height:44px;color:#63ded8}.notice-popup .round-btn{width:44px;height:44px}.notice-popup b{line-height:1.4}.audio-editor{display:grid;gap:16px;min-width:0}.audio-editor audio{width:100%;max-width:100%}.audio-editor input[type=file]{max-width:100%;min-height:44px}.cosmetic-preview{display:grid;justify-items:center;gap:24px;padding:32px 16px}.sound-admin-preview audio{width:100%}.star-orders-list{margin-top:24px}@media(prefers-reduced-motion:reduce){.boot-spinner{animation:none}}

.editor-preview[hidden]{display:none!important}input[type=file]::file-selector-button{min-height:44px;padding:8px 12px;border:1px solid #536b82;border-radius:8px;background:#1b3045;color:#edf3fb;margin-right:10px;cursor:pointer}

.code-shop .stars-price{font-size:28px;line-height:1.3;color:#ffd079;font-weight:700}.code-terms{display:flex;gap:14px;align-items:flex-start;min-height:44px;margin:24px 0;font-size:14px;line-height:1.5}.code-terms input{position:static!important;opacity:1!important;appearance:auto;width:22px!important;height:22px!important;min-width:22px;margin:0;accent-color:#ffb735}.code-terms span{min-width:0}
