.creation-input{margin:18px 0;width:100%;box-sizing:border-box;text-align:left}.creation-input label{display:block;margin-bottom:10px;color:#fff}.creation-input textarea{box-sizing:border-box;width:100%;min-height:120px;padding:14px;border:1px solid #9994bf;border-radius:12px;background:#111633;color:#fff;font:inherit;resize:vertical}.creation-actions{display:flex!important;justify-content:flex-end!important;flex-wrap:wrap;gap:12px}.creation-submit{order:10;margin-left:auto!important}.creation-output:empty{display:none}.creation-output{padding:24px;margin:18px 0;border:1px solid #696886;border-radius:16px;background:#10152e;color:#fff;text-align:left;max-height:70vh;overflow:auto;min-width:0;overflow-wrap:anywhere}.creation-output p{white-space:pre-wrap;line-height:1.9}.creation-output img{max-width:100%;height:auto}.creation-output a{display:inline-block;color:#ffdb7e;padding:12px}.swi-footer-actions{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;width:100%;box-sizing:border-box}.swi-footer-actions .swi-submit{margin-left:auto;max-width:100%;width:340px;text-align:right}.swi-footer-actions .swi-submit button{width:100%;margin-top:0!important}.creation-submit:hover{filter:brightness(1.08);transform:translateY(-2px)}.creation-submit:active{transform:translateY(0)}.creation-submit{transition:transform .2s,filter .2s}.creation-input textarea:focus-visible{outline:2px solid #ffdb7e;outline-offset:3px}@media(max-width:600px){.swi-footer-actions .swi-submit{width:min(280px,100%)}.creation-output{padding:16px}.creation-actions{width:100%}}
.creation-editor{position:relative;clear:both;box-sizing:border-box;margin:20px;padding:24px;border-radius:18px;background:#151935;border:1px solid #696886}.page-content:has(.creation-editor){overflow-y:auto!important;display:block!important}.creation-editor .creation-submit{min-width:220px;max-width:100%;min-height:48px;height:auto;padding:14px 24px;border:0;border-radius:12px;background:#ffdc83;color:#342b22;font-weight:700;cursor:pointer}.creation-editor .creation-submit span{color:inherit}@media(max-width:600px){.creation-editor{margin:12px;padding:16px}.creation-editor .creation-submit{min-width:0}}
.swi-book-empty[hidden]{display:none!important}

.creation-field{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px;height:auto!important;text-align:left;color:inherit}.creation-field input,.creation-field select,.creation-meta input,.creation-meta select{width:100%;box-sizing:border-box;padding:10px;border:1px solid #8e8bac;border-radius:8px;background:#141938;color:#fff;font:inherit;min-width:0}.creation-meta{display:flex;gap:16px;flex-wrap:wrap}.creation-meta label{flex:1;min-width:120px}.creation-record{display:block;color:#ffdc83;padding:12px}.cc-option:has(.hair-style){position:relative;overflow:hidden}.cc-option .hair-style{position:absolute!important;width:500%!important;max-width:none!important;height:auto!important;left:calc(var(--hair-slot) * -100%)!important;top:-116%!important;object-fit:fill!important}.cc-style-tag.selected{outline:2px solid #ffdc83}button:disabled{cursor:not-allowed;opacity:.55}

.sw-control-panel .creation-editor,.pb-workbench .creation-editor,.cc-custom-panel .creation-editor,.gn-settings-section .creation-editor{margin:16px 0 0;padding:16px}.cc-preview-img{height:85%!important}.creation-field select{color-scheme:dark}.sw-selectors{align-items:stretch}.gn-setting-card:disabled{pointer-events:auto}
.story-wizard-page:has(.creation-editor),.picture-book-page:has(.creation-editor),.character-creator-page:has(.creation-editor),.goodnight-page:has(.creation-editor){height:auto;min-height:100%;overflow:visible}.story-wizard-content:has(.creation-editor),.pb-content:has(.creation-editor),.cc-content:has(.creation-editor),.goodnight-content:has(.creation-editor){height:auto;min-height:100%;overflow:visible}.story-wizard-content:has(.creation-editor)>*,.pb-content:has(.creation-editor)>*,.cc-content:has(.creation-editor)>*,.goodnight-content:has(.creation-editor)>*{flex-shrink:0}.sw-workspace:has(.creation-editor){flex:none;min-height:max-content}.sw-control-panel .creation-editor{flex:none}.sw-bottom{min-height:290px}.cc-workspace:has(.creation-editor),.pb-main:has(.creation-editor){flex:none}.creation-editor{flex-shrink:0}

.creation-page-actions{width:100%;padding:14px 0;margin:0 0 18px;flex:none}.creation-page-actions .creation-submit{flex:none!important;width:280px!important;max-width:100%;min-height:52px;padding:12px 20px;border-radius:12px;background:#ffdc83;color:#342b22;font-weight:bold}.creation-submit{flex:none!important;width:min(280px,100%)!important}.creation-page-actions .creation-submit span{color:inherit}
@media(max-width:700px){.main{min-width:0}.sidebar{width:64px;flex:none}.sidebar .nav-item{width:58px;height:67px}.sidebar .nav-label{font-size:10px}.sidebar .logo{width:42px}.top-header{padding:0 8px;height:70px}.top-nav{display:none!important}.story-wizard-content,.pb-content,.cc-content,.goodnight-content{padding:16px 10px!important}.sw-workspace,.pb-main,.cc-workspace{display:block!important}.sw-control-panel,.pb-workbench,.cc-custom-panel,.gn-settings-section{width:100%!important;max-width:none!important;padding:14px!important}.sw-visual{display:none}.sw-selectors,.pb-options{grid-template-columns:1fr!important}.sw-bottom{display:block!important}.sw-card-panel{margin-bottom:16px;min-height:140px}.sw-header>div:first-child{display:none}.sw-header{flex-wrap:wrap}.sw-title{font-size:27px!important}.sw-guide{margin-bottom:12px}.creation-editor{width:100%;padding:12px!important}.creation-page-actions{padding:12px 0}.creation-submit{font-size:15px;white-space:normal;word-break:keep-all}.pb-preview{min-height:320px}.cc-preview-panel{min-height:380px}.cc-row-label{flex-shrink:0}.cc-row-content{min-width:0;flex-wrap:wrap}.gn-settings-grid{grid-template-columns:1fr!important}}

.owned-library{padding:24px}.owned-library .sa-grid{margin-top:20px}.owned-library .sa-card{padding:20px;min-height:150px}.owned-library a{color:#6751aa}.owned-library select{padding:10px}.owned-library #ownedStatus{margin:20px 0;color:#352c61}.owned-library h2{font-size:18px;color:#352c61}

.pb-book-stage[hidden]{display:none!important}@media(max-width:700px){.sw-template-list{grid-template-columns:1fr!important;display:grid!important}.sw-template-card{display:flex;gap:12px}.sw-template-img-wrap{width:90px;flex:none;height:95px}.sw-template-info{flex:1;min-width:0}.sw-template-tags{flex-wrap:wrap}.sw-template-tag{white-space:nowrap}}