*{box-sizing:border-box}body,html{margin:0;padding:0;background:#f3f6fb;color:#172033;font-family:Inter,Arial,Helvetica,sans-serif}button,input,textarea{font:inherit}.sdApp{min-height:100vh}.sdTopbar{height:80px;background:#0f172a;color:white;justify-content:space-between;gap:20px;padding:14px 22px;border-bottom:1px solid rgba(255,255,255,.08)}.sdBrand,.sdTopbar{display:flex;align-items:center}.sdBrand{gap:14px}.sdBrandMark{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#4f46e5,#2563eb);display:grid;place-items:center;font-weight:900;letter-spacing:.04em}.sdBrand h1{margin:0;font-size:20px}.sdBrand p{margin:2px 0 0;font-size:12px;color:#cbd5e1}.sdTopbarRight{display:flex;align-items:center;gap:10px}.sdTitleInput{width:260px;border:1px solid #334155;border-radius:12px;background:#fff;color:#0f172a;padding:10px 12px}.chipBtn,.dangerBtn,.pillBtn,.primaryBtn,.secondaryBtn{border:0;border-radius:12px;padding:10px 14px;cursor:pointer;transition:.15s ease;font-weight:700}.primaryBtn{background:#2563eb;color:white}.primaryBtn:hover{background:#1d4ed8}.secondaryBtn{background:#e2e8f0;color:#0f172a}.secondaryBtn:hover{background:#cbd5e1}.dangerBtn{background:#fee2e2;color:#b91c1c}.dangerBtn:hover{background:#fecaca}.sdWorkspace{grid-template-columns:360px 1fr;min-height:calc(100vh - 80px)}.sdSidebar{background:#f8fafc;border-right:1px solid #dbe3ef;padding:16px;overflow:auto}.sdCard{background:white;border:1px solid #e2e8f0;border-radius:18px;padding:16px;margin-bottom:14px;box-shadow:0 6px 20px rgba(15,23,42,.04)}.sdCardHeader{margin-bottom:12px}.sdCardHeader h2{margin:0;font-size:16px}.sdCardHeader span{display:block;margin-top:4px;font-size:12px;color:#64748b}.sdLayoutGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.pillBtn{background:#eef2ff;color:#1e3a8a}.pillBtn.active{background:#2563eb;color:white}.sdToolRow{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.sdInspector{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.sdInspector label{display:grid;grid-gap:5px;gap:5px;font-size:12px;font-weight:700;color:#334155}.sdInspector input,.sdSearch{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:9px 10px;background:white}.sdMuted{margin:0;font-size:13px;color:#64748b}.sdCategoryRow{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.chipBtn{background:#f1f5f9;color:#334155;padding:8px 12px}.chipBtn.active{background:#dbeafe;color:#1d4ed8}.sdSearch{margin-bottom:12px}.sdAssetGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.sdAssetTile{border:1px solid #e2e8f0;border-radius:14px;background:#fff;padding:8px;text-align:left;cursor:pointer}.sdAssetTile:hover{border-color:#93c5fd;box-shadow:0 8px 18px rgba(37,99,235,.1)}.sdAssetThumb{width:100%;height:96px;border-radius:10px;background:#f8fafc;display:grid;place-items:center;overflow:hidden;border:1px solid #e2e8f0}.sdAssetThumb img{width:100%;height:100%;object-fit:contain}.sdAssetMeta{margin-top:8px}.sdAssetMeta strong{display:block;font-size:12px;color:#0f172a}.sdAssetMeta span{display:block;margin-top:2px;font-size:11px;color:#64748b}.sdEmptyState{grid-column:1/-1;border:1px dashed #cbd5e1;border-radius:14px;padding:18px;text-align:center;color:#64748b;background:#f8fafc}.sdCanvasArea{overflow:auto;padding:28px;background:linear-gradient(90deg,rgba(148,163,184,.12) 1px,transparent 0),linear-gradient(rgba(148,163,184,.12) 1px,transparent 0),#eef2f7;background-size:24px 24px}.comicCanvas{position:relative;width:1120px;height:720px;margin:0 auto;background:white;border:1px solid #cbd5e1;border-radius:20px;box-shadow:0 24px 50px rgba(15,23,42,.14);display:grid;grid-gap:20px;gap:20px;padding:30px}.comicCanvas.one-panel{grid-template-columns:1fr}.comicCanvas.two-panel{grid-template-columns:1fr 1fr}.comicCanvas.three-panel{grid-template-columns:repeat(3,1fr)}.comicCanvas.four-panel{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.panel{border:3px solid #1e293b;border-radius:4px;background:#fcfcfb}.placedItem{cursor:pointer}.placedItem img{object-fit:contain}.placedItem textarea{width:100%;height:100%;border:2px solid #334155;border-radius:14px;resize:none;background:white;padding:10px;font-weight:700}.libraryCard{display:flex;flex-direction:column}.sdAssetScroll::-webkit-scrollbar,.sdCanvasArea::-webkit-scrollbar,.sdSidebar::-webkit-scrollbar{width:10px;height:10px}.sdAssetScroll::-webkit-scrollbar-thumb,.sdCanvasArea::-webkit-scrollbar-thumb,.sdSidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.sdAssetScroll::-webkit-scrollbar-track,.sdCanvasArea::-webkit-scrollbar-track,.sdSidebar::-webkit-scrollbar-track{background:#f1f5f9}.placedItem.selected{border-radius:8px}.resizeHandle{right:-8px;bottom:-8px;width:17px;height:17px;cursor:nwse-resize;z-index:20}.bubbleShape{position:relative;width:100%;height:100%}.bubbleShape textarea{width:100%;height:100%;resize:none;border:3px solid #111827;background:white;color:#111827;padding:18px;font-weight:800;line-height:1.25}.speechBubble textarea{border-radius:28px}.thoughtBubble textarea{border-radius:999px}.bubbleTail{position:absolute;left:var(--tail-x);top:calc(var(--tail-y) - 8px);width:38px;height:38px;background:white;border-right:3px solid #111827;border-bottom:3px solid #111827;transform:rotate(45deg);transform-origin:center;z-index:-1}.thoughtDot{z-index:0}.thoughtDot.dot1{width:24px;height:24px}.thoughtDot.dot2{width:16px;height:16px;transform:translate(24px,20px)}.thoughtDot.dot3{width:10px;height:10px;transform:translate(44px,38px)}.tailHandle{left:calc(var(--tail-x) - 7px);top:calc(var(--tail-y) - 7px);width:15px;height:15px;border:2px solid white;box-shadow:0 2px 8px rgba(15,23,42,.35);z-index:30}.placedItem textarea{cursor:text}.placedItem img{pointer-events:none}.placedItem{position:absolute;border:2px solid transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.placedItem.selected{border-color:#2563eb;outline:2px dashed #93c5fd;border-radius:10px}.moveHandle{position:absolute;left:-13px;top:-13px;width:25px;height:25px;border-radius:999px;background:#0f172a;color:white;border:2px solid white;box-shadow:0 3px 10px rgba(15,23,42,.28);display:grid;place-items:center;font-size:13px;cursor:-webkit-grab;cursor:grab;z-index:80}.moveHandle:active{cursor:-webkit-grabbing;cursor:grabbing}.resizeHandle{position:absolute;width:16px;height:16px;border-radius:5px;background:#2563eb;border:2px solid white;box-shadow:0 2px 8px rgba(15,23,42,.35);z-index:90}.resizeNW{left:-8px;top:-8px;cursor:nwse-resize}.resizeNE{right:-8px;top:-8px;cursor:nesw-resize}.resizeSW{left:-8px;bottom:-8px;cursor:nesw-resize}.resizeSE{right:-8px;bottom:-8px;cursor:nwse-resize}.placedItem img{width:100%;height:100%;pointer-events:auto;cursor:-webkit-grab;cursor:grab}.placedItem img:active{cursor:-webkit-grabbing;cursor:grabbing}.placedItem.text textarea{width:100%;height:100%;border:2px solid #334155;border-radius:14px;resize:none;background:white;padding:10px;font-weight:800;cursor:text}.bubbleObject{overflow:visible}.bubbleObject,.bubbleObject textarea{position:relative;width:100%;height:100%}.bubbleObject textarea{z-index:5;resize:none;border:3px solid #111827;background:white;color:#111827;padding:18px;font-weight:850;line-height:1.25;cursor:text}.speechBubbleObject textarea{border-radius:28px}.thoughtBubbleObject textarea{border-radius:999px}.bubbleTailSvg{position:absolute;inset:0;width:100%;height:150%;overflow:visible;pointer-events:none;z-index:2}.bubbleTailSvg path{fill:white;stroke:#111827;stroke-width:3;stroke-linejoin:round}.tailHandle{position:absolute;left:calc(var(--tail-x) - 10px);top:calc(var(--tail-y) - 10px);width:20px;height:20px;border-radius:999px;background:#f97316;border:3px solid white;box-shadow:0 3px 10px rgba(15,23,42,.28);cursor:-webkit-grab;cursor:grab;z-index:85}.tailHandle:active{cursor:-webkit-grabbing;cursor:grabbing}.thoughtDot{position:absolute;left:var(--tail-x);top:var(--tail-y);background:white;border:3px solid #111827;border-radius:999px;z-index:3;pointer-events:none}.thoughtDot1{width:24px;height:24px}.thoughtDot2{width:16px;height:16px;transform:translate(25px,22px)}.thoughtDot3{width:10px;height:10px;transform:translate(45px,40px)}.sdAssetScroll{max-height:390px;overflow:auto;padding-right:4px}.sdToolRow{display:grid;grid-template-columns:1fr 1fr}.sdToolRow button{padding:9px 10px;font-size:12px}.objectDragFrame{display:none!important}.cornerMoveHandle{position:absolute;left:-34px;top:-34px;width:26px;height:26px;border-radius:999px;background:#0f172a;color:white;border:2px solid white;box-shadow:0 3px 10px rgba(15,23,42,.32);display:grid;place-items:center;font-size:13px;cursor:-webkit-grab;cursor:grab;z-index:120;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cornerMoveHandle:active{cursor:-webkit-grabbing;cursor:grabbing}.resizeNW{left:-12px;top:-12px}.bubbleObject textarea,.placedItem.text textarea{cursor:text}.saveToast{position:fixed;right:20px;top:92px;z-index:1000;background:#0f172a;color:white;border-radius:999px;padding:10px 14px;font-weight:850;box-shadow:0 10px 24px rgba(15,23,42,.28)}.loadOverlay{position:fixed;inset:0;z-index:999;background:rgba(15,23,42,.46);display:grid;place-items:center;padding:20px}.loadDialog{width:min(720px,96vw);max-height:78vh;overflow:auto;background:white;border-radius:22px;border:1px solid #dbe3ef;padding:18px;box-shadow:0 24px 60px rgba(15,23,42,.26)}.loadHeader{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #e2e8f0;padding-bottom:12px;margin-bottom:12px}.loadHeader h2{margin:0;color:#0f172a}.loadHeader button{border:0;border-radius:999px;background:#e2e8f0;color:#0f172a;padding:8px 12px;font-weight:850;cursor:pointer}.draftList{display:grid;grid-gap:10px;gap:10px}.draftItem{border:1px solid #e2e8f0;background:#f8fafc;border-radius:14px;padding:12px;text-align:left;cursor:pointer}.draftItem:hover{border-color:#93c5fd;background:#eff6ff}.draftItem strong{display:block;color:#0f172a;font-size:16px}.draftItem span{display:block;margin-top:5px;color:#64748b;font-size:12px}.uploadCard{border:2px dashed #93c5fd;background:#f8fbff}.uploadCard.dragOver{border-color:#2563eb;background:#eff6ff;box-shadow:0 0 0 4px rgba(37,99,235,.12)}.uploadPicker{display:grid;place-items:center;min-height:54px;border-radius:16px;background:#2563eb;color:white;font-weight:900;cursor:pointer;margin-top:12px}.uploadPicker input{display:none}.uploadToast{position:fixed;right:20px;top:138px;z-index:1000;background:#1d4ed8;color:white;border-radius:999px;padding:10px 14px;font-weight:850;box-shadow:0 10px 24px rgba(15,23,42,.28)}.export-reminder{display:inline-block;margin-left:.6rem;font-size:.78rem;opacity:.75;max-width:340px;vertical-align:middle}.storydoodle-exporting .editor-only,.storydoodle-exporting .move-handle,.storydoodle-exporting .object-controls,.storydoodle-exporting .panel-label,.storydoodle-exporting .panel-number,.storydoodle-exporting .resize-handle,.storydoodle-exporting .selection-outline,.storydoodle-exporting [data-move-handle],.storydoodle-exporting [data-resize-handle]{display:none!important}.storydoodle-exporting [data-storydoodle-export-root] *{caret-color:transparent!important}.storydoodle-exporting [data-storydoodle-export-root]{outline:none!important}.storydoodle-exporting [data-storydoodle-export-root] .editor-only,.storydoodle-exporting [data-storydoodle-export-root] .moveHandle,.storydoodle-exporting [data-storydoodle-export-root] .objectControls,.storydoodle-exporting [data-storydoodle-export-root] .resizeHandle,.storydoodle-exporting [data-storydoodle-export-root] .tailHandle{display:none!important}.storydoodle-exporting [data-storydoodle-export-root] textarea{caret-color:transparent!important}.storydoodle-exporting [data-storydoodle-export-root] .placedItem.selected{display:block!important;visibility:visible!important;outline:none!important;box-shadow:none!important}.storydoodle-exporting [data-storydoodle-export-root] .placedItem.selected img{display:block!important;visibility:visible!important}.storydoodle-exporting [data-storydoodle-export-root] .selectedPanel{outline:none!important;box-shadow:none!important}.storydoodle-exporting [data-storydoodle-export-root] .bubbleTailHandle,.storydoodle-exporting [data-storydoodle-export-root] .cornerMoveHandle,.storydoodle-exporting [data-storydoodle-export-root] .cornerResizeHandle,.storydoodle-exporting [data-storydoodle-export-root] .editor-only,.storydoodle-exporting [data-storydoodle-export-root] .moveHandle,.storydoodle-exporting [data-storydoodle-export-root] .objectControls,.storydoodle-exporting [data-storydoodle-export-root] .resizeHandle,.storydoodle-exporting [data-storydoodle-export-root] .tailHandle{display:none!important}.policyPage{max-width:860px;margin:2rem auto;padding:2rem;background:#ffffff;border:1px solid #d8e1f0;border-radius:18px;box-shadow:0 12px 30px rgba(15,23,42,.08);line-height:1.65}.policyPage h1{margin-top:0;font-size:2rem}.policyPage h2{margin-top:1.6rem;font-size:1.2rem}.policyPage p{color:#334155}.uploadPolicyNotice{margin:.4rem 0 .7rem;padding:.55rem .65rem;border-radius:10px;background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12;font-size:.78rem;line-height:1.35}.export-reminder,.exportReminder{display:inline-block;margin-left:.65rem;padding:.35rem .55rem;max-width:360px;border-radius:10px;background:rgba(255,255,255,.14);color:#f8fafc;font-size:.72rem;line-height:1.25;vertical-align:middle}.export-reminder a,.exportReminder a{color:#93c5fd;font-weight:700;text-decoration:underline}.export-reminder a:hover,.exportReminder a:hover{color:#bfdbfe}.sdWorkspace{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(520px,1.8fr) minmax(250px,.9fr);grid-gap:1rem;gap:1rem;align-items:start}.sdWorkspace>.sdSidebar{display:contents}.sdWorkspace>.sdSidebar>.sdCard:not(.libraryCard){grid-column:1}.sdWorkspace>.sdCanvasArea{grid-column:2;grid-row:1/span 20;min-width:0;overflow:auto}.sdWorkspace>.sdSidebar>.libraryCard{grid-column:3;grid-row:1/span 20;min-width:0;max-height:calc(100vh - 150px);display:flex;flex-direction:column}.sdWorkspace>.sdSidebar>.libraryCard .sdAssetScroll{max-height:calc(100vh - 320px);overflow-y:auto}.uploadModePicker{display:flex;gap:.55rem;flex-wrap:wrap;margin:.45rem 0 .35rem}.uploadModePicker label{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .55rem;border:1px solid #d8e1f0;border-radius:999px;background:#f8fafc;font-size:.78rem;cursor:pointer}.uploadModeHelp{margin:0 0 .7rem;color:#64748b;font-size:.75rem;line-height:1.35}@media (max-width:1200px){.sdWorkspace{grid-template-columns:1fr}.sdWorkspace>.sdSidebar{display:block}.sdWorkspace>.sdCanvasArea,.sdWorkspace>.sdSidebar>.libraryCard,.sdWorkspace>.sdSidebar>.sdCard:not(.libraryCard){grid-column:auto;grid-row:auto}.sdWorkspace>.sdSidebar>.libraryCard,.sdWorkspace>.sdSidebar>.libraryCard .sdAssetScroll{max-height:none}}.sdWorkspace{grid-template-columns:230px minmax(520px,50vw) 280px!important;grid-gap:1rem!important;gap:1rem!important;justify-content:center!important}.sdWorkspace>.sdSidebar>.sdCard:not(.libraryCard){width:230px!important;max-width:230px!important}.sdWorkspace>.sdCanvasArea{max-width:760px!important;overflow:auto!important;justify-self:center!important}.sdWorkspace>.sdCanvasArea .comicCanvas{max-width:100%!important}.sdWorkspace>.sdSidebar>.libraryCard{width:280px!important;max-width:280px!important}.sdWorkspace>.sdSidebar>.libraryCard .sdAssetScroll{max-height:calc(100vh - 310px)!important}.uploadModePicker{gap:.5rem!important}.uploadModePicker label{gap:.35rem!important;padding:.35rem .55rem!important;font-size:.76rem!important}.uploadModeHelp{font-size:.74rem!important;line-height:1.35!important}@media (max-width:1250px){.sdWorkspace{grid-template-columns:220px minmax(460px,1fr) 250px!important}.sdWorkspace>.sdSidebar>.sdCard:not(.libraryCard){width:220px!important;max-width:220px!important}.sdWorkspace>.sdSidebar>.libraryCard{width:250px!important;max-width:250px!important}}@media (max-width:1050px){.sdWorkspace{grid-template-columns:1fr!important;justify-content:stretch!important}.sdWorkspace>.sdSidebar{display:block!important}.sdWorkspace>.sdCanvasArea,.sdWorkspace>.sdSidebar>.libraryCard,.sdWorkspace>.sdSidebar>.sdCard:not(.libraryCard){grid-column:auto!important;grid-row:auto!important;width:auto!important;max-width:none!important}.sdWorkspace>.sdSidebar>.libraryCard,.sdWorkspace>.sdSidebar>.libraryCard .sdAssetScroll{max-height:none!important}}.sdWorkspace>.sdCanvasArea{padding:1rem!important}.sdWorkspace>.sdCanvasArea .comicCanvas{transform:scale(.68)!important;margin-bottom:-210px!important}.panelPicker{display:flex!important;flex-wrap:wrap!important;gap:.35rem!important}.panelPicker button{font-size:.78rem!important;padding:.3rem .45rem!important;min-height:0!important}.sdLayoutGrid{gap:.45rem!important}.pillBtn,.sdLayoutGrid .pillBtn{font-size:.78rem!important;padding:.45rem .5rem!important;min-height:0!important}.sdWorkspace{grid-template-columns:230px minmax(520px,680px) 280px!important;width:100%!important;max-width:none!important;display:grid!important;grid-gap:1.25rem!important;gap:1.25rem!important;align-items:start!important;justify-content:stretch!important;padding:1rem 1.25rem!important;box-sizing:border-box!important}.sdWorkspace>.sdSidebar{display:contents!important}.sdWorkspace>.sdSidebar>.sdCard:not(.libraryCard){grid-column:1!important;width:235px!important;max-width:235px!important}.sdWorkspace>.sdCanvasArea{grid-column:2!important;grid-row:1/span 20!important;width:100%!important;max-width:none!important;min-width:0!important;display:flex!important;justify-content:center!important;align-items:flex-start!important;overflow:visible!important;padding:.75rem!important;box-sizing:border-box!important}.sdWorkspace>.sdCanvasArea .comicCanvas{transform:scale(.82)!important;margin-bottom:-95px!important}.sdWorkspace>.sdSidebar>.libraryCard{grid-column:3!important;grid-row:1/span 20!important;width:300px!important;max-width:300px!important;min-width:0!important;max-height:calc(100vh - 145px)!important;display:flex!important;flex-direction:column!important}.sdWorkspace>.sdSidebar>.libraryCard .sdAssetScroll{max-height:calc(100vh - 315px)!important;overflow-y:auto!important}.sdWorkspace>.sdSidebar>.libraryCard .sdAssetGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.uploadModePicker{display:flex!important;gap:.45rem!important;flex-wrap:wrap!important;margin:.45rem 0 .35rem!important}.uploadModePicker label{display:inline-flex!important;align-items:center!important;gap:.3rem!important;padding:.32rem .5rem!important;border:1px solid #d8e1f0!important;border-radius:999px!important;background:#f8fafc!important;font-size:.74rem!important;cursor:pointer!important}.uploadModeHelp{margin:0 0 .7rem!important;color:#64748b!important;font-size:.72rem!important;line-height:1.3!important}@media (max-width:1350px){.sdWorkspace{grid-template-columns:225px minmax(620px,1fr) 275px!important;gap:1rem!important;padding:.8rem!important}.sdWorkspace>.sdSidebar>.sdCard:not(.libraryCard){width:225px!important;max-width:225px!important}.sdWorkspace>.sdSidebar>.libraryCard{width:275px!important;max-width:275px!important}.sdWorkspace>.sdCanvasArea .comicCanvas{transform:scale(.76)!important;margin-bottom:-145px!important}}@media (max-width:1100px){.sdWorkspace{grid-template-columns:1fr!important;justify-content:stretch!important}.sdWorkspace>.sdSidebar{display:block!important}.sdWorkspace>.sdCanvasArea,.sdWorkspace>.sdSidebar>.libraryCard,.sdWorkspace>.sdSidebar>.sdCard:not(.libraryCard){grid-column:auto!important;grid-row:auto!important;width:auto!important;max-width:none!important}.sdWorkspace>.sdCanvasArea .comicCanvas{transform:scale(.7)!important;margin-bottom:-185px!important}.sdWorkspace>.sdSidebar>.libraryCard,.sdWorkspace>.sdSidebar>.libraryCard .sdAssetScroll{max-height:none!important}}.sdWorkspace{grid-template-columns:235px minmax(720px,1fr) 300px!important;gap:1.1rem!important;padding:.85rem 1.1rem!important}.sdWorkspace>.sdCanvasArea .comicCanvas{transform:scale(.8)!important;transform-origin:top center!important;margin-bottom:-120px!important}.storydoodle-exporting [data-storydoodle-export-root]{transform:none!important;margin-bottom:0!important}.adminLoginShell,.adminPageShell{min-height:100vh;padding:3rem 1rem;background:radial-gradient(circle at top left,rgba(96,165,250,.22),transparent 30rem),linear-gradient(135deg,#f8fafc,#eef6ff);color:#0f172a}.adminLoginShell{display:flex;align-items:center;justify-content:center}.adminLoginCard,.adminPanel{width:min(100%,460px);background:rgba(255,255,255,.92);border:1px solid #dbeafe;border-radius:1.25rem;box-shadow:0 18px 50px rgba(15,23,42,.12);padding:1.5rem}.adminPageShell{display:grid;grid-gap:1rem;gap:1rem;justify-items:center;align-content:start}.adminPanel{width:min(100%,860px);display:flex;justify-content:space-between;gap:1rem;align-items:center}.adminEyebrow{margin:0 0 .35rem;color:#2563eb;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.adminLoginCard h1,.adminPanel h1,.adminPanel h2{margin:0 0 .5rem}.adminLoginText,.adminPanel p{color:#475569}.adminLoginForm{display:grid;grid-gap:.9rem;gap:.9rem;margin-top:1.2rem}.adminLoginForm label{display:grid;grid-gap:.35rem;gap:.35rem;color:#334155;font-weight:700}.adminLoginForm input{border:1px solid #cbd5e1;border-radius:.8rem;padding:.75rem .85rem;font:inherit}.adminLoginForm button,.adminLogoutBtn{border:0;border-radius:999px;background:#2563eb;color:white;font-weight:800;padding:.75rem 1rem;cursor:pointer}.adminLogoutBtn{background:#0f172a}.adminError,.adminNotice{border-radius:.8rem;padding:.7rem .8rem;margin:.8rem 0;font-weight:700}.adminError{background:#fee2e2;color:#991b1b}.adminNotice{background:#dcfce7;color:#166534}.adminPanel{overflow:hidden}.adminAssetGrid{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,220px));grid-gap:16px;gap:16px;align-items:start}.adminAssetCard{max-width:220px;min-width:0}.adminAssetPreview{width:100%;height:130px;max-height:130px;overflow:hidden}.adminAssetPreview img{display:block;width:100%;height:100%;max-width:100%;max-height:130px;object-fit:contain}.adminAssetInfo{min-height:auto;font-size:.82rem;line-height:1.25}.adminAssetInfo strong{display:block;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.adminDeleteBtn{font-size:.85rem;padding:8px 10px}@media (max-width:720px){.adminAssetGrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.adminAssetCard{max-width:none}}.adminAssetList{display:flex;flex-direction:column;gap:12px}.adminAssetManageRow{grid-template-columns:96px minmax(180px,1fr) minmax(360px,1.4fr)}.adminAssetForms{display:flex;flex-direction:column;gap:8px;min-width:0}.adminInlineForm,.adminPromoteForm{display:grid;grid-gap:8px;gap:8px;align-items:center}.adminInlineForm{grid-template-columns:minmax(0,1fr) 92px}.adminPromoteForm{grid-template-columns:120px minmax(0,1fr) minmax(0,1fr) 96px}.adminInlineForm input,.adminPromoteForm input,.adminPromoteForm select{width:100%;min-width:0;border:1px solid rgba(74,55,32,.22);border-radius:999px;padding:8px 10px;background:white;font:inherit}.adminPromoteBtn,.adminSmallBtn{border:0;border-radius:999px;padding:9px 10px;font-weight:800;cursor:pointer}.adminSmallBtn{background:#efe7d8;color:#2d261d}.adminPromoteBtn{background:#1f7a4d;color:white}.adminPromoteBtn:hover{background:#17633d}@media (max-width:980px){.adminAssetManageRow{grid-template-columns:76px minmax(0,1fr)}.adminAssetForms{grid-column:1/-1}.adminInlineForm,.adminPromoteForm{grid-template-columns:1fr}}.sdSubcategoryWrap{display:flex;flex-direction:column;gap:6px;margin:8px 0 10px}.sdSubcategoryLabel{font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#6d5a43}.sdSubcategoryRow{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}.subChipBtn{flex:0 0 auto;border:1px solid rgba(74,55,32,.2);border-radius:999px;background:#fffaf0;color:#3d3022;font-weight:800;font-size:.78rem;padding:7px 10px;cursor:pointer;white-space:nowrap}.subChipBtn.active{background:#284f9f;color:white;border-color:#284f9f}.subChipBtn:hover{transform:translateY(-1px)}.sdAssetMeta span{display:inline-flex;width:-moz-fit-content;width:fit-content;max-width:100%;border-radius:999px;background:#f1eadc;color:#5d4d3a;padding:2px 7px;font-size:.72rem;font-weight:700}.sdSubcategorySelectWrap{display:flex;flex-direction:column;gap:5px;margin:8px 0 10px}.sdSubcategorySelectWrap span{font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#6d5a43}.sdSubcategorySelect{width:100%;border:1px solid rgba(74,55,32,.22);border-radius:999px;background:#fffaf0;color:#3d3022;font:inherit;font-weight:800;padding:8px 12px;cursor:pointer}.thoughtBubbleObject{overflow:visible}.thoughtBubbleObject .thoughtDot{position:absolute;pointer-events:none;border-radius:999px;background:white;border:2px solid #111827;z-index:3}.thoughtBubbleObject .thoughtDot1{width:14px;height:14px;left:calc(50% + ((var(--tail-x) - 50%) * .34));top:calc(78% + ((var(--tail-y) - 100%) * .22));transform:translate(-50%,-50%)}.thoughtBubbleObject .thoughtDot2{width:11px;height:11px;left:calc(50% + ((var(--tail-x) - 50%) * .58));top:calc(88% + ((var(--tail-y) - 100%) * .45));transform:translate(-50%,-50%)}.thoughtBubbleObject .thoughtDot3{width:8px;height:8px;left:var(--tail-x);top:var(--tail-y);transform:translate(-50%,-50%)}.thoughtBubbleObject .thoughtTailHandle{left:var(--tail-x);top:var(--tail-y);cursor:-webkit-grab;cursor:grab;z-index:8}.thoughtBubbleObject .thoughtTailHandle:active{cursor:-webkit-grabbing;cursor:grabbing}.thoughtBubbleObject .thoughtDot1,.thoughtBubbleObject .thoughtDot2,.thoughtBubbleObject .thoughtDot3,.thoughtBubbleObject .thoughtTailHandle{right:auto;bottom:auto;transform:translate(-50%,-50%)}@media (min-width:900px) and (max-width:1366px) and (orientation:landscape){.sdTopbar{min-height:58px!important;height:auto!important;padding:7px 12px!important;gap:10px!important}.sdBrand{flex:0 0 auto!important}.sdBrand p{display:none!important}.sdBrand h1{font-size:17px!important;white-space:nowrap!important}.sdBrandMark{width:38px!important;height:38px!important}.sdTopbarRight{flex:1 1 auto!important;min-width:0!important;gap:6px!important}.sdTitleInput{min-width:150px!important;flex:1 1 220px!important;height:40px!important}.sdTopbarRight>button{min-height:40px!important;padding:7px 11px!important;white-space:nowrap!important;font-size:12px!important}.export-reminder{display:none!important}.sdWorkspace{display:grid!important;grid-template-columns:172px minmax(0,1fr) 205px!important;grid-template-rows:auto!important;grid-gap:8px!important;gap:8px!important;padding:8px!important;align-items:start!important;min-height:calc(100dvh - 58px)!important;overflow:hidden!important}.sdWorkspace>.sdSidebar{display:contents!important}.sdWorkspace>.sdSidebar>.sdCard:not(.libraryCard):not(.uploadCard){grid-column:1!important;width:172px!important;max-width:172px!important;padding:9px!important;margin:0 0 7px!important;border-radius:12px!important}.sdWorkspace>.sdSidebar>.uploadCard{display:none!important}.sdCardHeader{margin-bottom:6px!important}.sdCardHeader h2{font-size:14px!important;line-height:1.15!important}.sdCardHeader span,.sdMuted{font-size:10px!important;line-height:1.2!important}.sdLayoutGrid{gap:5px!important}.sdLayoutGrid .pillBtn{min-height:36px!important;padding:5px!important;font-size:11px!important}.panelPicker{gap:5px!important}.panelPicker button{min-height:34px!important;padding:5px!important;font-size:11px!important}.sdToolRow{display:grid!important;grid-template-columns:1fr 1fr!important;grid-gap:5px!important;gap:5px!important;margin-bottom:6px!important}.sdToolRow .dangerBtn,.sdToolRow .primaryBtn,.sdToolRow .secondaryBtn{width:100%!important;min-height:38px!important;padding:5px 3px!important;font-size:10px!important;line-height:1.1!important}.sdWorkspace>.sdCanvasArea{grid-column:2!important;grid-row:1/span 30!important;width:100%!important;min-width:0!important;max-width:none!important;padding:5px!important;display:flex!important;justify-content:center!important;align-items:flex-start!important;overflow:visible!important}.sdWorkspace>.sdCanvasArea .comicCanvas{width:1120px!important;height:720px!important;transform:scale(.56)!important;transform-origin:top center!important;flex:0 0 1120px!important;margin-bottom:-317px!important}.sdWorkspace>.sdSidebar>.libraryCard{grid-column:3!important;grid-row:1/span 30!important;width:205px!important;max-width:205px!important;min-width:0!important;padding:9px!important;margin:0!important;border-radius:12px!important;max-height:calc(100dvh - 76px)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.libraryCard .sdCategoryRow{gap:4px!important;margin-bottom:6px!important}.libraryCard .chipBtn{min-height:34px!important;padding:5px 6px!important;font-size:10px!important}.libraryCard .sdSearch,.libraryCard .sdSubcategorySelect{min-height:36px!important;font-size:11px!important}.libraryCard .sdSearch{margin-bottom:6px!important}.libraryCard .sdAssetScroll{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch}.libraryCard .sdAssetGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}.libraryCard .sdAssetTile{padding:4px!important;border-radius:9px!important}.libraryCard .sdAssetThumb{height:62px!important}.libraryCard .sdAssetMeta strong{font-size:9px!important}.libraryCard .sdAssetMeta span{font-size:8px!important}.storydoodle-exporting [data-storydoodle-export-root]{transform:none!important;margin-bottom:0!important}}@media (min-width:900px) and (max-width:1100px) and (orientation:landscape){.sdWorkspace{grid-template-columns:155px minmax(0,1fr) 185px!important;gap:6px!important;padding:6px!important}.sdWorkspace>.sdSidebar>.sdCard:not(.libraryCard):not(.uploadCard){width:155px!important;max-width:155px!important}.sdWorkspace>.sdSidebar>.libraryCard{width:185px!important;max-width:185px!important}.sdWorkspace>.sdCanvasArea .comicCanvas{transform:scale(.5)!important;margin-bottom:-360px!important}}