.mindmap-page{min-width:320px;min-height:0}
.mindmap-page.is-embedded .mindmap-topbar{display:none}
.mindmap-page.is-embedded .mindmap-shell{min-height:0;width:min(1180px,calc(100% - 32px));margin-left:auto;padding-top:26px;padding-bottom:96px}
.mindmap-topbar{position:sticky;z-index:10;top:0;display:flex;min-height:64px;padding:0 max(20px,calc((100vw - 1180px)/2));align-items:center;justify-content:space-between;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.mindmap-back,.mindmap-settings-link{display:inline-flex;min-height:44px;align-items:center;gap:8px;color:var(--ink);text-decoration:none}
.mindmap-settings-link{color:var(--brand)}
.mindmap-shell{min-height:0;width:min(1180px,calc(100% - 40px));margin:0 auto;padding:32px 0 56px}
.mindmap-heading{margin-bottom:24px}
.mindmap-heading h1{margin:0 0 10px;font-size:clamp(30px,4vw,46px);line-height:1.25}
.mindmap-heading p{max-width:1040px;margin:0;color:var(--muted);line-height:1.7}
.mindmap-layout{display:grid;grid-template-columns:minmax(460px,1fr) minmax(420px,.86fr);gap:22px;align-items:start}
.mindmap-editor{padding:24px}
.mindmap-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.mindmap-field-grid.compact{margin-top:18px}
.mindmap-span-2{grid-column:1/-1}
.title-input-row{display:flex;min-width:0;align-items:center;gap:12px}
.title-input-row input[type="checkbox"]{width:20px;height:20px;flex:0 0 auto;accent-color:var(--brand)}
.title-input-row .g_input{flex:1;min-width:0}
.word-list{min-height:190px;resize:vertical;line-height:1.65}
.g_form_group small{color:var(--muted)}
.mindmap-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.g_btn_secondary.active{color:var(--brand);border-color:rgba(214,76,70,.5);background:#fff7f6}
.mindmap-details{margin-top:18px;border:1px solid var(--line);border-radius:14px}
.mindmap-details summary{padding:15px 18px;font-weight:550;cursor:pointer}
.mindmap-details[open] summary{border-bottom:1px solid var(--line)}
.color-grid{display:grid;grid-template-columns:1fr;gap:12px;padding:18px}
.control-group-title{margin-top:8px;padding-top:14px;border-top:1px solid var(--line);color:var(--ink);font-size:16px;font-weight:550}
.control-group-title:first-child{margin-top:0;padding-top:0;border-top:0}
.color-control{display:grid;min-width:0;min-height:52px;grid-template-columns:minmax(150px,1fr) minmax(200px,auto);align-items:center;gap:14px}
.color-name,.color-inputs{display:inline-flex;min-width:0;align-items:center;gap:8px}
.color-name{color:var(--muted)}
.color-name input,.check-field input,.option-row input{width:20px;height:20px;flex:0 0 auto;accent-color:var(--brand)}
.option-row{display:inline-flex;min-height:44px;align-items:center;gap:10px;color:var(--ink)}
.color-inputs input[type="color"]{width:44px;height:44px;flex:0 0 44px;padding:3px;border:1px solid var(--control-border);border-radius:12px;background:var(--surface);cursor:pointer}
.color-value{width:142px;min-width:0}
.color-value[aria-invalid="true"]{border-color:var(--brand);box-shadow:var(--focus-ring)}
.mindmap-details .mindmap-field-grid{padding:0 18px 18px}
.check-field{justify-content:center;flex-direction:row;align-items:center}
.model-status{margin-top:16px;padding:12px 14px;color:var(--muted);background:#faf8f7;border-radius:12px;line-height:1.6}
.model-status.ready{color:#397a5d;background:#f0f8f4}
.model-status.error{color:#a8443f;background:#fff3f2}
.generation-progress{margin-top:18px;padding:14px;background:#faf8f7;border-radius:12px}
.generation-progress>div{display:flex;justify-content:space-between;gap:12px;margin-bottom:9px}
.generation-progress progress{width:100%;height:8px;accent-color:var(--brand)}
.mindmap-preview{position:sticky;top:18px;padding:18px}
.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.preview-toolbar span{color:var(--muted);font-size:16px}
.canvas-shell{display:grid;min-height:640px;place-items:center;padding:18px;background:#f4f5f6;border-radius:15px;overflow:hidden}
#mainCanvas{display:block;width:min(100%,480px);height:auto;aspect-ratio:9/16;background:#fff7e8;border-radius:10px;box-shadow:0 12px 28px rgba(50,40,36,.1);cursor:grab;touch-action:none;user-select:none}
#mainCanvas.is-dragging{cursor:grabbing}
#mainCanvas.is-busy{cursor:progress}
.preview-progress{display:flex;align-items:center;gap:12px;margin-top:14px}
.preview-progress input{flex:1;accent-color:var(--brand)}
.preview-progress span{min-width:60px;text-align:right;color:var(--muted)}
@media(max-width:1050px){.mindmap-layout{grid-template-columns:1fr}.mindmap-preview{position:static}.canvas-shell{min-height:520px}}
@media(max-width:680px){.mindmap-shell,.mindmap-page.is-embedded .mindmap-shell{width:calc(100% - 24px);padding-top:22px}.mindmap-editor{padding:16px}.mindmap-field-grid,.color-grid{grid-template-columns:1fr}.mindmap-span-2{grid-column:auto}.mindmap-heading h1{font-size:34px}.preview-toolbar{align-items:flex-start;flex-direction:column}.canvas-shell{min-height:420px;padding:10px}.color-control{grid-template-columns:1fr}.color-inputs{width:100%}.color-value{width:100%}}