:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f5f5f5;background:#131314}
*{box-sizing:border-box}body{margin:0}.app{display:grid;grid-template-columns:330px minmax(0,1fr);min-height:100vh}.sidebar{padding:28px 24px;background:#1b1b1d;border-right:1px solid #393639;display:flex;flex-direction:column;gap:0}.identity{display:flex;gap:14px;align-items:center;padding:2px 0 32px;border-bottom:1px solid #373536}.mark{font-size:34px;font-weight:950;letter-spacing:-5px;color:#ecf3ff;transform:skew(-12deg)}.mark span{color:#b23b41}.identity strong{font-size:17px;letter-spacing:2.6px;display:block}.identity small{display:block;font-size:9px;color:#b3abad;letter-spacing:1.8px;margin-top:4px}.label{color:#b0a7a8;font-size:10px;font-weight:800;letter-spacing:1.6px;margin-top:32px;margin-bottom:13px}.services{display:grid;gap:6px}.service{cursor:pointer;border:1px solid transparent;border-radius:12px;color:#d1cccd;text-align:left;background:transparent;padding:13px 14px;font-size:13px;font-weight:650;transition:background .2s,border-color .2s}.service span{color:#8d8585;padding-right:12px;font-size:11px}.service:hover{background:#282326}.service.active{border-color:#8b5355;color:white;background:linear-gradient(110deg,#2d2527,#212023)}.slotlabel{margin-top:34px}.uploads{display:grid;gap:10px}.upload{display:block;border:1px dashed #716366;border-radius:11px;padding:11px 13px;background:#252325;cursor:pointer}.upload:hover{border-color:#ae5659}.upload-name{display:block;font-size:12px;font-weight:700;color:#f0f3ff}.upload-detail{display:block;font-size:10px;color:#a99f9f;margin-top:5px;line-height:1.45}.upload input{margin-top:9px;width:100%;font-size:10px;color:#cbc1c1}.upload input::file-selector-button{background:#42383a;color:white;padding:5px 9px;border:0;border-radius:5px;cursor:pointer}.note{margin:28px 0 18px;padding:16px;border-radius:11px;background:#232123;border:1px solid #3c383a}.note strong{font-size:12px}.note p{color:#ada5a5;font-size:11px;line-height:1.65;margin:7px 0 0}.button{cursor:pointer;border:0;padding:14px 16px;border-radius:10px;background:linear-gradient(110deg,#a3343a,#b7494c);font-size:12px;color:#fff;font-weight:800;letter-spacing:.15px}.button.alt{border:1px solid #494042;background:#292326;margin-top:9px;color:#dbd1d1}.footnote{color:#aba0a0;font-size:10px;line-height:1.6;margin-top:15px}.main{padding:36px 42px 42px;min-width:0;max-width:1600px;width:100%;margin:0 auto}.top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.eyebrow{color:#bd8587;letter-spacing:2px;font-size:10px;font-weight:800}.top h1{margin:8px 0;font-weight:750;font-size:31px;letter-spacing:-1.1px}.top p{font-size:13px;color:#b5acac;margin:0}.topchip{white-space:nowrap;border-radius:30px;border:1px solid #4c4345;padding:9px 14px;color:#cac0c1;font-size:11px}.preview{background:#242124;border:1px solid #484044;padding:10px;border-radius:17px;box-shadow:0 30px 80px #080808}.preview canvas{width:100%;height:auto;display:block;border-radius:10px}.hint{color:#aea4a4;font-size:12px;line-height:1.65;margin-top:16px}@media(max-width:920px){.app{grid-template-columns:1fr}.sidebar{padding:20px}.services{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar .note{margin-top:18px}.main{padding:20px}.top h1{font-size:24px}}@media(max-width:560px){.services{grid-template-columns:1fr}.topchip{display:none}.main{padding:14px}.preview{padding:5px}}

/* Editable text and scene settings — dark neutral with minimal red */
.editor-colors{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.editor-colors label,.text-controls label{display:flex;flex-direction:column;gap:6px;color:#dcd6d6;font-size:12px;font-weight:650}
.editor-colors input[type=color],.text-controls input[type=color]{height:42px;width:100%;padding:4px;border:1px solid #50474a;border-radius:8px;background:#262326;cursor:pointer}
.text-controls{display:grid;gap:11px}.text-controls textarea,.text-controls input[type=number],.text-controls select{width:100%;border:1px solid #51494b;border-radius:9px;background:#292628;color:#fafafa;padding:10px;font-size:13px;font-family:inherit;line-height:1.45}
.text-controls textarea{resize:vertical}.text-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.text-controls .button.alt{margin:0;background:#32292b;color:#f2eaea}.text-controls .button:hover{border-color:#ad5658}
.text-layers{display:grid;gap:5px}.layer-btn{border:1px solid #4b4243;border-radius:8px;padding:9px 12px;background:#262325;color:#e7dddd;text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-btn.selected{border-color:#b0474d;background:#3b262a}.editor-tip{font-size:11px;color:#b3aaaa;line-height:1.5;margin:3px 0 8px}.preview canvas{cursor:crosshair;touch-action:pan-y}.preview canvas.dragging{cursor:grabbing;touch-action:none}

/* Match the surrounding Genzital website rather than a standalone app theme. */
:root{--site-red:#c52b33;font-family:"Funnel Sans",Arial,sans-serif;background:#121212;color:#f7f7f7}
body{font-family:"Funnel Sans",Arial,sans-serif;background:#121212}
.app{background:#121212}
.sidebar{background:#1b1b1b;border-right:1px solid #393939}
.main{background:#121212}
.identity strong,.top h1{font-family:"Funnel Display",Arial,sans-serif}
.top h1{font-weight:600;letter-spacing:-.04em}
.service,.upload,.button,.scene-select,.preset{font-family:inherit}
.service.active{background:#2b2525;border-color:#8b5658}
.button{background:#a72b32}.button:hover{background:#b73238}
.button.alt,.text-controls .button.alt{background:#262626;color:#fff;border:1px solid #454545}
.label{color:#bbb;letter-spacing:.14em}
.sidebar,.top{color:#f7f7f7}
.preview{background:#1b1b1b;box-shadow:none;border-color:#444}
.editor-colors{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:15px}
.editor-colors label{min-width:0}
.select-style-label{display:block;color:#ddd;font-size:12px;margin-bottom:7px;font-weight:650}
.scene-select{width:100%;background:#202020;color:#f7f7f7;border:1px solid #525252;border-radius:10px;min-height:43px;padding:10px;font-size:13px}
.theme-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:12px}
.preset{border:1px solid #444;background:#242424;border-radius:12px;color:#ddd;padding:11px 3px;cursor:pointer;font-size:11px}
.preset.active,.preset:hover{background:#342628;border-color:#bd7176;color:#fff}
.editor-colors input[type=color]:focus-visible,.text-controls :is(textarea,input,select):focus-visible,.scene-select:focus-visible,.service:focus-visible,.preset:focus-visible{outline:2px solid #c52b33;outline-offset:2px}
.editor-tip{color:#bbb}
@media(max-width:560px){.theme-presets{grid-template-columns:repeat(2,1fr)}.editor-colors{grid-template-columns:repeat(2,1fr)}}