.kids-train-choice{display:block;margin:18px 0;font-weight:600}.kids-train-choice select,.kids-train-controls input,.kids-train-controls select{display:block;width:100%;padding:11px;border:1px solid #bbd0c8;border-radius:6px;background:white;color:#214c41;font:inherit;margin:6px 0 14px}.kids-train-choice small,.kids-train-help{display:block;font-size:12px;line-height:1.5;font-weight:normal;color:#63796e}.kids-train-controls{padding:4px 0}.kids-train-controls label{display:block;font-weight:600;margin-top:14px}.kids-train-size{padding:12px;background:#eef4e9;border-radius:8px;color:#285749;font-weight:600}.kids-train-swatches{display:flex;gap:8px}.kids-train-swatches i{width:25px;height:25px;border-radius:50%}.kids-train-error{color:#a03e35}.kids-train-download{padding:12px 18px;border:0;border-radius:7px;background:#285749;color:white}.kids-train-active>:not(.tile-size-field):not(.gd-bar):not(.gd-intro):not(.gd-next):not(.kids-train-choice):not(.kids-train-controls):not(.studio-order):not(.catalog-options):not(.gd-check):not(.tile-save-status){display:none!important}
.kids-train-canvas{display:block;width:100%;height:auto;aspect-ratio:4;background:white;border:1px solid #c8d2c5;border-radius:4px;margin:14px 0;box-shadow:0 4px 10px #264f4215}.kids-train-active .gd-intro{margin-bottom:14px}
.tile-editor canvas.kids-train-canvas{position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:var(--kids-ratio,4 / 1)!important;transform:none!important;object-fit:contain!important}

.tile-editor.kids-train-active[data-kids-kind="balloons"]>.tile-size-field{display:block!important}.tile-editor.kids-train-active[data-kids-kind="balloons"]>.tile-size-field.gd-offstep{display:none!important}

.tile-editor.kids-train-active[data-kids-kind="train"]>.tile-size-field{display:none!important}

.tile-editor canvas.kids-train-canvas{max-width:min(100%,calc(45vh * var(--kids-aspect,4)))!important;margin-left:auto;margin-right:auto}

.tile-editor.kids-train-active[data-kids-kind="airplane"]>.tile-size-field{display:none!important}

.tile-editor.kids-train-active:not([data-kids-kind="train"]):not([data-kids-kind="airplane"]):not([data-kids-kind="rocket"])>.tile-size-field{display:block!important}.tile-editor.kids-train-active:not([data-kids-kind="train"]):not([data-kids-kind="airplane"]):not([data-kids-kind="rocket"])>.tile-size-field.gd-offstep{display:none!important}

.tile-editor.kids-train-active[data-kids-kind="rocket"]>.tile-size-field{display:none!important}
.character-picker{margin-bottom:14px}.character-picker label{display:block;margin-bottom:12px}.character-picker select{width:100%;margin-top:5px}.character-options p,.character-status{font-size:13px;line-height:1.5;color:#49675e}.character-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:330px;overflow-y:auto;padding:3px}.tile-editor .character-card{display:flex;flex-direction:column;align-items:center;justify-content:start;padding:7px;background:#fffdf6;border:1px solid #c4d5ce;border-radius:12px;min-width:0;color:#244d40;box-shadow:none}.character-card:hover,.character-card:focus-visible{background:#e8f3ed;border-color:#397b61;outline:2px solid #83b49b}.character-card img{width:100%;height:88px;object-fit:contain;pointer-events:none}.character-card span{font-size:12px;line-height:1.3}.character-options[hidden],.studio-upload[hidden]{display:none!important}
.character-picker select[hidden]{display:none!important}.character-chooser{position:relative;margin-top:5px}.character-chooser summary{display:flex;align-items:center;gap:10px;list-style:none;cursor:pointer;border:1px solid #b8cbc2;border-radius:9px;background:white;padding:6px 12px;min-height:46px;font-weight:500}.character-chooser summary::-webkit-details-marker{display:none}.character-chooser summary:after{content:'⌄';margin-left:auto;color:#285c49}.character-chooser[open] summary:after{content:'⌃'}.character-chooser summary img,.character-category img,.character-category-symbol{display:inline-block;width:38px;height:38px;flex:0 0 38px;object-fit:contain}.character-category-symbol svg{width:100%;height:100%}.character-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:350px;overflow:auto;border:1px solid #b8cbc2;border-radius:9px;background:#fffefa;margin-top:5px;padding:6px;gap:3px}.tile-editor .character-category{display:flex;align-items:center;gap:8px;text-align:left;background:transparent;color:#284b40;border:0;border-radius:7px;padding:4px;font-size:13px;line-height:1.3;box-shadow:none;min-width:0}.tile-editor .character-category:hover,.tile-editor .character-category:focus-visible{background:#e4f1e8;outline:2px solid #8db69f}.character-chooser summary:focus-visible{outline:2px solid #397b61;outline-offset:2px}
.character-group-heading{grid-column:1/-1;margin:9px 4px 2px;padding-top:8px;border-top:1px solid #e1e9e1;font-size:12px;color:#5a7568;letter-spacing:.03em}.character-choices .character-category img{width:44px;height:44px;flex-basis:44px}
/* Keep the preview in place; only the editing pane scrolls. */
html.traditional-ui #book .stf__block.gd-layout:not(.gd-expanded-preview){display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;height:calc(100dvh - 32px)!important;max-height:calc(100dvh - 32px)!important;min-height:0!important;overflow:hidden!important;align-items:stretch!important}
html.traditional-ui #book .stf__block.gd-layout:not(.gd-expanded-preview)>.gd-controls-page.web-visible{grid-column:1!important;grid-row:1!important;height:100%!important;max-height:100%!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain;position:relative!important;top:0!important;align-self:stretch!important}
html.traditional-ui #book .stf__block.gd-layout:not(.gd-expanded-preview)>.gd-tile-preview-page.web-visible{grid-column:2!important;grid-row:1!important;position:relative!important;top:0!important;height:100%!important;max-height:100%!important;min-height:0!important;overflow-y:auto!important;align-self:stretch!important}
html.traditional-ui #book .gd-controls-page .tile-editor{max-height:none!important;height:auto!important;overflow:visible!important}
@media(max-width:800px){
 html.traditional-ui #book .stf__block.gd-layout:not(.gd-expanded-preview){grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,30dvh) minmax(0,1fr)!important;gap:10px!important}
 html.traditional-ui #book .stf__block.gd-layout:not(.gd-expanded-preview)>.gd-controls-page.web-visible{grid-column:1!important;grid-row:2!important;width:100%!important}
 html.traditional-ui #book .stf__block.gd-layout:not(.gd-expanded-preview)>.gd-tile-preview-page.web-visible{grid-column:1!important;grid-row:1!important;width:100%!important;padding:8px!important;overflow:hidden!important}
 html.traditional-ui #book .stf__block.gd-layout:not(.gd-expanded-preview)>.gd-tile-preview-page .paper{padding:0 8px!important}
 html.traditional-ui #book .stf__block.gd-layout:not(.gd-expanded-preview)>.gd-tile-preview-page .tile-preview>.tile-surface{width:min(80%,calc(21dvh * var(--product-ratio,1)))!important;max-height:21dvh!important;margin:2px auto!important}
 html.traditional-ui #book .stf__block.gd-layout:not(.gd-expanded-preview)>.gd-tile-preview-page .tile-preview>:not(h2):not(.tile-surface):not(.p3-open){display:none!important}
 html.traditional-ui #book .stf__block.gd-layout:not(.gd-expanded-preview)>.gd-tile-preview-page .tile-preview>h2{font-size:12px!important;margin:0 110px 3px 0!important;min-height:24px!important}
}
.family-name-controls{border:1px solid #bfd2c6;border-radius:12px;padding:12px;margin:16px 0;background:#f1f6ed}.family-name-controls legend{font-weight:700}.family-name-controls p{font-size:13px;line-height:1.4}.family-name-controls input[type=range]{width:100%;padding:0;accent-color:#285d49}.family-name-controls button{margin-top:8px}

.family-position-pad,.family-size-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.family-position-pad button{min-width:48px;min-height:44px;font-size:22px}.family-name-controls select{width:100%}.family-size-buttons button{flex:1;min-height:44px}

.family-canvas-wrap{position:relative;width:100%;touch-action:none}.family-canvas-wrap canvas{display:block;width:100%;height:auto;margin:0!important}.family-selection{position:absolute;border:2px solid #3a66d7;box-sizing:border-box;pointer-events:none;z-index:99}.family-resize{position:absolute;width:16px;height:16px;background:#fff;border:2px solid #3a66d7;border-radius:3px;pointer-events:auto;touch-action:none}.family-resize.nw{left:-9px;top:-9px;cursor:nwse-resize}.family-resize.ne{right:-9px;top:-9px;cursor:nesw-resize}.family-resize.sw{left:-9px;bottom:-9px;cursor:nesw-resize}.family-resize.se{right:-9px;bottom:-9px;cursor:nwse-resize}.family-handle-help{font-size:14px;line-height:1.5;color:#49646b}@media(pointer:coarse){.family-resize{width:22px;height:22px}.family-resize.nw,.family-resize.sw{left:-12px}.family-resize.ne,.family-resize.se{right:-12px}.family-resize.nw,.family-resize.ne{top:-12px}.family-resize.sw,.family-resize.se{bottom:-12px}}