:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#221c15;--deep:#252a1f;--panel:#363c2b;--panel-soft:#4b4c36;--parchment:#f2dfb7;--muted:#c8b993;--wood:#8a6240;--edge:#e0c38994;--gold:#e1bd55;--green:#6b9d5d;--green-light:#a9d294;--danger:#c96c5c;--focus:#79b8d9;--shadow:#14110c9e}*{box-sizing:border-box}body{min-height:100vh;color:var(--parchment);background:var(--deep);margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}button,input,select,textarea{font:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.editor-shell{grid-template-columns:minmax(0,1fr) minmax(340px,430px);min-height:100vh;display:grid}.preview-panel{background:linear-gradient(#1d23190f,#1d231947),url(./hero-village-close-GYqqm3wJ.webp) 50% 47%/cover no-repeat;min-height:420px;position:relative;overflow:hidden}.preview-panel:after{content:"";pointer-events:none;background:linear-gradient(#0000,#252a1f6b);height:24%;position:absolute;inset:auto 0 0}#character-preview{z-index:1;position:absolute;inset:0}#character-preview canvas{width:100%;height:100%;display:block}.preview-actions{z-index:2;gap:10px;display:flex;position:absolute;top:18px;right:18px}.preview-actions button{border:1px solid var(--edge);width:42px;height:42px;color:var(--parchment);cursor:pointer;background:linear-gradient(135deg,#4b4c36f0,#252a1ff0);border-radius:9px 6px 10px 5px;box-shadow:inset 0 1px #ffefc71f,0 6px 14px #18130d47}.preview-actions button:hover,.profile-actions button:hover,.import-button:hover,.segmented label:hover{filter:brightness(1.08)}.controls-panel{border-left:1px solid var(--edge);background:radial-gradient(circle at 18% 8%, #efd3971a, transparent 35%), linear-gradient(132deg, var(--panel), var(--deep));flex-direction:column;gap:16px;padding:22px;display:flex;overflow-y:auto;box-shadow:inset 0 1px #ffefc71f,inset 0 -18px 34px #18140e2b}.controls-panel header{grid-template-columns:72px 1fr;align-items:center;gap:14px;display:grid}.editor-logo{filter:drop-shadow(0 4px 8px #14110c5c);width:72px;height:auto}h1{color:var(--gold);letter-spacing:.02em;text-shadow:0 2px 2px #251c11cc;margin:0;font-family:Georgia,Times New Roman,serif;font-size:27px;line-height:1.1}form{flex-direction:column;gap:14px;display:flex}label,legend{color:var(--muted);font-size:13px;font-weight:700}input[type=text],select,textarea{width:100%;color:var(--parchment);background:#24261de6;border:1px solid #d3ae6f8a;border-radius:8px 6px 9px 5px;margin-top:7px;box-shadow:inset 0 1px 4px #14110c47}input[type=text],select{height:40px;padding:0 11px}fieldset{background:#4b4c3647;border:1px solid #e0c38957;border-radius:11px 8px 12px 7px;margin:0;padding:11px}fieldset:focus-within{border-color:var(--edge)}.segmented{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px;display:grid}.segmented.two{grid-template-columns:repeat(2,1fr)}.segmented label{min-height:37px;color:var(--parchment);cursor:pointer;background:linear-gradient(145deg,#4b4c36eb,#323628f0);border:1px solid #e0c38952;border-radius:8px 6px 9px 5px;justify-content:center;align-items:center;padding:6px;display:flex}.segmented label:has(input:checked){border-color:var(--gold);background:radial-gradient(circle at 28% 20%,#ffe6a133,#0000 43%),linear-gradient(145deg,#645731fa,#373421fa);box-shadow:inset 0 0 0 1px #ffe5972e}.identity-option{position:relative;overflow:hidden}.identity-option:after{content:"";opacity:.45;background:currentColor;border-radius:2px 2px 1px 1px;width:18px;height:26px;margin-left:8px;box-shadow:-8px 8px 0 -3px,8px 8px 0 -3px}.identity-option.female:after{width:15px;box-shadow:-7px 9px 0 -4px,7px 9px 0 -4px,0 22px 0 -5px}.segmented input{accent-color:var(--gold);margin-right:6px}.color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.color-grid legend{grid-column:1/-1}.color-grid label{grid-template-columns:1fr 46px;align-items:center;gap:10px;display:grid}input[type=color]{border:1px solid var(--edge);background:var(--deep);cursor:pointer;border-radius:7px 5px 8px 4px;width:46px;height:32px;padding:2px}.select-row,.select-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.select-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.select-grid legend{grid-column:1/-1}.profile-actions{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.profile-actions button,.import-button,.play-with-character{min-height:41px;color:var(--ink);background:linear-gradient(135deg, #efd17e, var(--gold));cursor:pointer;border:1px solid #e0c3896b;border-radius:9px 6px 10px 5px;justify-content:center;align-items:center;font-weight:750;display:flex;box-shadow:inset 0 1px #ffffff4d,0 6px 14px #18130d33}#save-button{color:#172014;background:linear-gradient(135deg, var(--green-light), var(--green))}.play-with-character{border-color:#efd17e;min-height:50px}.play-with-character:hover,.play-with-character:focus-visible{filter:brightness(1.08)}.import-button{color:var(--parchment);background:linear-gradient(135deg, var(--panel-soft), var(--panel))}.import-button input{display:none}textarea{resize:vertical;color:#e6e0c7;min-height:140px;padding:11px;font-family:Consolas,Courier New,monospace;font-size:12px;line-height:1.45}.profile-json-panel{background:#14110c24;border:1px solid #e0c3894d;border-radius:10px 7px 11px 6px}.profile-json-panel summary{min-height:40px;color:var(--muted);cursor:pointer;align-items:center;padding:0 12px;font-size:13px;font-weight:700;display:flex}.profile-json-panel textarea{border:0;border-top:1px solid #e0c3894d;border-radius:0 0 10px 7px;margin:0}#status-line{min-height:20px;color:var(--green-light);margin:0;font-size:13px}html.embedded,html.embedded body{min-height:0;overflow:hidden}html.embedded .editor-shell{min-height:0}html.embedded .controls-panel{overflow:visible}@media (width<=820px){.editor-shell{grid-template-columns:1fr}.preview-panel{min-height:430px}.controls-panel{border-top:1px solid var(--edge);border-left:0}}@media (width<=460px){.controls-panel{padding:18px}.controls-panel header,.select-row,.select-grid,.profile-actions,.segmented,.color-grid{grid-template-columns:1fr}}