:root{--cce-gold:#f3c978;--cce-ink:#0c1328;--cce-panel:#1a2541;--cce-border:#586b8e}.cce-page{color:#f7e9cc;background:radial-gradient(circle at 54% 5%,#253559 0%,#0d152c 60%,#080f21 100%);min-height:100vh;font-family:system-ui,Segoe UI,Arial,sans-serif;overflow-x:hidden}.cce-page *{box-sizing:border-box}.cce-page button,.cce-page textarea{font:inherit}.cce-page button{cursor:pointer;min-height:42px}.cce-page button:disabled{opacity:.48;cursor:not-allowed}.cce-page button:focus-visible,.cce-page textarea:focus-visible,.cce-page a:focus-visible{outline-offset:3px;outline:3px solid #f4cf80}.cce-header{background:#0b1226;border-bottom:2px solid #e2b56f;justify-content:space-between;align-items:center;gap:15px;padding:15px 3vw;display:flex}.cce-header>div:first-child{flex-direction:column;gap:5px;display:flex}.cce-brand{letter-spacing:-.045em;color:#f6bf59;text-shadow:0 2px 10px #df902a6d;font-size:clamp(25px,3vw,44px);font-weight:1000;line-height:1}.cce-subbrand{letter-spacing:.16em;color:#d8c39b;font-size:10px;font-weight:900}.cce-header-actions{flex-wrap:wrap;justify-content:end;align-items:center;gap:8px;display:flex}.cce-header-actions button,.cce-link,.cce-stage-footer button{color:#ffe5b6;background:#283451;border:1px solid #9d8963;border-radius:10px;padding:11px 14px;font-size:12px;font-weight:900;text-decoration:none}.cce-header-actions .cce-export,.cce-stage-footer .cce-export{color:#17233b;background:linear-gradient(145deg,#fce49e,#e5a839);border-color:#ffe4a4}.cce-disclaimer{color:#ead2a4;text-align:center;letter-spacing:.07em;background:#392c37;border-bottom:1px solid #635f66;padding:9px 12px;font-size:10px}.cce-grid{grid-template-columns:minmax(232px,278px) minmax(310px,1fr) minmax(240px,292px);align-items:start;gap:14px;max-width:1770px;margin:0 auto;padding:14px;display:grid}.cce-sidebar,.cce-stage-panel{background:linear-gradient(165deg,#1d2948,#141c34);border:1px solid #596b8a;border-radius:17px;min-width:0;padding:16px;box-shadow:0 13px 30px #0003}.cce-sidebar h2{letter-spacing:.05em;color:var(--cce-gold);margin:7px 0 10px;font-size:15px}.cce-sidebar p{color:#d1dbee;font-size:12px;line-height:1.5}.cce-family{text-align:start;color:#f5e9cd;background:#26334f;border:1px solid #607395;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:10px;padding:14px 10px;transition:background .14s,border-color .14s;display:flex}.cce-family:hover{background:#334264}.cce-family.is-active{background:linear-gradient(120deg,#674157,#34304d);border-color:#ffd37b;box-shadow:inset 0 0 0 1px #e6c27d}.cce-family strong{letter-spacing:.045em;font-size:12px;display:block}.cce-family small{color:#c4d3e8;margin-top:6px;font-size:10px;line-height:1.4;display:block}.cce-number{color:#f8d186;font-size:17px;font-weight:1000}.cce-protected{background:#1b323d;border:1px solid #4f8788;border-radius:12px;margin-top:20px;padding:13px}.cce-protected>strong{letter-spacing:.1em;color:#a6efe0;font-size:11px;display:block}.cce-protected>span{color:#c1e5df;margin-top:8px;font-size:11px;display:block}.cce-protected p{overflow-wrap:anywhere;border-top:1px solid #43666a;padding-top:10px;font-size:12px}.cce-protected b{color:#f4c778;font-size:10px;display:block}.cce-stage-bar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.cce-stage-bar h1{color:#f4d391;margin:0;font-size:17px;line-height:1.2}.cce-stage-bar small{color:#c2cce1;margin-top:6px;font-size:10px;display:block}.cce-format{gap:7px;display:flex}.cce-format button,.cce-mode-row button{color:#f7e9c8;background:#293551;border:1px solid #798aa5;border-radius:9px;padding:10px;font-size:10px;font-weight:900}.cce-format button[aria-pressed=true],.cce-mode-row button[aria-pressed=true]{background:#5f4459;outline:2px solid #edcf91}.cce-stage-shell{scrollbar-color:#485d7a #121d30;background:#0b1022;border:1px dashed #63728f;border-radius:12px;justify-content:center;min-width:0;padding:10px;display:flex;overflow:auto}.cce-canvas{touch-action:pan-y;flex:none}.cce-canvas>div{touch-action:none}.cce-status{color:#bfe5e2;overflow-wrap:anywhere;background:#162b35;border:1px solid #588083;border-radius:9px;min-height:45px;margin-top:12px;padding:10px 12px;font-size:12px;line-height:1.5}.cce-stage-footer{color:#d9c4a1;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;font-size:11px;display:flex}.cce-stage-footer>div{flex-wrap:wrap;gap:6px;display:flex}.cce-stage-footer button{min-height:37px;padding:9px 10px;font-size:11px}.cce-mode-row{gap:10px;margin-bottom:15px;display:flex}.cce-mode-row button{flex:1}.cce-face-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:18px;display:grid}.cce-face-grid button{background:#222c45;border:1px solid #596b8b;border-radius:10px;justify-content:center;align-items:center;height:85px;display:flex;position:relative}.cce-face-grid button[aria-pressed=true]{background:#473552;outline:2px solid #edcd7a}.cce-face-grid img{object-fit:contain;width:80%;height:70px}.cce-face-grid span{color:#f3cd8a;font-size:9px;position:absolute;bottom:2px;right:5px}.cce-input-label{color:#f1d290;font-size:12px;font-weight:800;line-height:1.5;display:block}.cce-input-label textarea{color:#202b47;resize:vertical;background:#fff0ca;border:2px solid #caa669;border-radius:10px;width:100%;min-height:104px;margin-top:9px;padding:10px;font-size:15px;line-height:1.6;display:block}.cce-input-label small{color:#c0d0e5;font-size:10px;font-weight:400}.cce-advanced{background:#26334c;border:1px solid #5c6982;border-radius:11px;margin-top:16px;padding:11px}.cce-advanced label{color:#f1d394;flex-direction:column;gap:6px;margin:13px 0;font-size:11px;display:flex}.cce-advanced input{accent-color:#e1ba72;width:100%}.cce-advanced button{color:#fff2d3;background:#32405b;border:1px solid #bba579;border-radius:8px;width:100%;padding:9px;font-size:11px}.cce-note{background:#322838;border:1px solid #94765e;border-radius:12px;margin-top:15px;padding:11px}.cce-note b{color:#f2cd85;font-size:11px}.cce-note p{margin-bottom:0;font-size:11px}@media (width<=1180px){.cce-grid{grid-template-columns:minmax(220px,250px) minmax(300px,1fr)}.cce-controls{grid-column:1/-1;display:block}.cce-face-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.cce-face-grid button{height:90px}}@media (width<=740px){.cce-header{padding:14px 12px}.cce-header-actions{gap:5px}.cce-header-actions button,.cce-link{padding:9px;font-size:10px}.cce-grid{flex-direction:column;gap:10px;padding:8px;display:flex}.cce-stage-panel{order:0}.cce-gallery{order:1}.cce-controls{order:2}.cce-stage-panel,.cce-sidebar{width:100%;padding:12px}.cce-stage-shell{padding:7px}.cce-stage-footer{flex-wrap:wrap}.cce-stage-bar h1{font-size:15px}.cce-format button{padding:8px 6px}.cce-family{padding:11px 9px}.cce-header .cce-brand{font-size:24px}}@media (prefers-reduced-motion:reduce){.cce-page *{transition:none!important}}.cce-bubble-controls{background:#30253c;border:1px solid #8b7594;border-radius:11px;margin-top:17px;padding:13px}.cce-bubble-controls>strong{letter-spacing:.07em;color:#f2d194;margin-bottom:10px;font-size:12px;display:block}.cce-bubble-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.cce-bubble-options button{color:#f5e7c7;background:#253550;border:1px solid #816fa0;border-radius:9px;min-width:0;padding:7px 4px;font-size:11px;font-weight:800}.cce-bubble-options button[aria-pressed=true]{background:#704257;border-color:#f4cf80;box-shadow:inset 0 0 0 1px #f4cf80}.cce-bubble-controls small{color:#cdd8e8;margin-top:10px;font-size:11px;line-height:1.5;display:block}.cce-qa-panel{background:#182d39;border:1px solid #638d8e;border-radius:11px;margin-top:17px;padding:13px}.cce-qa-panel h2{color:#a9ede4;margin:0 0 8px}.cce-qa-panel p,.cce-qa-panel small{color:#d0e9e7;font-size:11px;line-height:1.55}.cce-qa-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:12px 0;display:grid}.cce-qa-actions button{color:#fff0d3;background:#38465e;border:1px solid #a8bdc7;border-radius:8px;min-height:44px;padding:7px 4px;font-size:10px;font-weight:800}.cce-qa-panel .cce-qa-evidence{white-space:pre;resize:vertical;color:#e2f5f1;background:#0d1d2b;min-height:185px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.35;overflow-x:auto}.cce-pwa-qa-ribbon{text-align:center;color:#ffdf99;letter-spacing:.02em;background:#563c18;border-bottom:2px solid #f0bd65;padding:10px 14px;font-size:12px;font-weight:800;line-height:1.45}
