@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,0,0";body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0;padding:0;display:flex;flex-direction:column;align-items:stretch;min-height:100vh;background:#f4f4f4;overflow-x:hidden}.app-root{width:100%;min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1}.site-footer{text-align:center;font-size:.85rem;color:#4b5563;padding:.75rem 1rem 1.25rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.container{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.5fr);gap:1.5rem;padding:1.5rem;width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box}.card{background:#fff;border-radius:18px;box-shadow:0 12px 32px #0f172a14;border:1px solid rgba(148,163,184,.2);padding:1.25rem 1.5rem;box-sizing:border-box}.wheel-card{position:relative}.wheel-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.wheel-card-controls{display:flex;align-items:center;gap:.5rem}.language-toggle{display:inline-flex;background:#f3f4f6;border-radius:999px;border:1px solid #d1d5db;overflow:hidden}.language-btn{border:none;background:transparent;padding:.2rem .65rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:#1f2937;gap:.3rem}.language-btn.active{background:#2563eb;color:#fff}.language-btn .material-icon{font-size:1.05rem}.language-code{font-size:.85rem;font-weight:600;letter-spacing:.05em}.doc-checklist{margin:.25rem 0 .75rem;padding-left:1.25rem;color:#374151;font-size:.9rem}.doc-section{background:#f9fafb;border-radius:12px;padding:.75rem 1rem;border:1px solid #e5e7eb}.doc-section+.doc-section{margin-top:.75rem}.doc-section h3{margin-top:0;margin-bottom:.35rem}.doc-section ol,.doc-section ul{padding-left:1.25rem;margin:.25rem 0;color:#374151;font-size:.9rem}.doc-section li+li{margin-top:.25rem}.wheel-canvas{width:100%;height:auto;max-height:80vh;border-radius:12px;border:1px solid #e5e7eb;margin-bottom:.75rem}.wheel-card--fullscreen{position:fixed;inset:0;z-index:50;border-radius:0;max-width:100vw;height:100vh;padding:1.25rem;display:flex;flex-direction:column;background:#fff}.wheel-card--fullscreen .wheel-canvas{max-height:none;flex:1}.control-card--hidden{display:none}.control-layout{display:flex;gap:1rem}.control-menu{display:flex;flex-direction:column;gap:.6rem;min-width:78px;background:#f8fafc;border-radius:28px;padding:.75rem .6rem;border:1px solid #e2e8f0;align-items:center;box-shadow:inset 0 1px 1px #fff9}.control-menu-button{text-align:center;border-radius:22px;border:none;background:transparent;padding:.35rem;cursor:pointer;color:#1f2937;display:flex;align-items:center;justify-content:center;min-height:52px;width:52px;transition:background .2s ease,color .2s ease,transform .15s ease;position:relative}.control-menu-button.active{background:#2563eb1f;border-color:transparent;color:#1d4ed8}.control-menu-button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.control-menu-button:hover{background:#0f172a14;transform:translateY(-1px)}.control-menu-button.active:hover{background:#2563eb29}.material-icon{font-family:Material Symbols Rounded,Material Icons,sans-serif;font-weight:400;font-style:normal;font-size:1.4rem;line-height:1;letter-spacing:normal;text-transform:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.control-content{flex:1;display:flex;flex-direction:column;gap:1.25rem}.background-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.checkbox-inline{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;color:#374151}h1,h2,h3{margin-top:0}h1{font-size:1.4rem;margin-bottom:.25rem}h2{font-size:1.1rem;margin-bottom:.5rem}h3{font-size:1rem;margin-bottom:.25rem}.subtitle{color:#666;font-size:.9rem;margin-bottom:1rem}label{font-size:.85rem;display:block;margin-bottom:.15rem}input[type=number],input[type=text],input[type=color],select{width:100%;box-sizing:border-box;padding:.25rem .5rem;font-size:.9rem;margin-bottom:.5rem;border-radius:6px;border:1px solid #ccc}button,.btn{border-radius:999px;border:none;padding:.45rem .9rem;font-size:.9rem;cursor:pointer;background:#2563eb;color:#fff;display:inline-flex;align-items:center;gap:.25rem}button.secondary,.btn.secondary{background:#e5e7eb;color:#111827}button.danger{background:#dc2626;color:#f9fafb}button:disabled{opacity:.5;cursor:default}.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.row.single{grid-template-columns:minmax(0,1fr)}.action-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.action-row--end{justify-content:flex-end}.action-row--compact{gap:.35rem}.action-row>*{flex:0 0 auto}.small{font-size:.8rem;color:#666}.pill-list{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.5rem}.pill{font-size:.75rem;border-radius:999px;padding:.15rem .55rem;background:#f3f4f6;border:1px solid #e5e7eb;white-space:nowrap;cursor:pointer}.pill b{font-weight:600}.divider{height:1px;background:#e5e7eb;margin:.75rem 0}#editStatus{font-size:.8rem;color:#9b1c1c;margin-bottom:.25rem;min-height:1em}#levelsList{margin-top:.5rem;display:flex;flex-direction:column;gap:.25rem}.level-row{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;padding:.15rem .25rem;border-radius:6px;background:#f9fafb}.level-row-actions{display:flex;gap:.25rem;flex-wrap:wrap;justify-content:flex-end}.level-row-color{width:10px;height:10px;border-radius:999px;margin-right:.35rem;flex-shrink:0}.level-row-info{display:flex;align-items:center;gap:.35rem}@media(max-width:1024px){.container{grid-template-columns:1fr;padding:1.25rem}.wheel-canvas{max-height:65vh}}@media(max-width:768px){.card,.container{padding:1rem}.row{grid-template-columns:1fr}.action-row{flex-direction:column;align-items:stretch}.action-row>*{width:100%}.action-row--end{justify-content:flex-start}.control-layout{flex-direction:column}.control-menu{flex-direction:row;flex-wrap:wrap}.control-menu-button{flex:1 1 calc(50% - .25rem);text-align:center}.pill-list{flex-direction:column}.site-footer{flex-direction:column;text-align:center;gap:.5rem}.wheel-canvas{max-height:55vh}.wheel-card--fullscreen{padding:1rem}}@media(max-width:640px){.level-row{flex-direction:column;align-items:flex-start;gap:.4rem}.level-row-actions{width:100%;justify-content:flex-start}.level-row-actions button{flex:1 1 45%;min-width:120px}}