#journeyStudio{scroll-margin-top:20px}.js-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.js-heading h2{margin-bottom:10px}.js-toolbar,.js-edit,.js-presets{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.js-toolbar{padding:14px;background:#e7ece1;border-radius:10px 10px 0 0}.js-toolbar button,.js-edit button,.js-presets button{padding:7px 11px;font-size:12px}.js-toolbar button[aria-pressed=true]{background:#285a58;color:white}.js-toolbar label{display:flex;align-items:center;gap:7px;font-size:12px}.js-toolbar input[type=range],.js-edit input[type=range]{width:100px;padding:0;margin:0;accent-color:#285a58}.js-workspace{display:grid;grid-template-columns:170px minmax(0,1fr) 170px;gap:14px;background:#e7e8df;padding:14px;border-radius:0 0 10px 10px}.js-tray{min-width:0;max-height:660px;overflow:auto;background:#faf8f1;border:1px solid #d6dbcd;border-radius:7px;padding:10px}.js-tray h3{font-size:15px;margin:3px 0}.js-tray p{font-size:10px;margin:2px 0 8px;color:#61716a}.js-tray input{font-size:11px;padding:7px!important;margin:5px 0 10px!important}.js-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.js-asset{padding:5px!important;border:1px solid #e2dfd3;background:white;border-radius:5px;min-width:0;touch-action:pan-y;user-select:none}.js-asset img{display:block;width:100%;height:62px;object-fit:contain;pointer-events:none}.js-asset span{display:block;font-size:9px;line-height:1.5;margin-top:3px;overflow-wrap:anywhere}.js-paper-area{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:12px 0}.js-paper{position:relative;width:100%;max-width:450px;aspect-ratio:2480/3508;background:white;box-shadow:0 6px 22px #283d4025;overflow:hidden;isolation:isolate;touch-action:none}.js-paper[data-orientation=landscape]{aspect-ratio:3508/2480;max-width:640px}.js-hint{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#86958b;pointer-events:none;padding:20px;font-size:14px}.js-hint b{font-size:33px;font-weight:400}.js-hint small{font-size:11px}.js-piece{position:absolute;padding:0!important;background:none!important;border:0!important;border-radius:0!important;transform-origin:center;touch-action:none;cursor:grab;user-select:none;box-sizing:border-box}.js-piece img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.js-piece[aria-pressed=true]{outline:1.5px dashed #dd6248;outline-offset:3px}.js-piece:focus-visible{outline:2px solid #dd6248}.js-piece .js-handle{position:absolute;bottom:-5px;right:-5px;width:13px;height:13px;background:#dd6248;border:2px solid white;border-radius:50%;cursor:nwse-resize;display:none}.js-piece[aria-pressed=true] .js-handle{display:block}.js-caption{font-size:11px;letter-spacing:.06em;color:#65786f;margin:0!important}.js-edit{padding:12px;margin:12px 0;background:#fffcf5;border:1px solid #d6dbcd;border-radius:8px}.js-edit label{font-size:11px;display:flex;align-items:center;gap:6px}.js-selection{width:100%;font-size:12px}.js-presets{margin:15px 0}.js-presets span{font-size:12px}.js-status{min-height:24px;font-size:12px}.js-footnote{font-size:12px;color:#63716c}.js-ghost{position:fixed;z-index:999999;pointer-events:none;width:90px;height:90px;object-fit:contain;opacity:.75;transform:translate(-50%,-50%)}.js-export-preview{max-width:500px;width:100%;height:auto;display:block;border:1px solid #cbd0c3;margin:16px auto}.js-export-preview[hidden]{display:none}.js-focus .course-nav{display:none}.js-focus .layout{display:block;max-width:1580px}.js-focus #journeyStudio .js-workspace{grid-template-columns:220px minmax(0,1fr) 220px}.js-focus .js-tray{max-height:750px}.js-focus .js-asset img{height:85px}.js-focus .js-paper{max-width:490px}.js-focus .js-paper[data-orientation=landscape]{max-width:800px}
@media(min-width:768px){html:has(#gnavSidebar.open) body{margin-right:150px}}
@media(max-width:1150px){.js-workspace{grid-template-columns:130px minmax(0,1fr) 130px;gap:8px;padding:8px}.js-tray{padding:6px}.js-asset img{height:48px}}
@media(max-width:760px){.js-heading{align-items:flex-start}.js-heading>button{font-size:11px;flex:none;padding:7px}.js-workspace,.js-focus #journeyStudio .js-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.js-paper-area{grid-column:1/-1;grid-row:1;padding:8px 15px}.js-tray,.js-focus .js-tray{max-height:250px}.js-tray .js-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.js-asset img,.js-focus .js-asset img{height:45px}.js-toolbar{padding:10px}.js-toolbar label{flex-wrap:wrap}.js-paper{max-width:350px}.js-edit label{width:100%;justify-content:space-between}.js-edit input[type=range]{width:55%}.js-presets button{font-size:11px}.js-heading h2{font-size:28px}}
@media(max-width:390px){.js-tray .js-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.js-heading{display:block}.js-workspace{gap:5px}.js-toolbar button{font-size:11px;padding:7px}.js-edit button{padding:6px 8px}}