/* Kids Studio 2 • Biblioteca editorial, professoras + festas */
:root{--ink:#20314d;--muted:#8290a4;--border:#e8edf2;--cream:#f5f7f8;--blue:#136db9;--blue2:#0a518f;--navy:#0d2538}
html,body{background:#f0f4f5}
.topbar{background:#102c3c;box-shadow:none;border-bottom:1px solid #264354;height:72px}
.brand-symbol{background:#f6e4ad;color:#1d5461;border-color:#efcd7a;box-shadow:0 3px 14px #f4d98d23}
.brand-symbol .play{color:#b47537}
.brandname{font-family:"Trebuchet MS",Inter,sans-serif;letter-spacing:1.25px}
.edition{border-color:#49616c;color:#bacbcd}
.sync-dot{color:#abc7cb}
.button.accent,.button.export{background:#d9a75e;color:#193344;box-shadow:0 3px 10px #d8ae6531}
.button.accent:hover,.button.export:hover{background:#e9c280;color:#153141}
.button.subdued{background:#244757;border-color:#3e6675}
.sidebar{background:#fffefa}
.sidebar-head{padding:22px 20px 14px;position:relative}
.sidebar-head h2{font-family:Georgia,serif;font-size:24px;font-weight:700;letter-spacing:-.8px;color:#244559}
.sidebar-head h2 span{color:#dfad63}
.sidebar-head p{color:#7e8f99}
.eyebrow{letter-spacing:1.9px;font-weight:900;color:#6c988b;font-size:10px}
.side-actions{padding:10px 12px}
.tooltab{font-weight:750;color:#586f7a;border-radius:12px;padding:9px 10px;gap:9px}
.tooltab.active{background:#e8f3ef;color:#1d635e}
.tooltab.active .tool-ico{background:#bfe2d8;color:#285d56}
.tool-ico{background:#eef3f2;color:#678c88}
.tooltab b{margin-left:auto;background:#e5efe8;padding:3px 7px;border-radius:10px;color:#3a756d;font-size:10px}
.side-content{background:#fffefa;border-top:1px solid #f0ebe4;padding:17px 13px 28px}
.side-content h3{font-family:Georgia,serif;font-weight:700;letter-spacing:-.4px;font-size:19px;margin:6px 0}
.side-footer{background:#faf8f1;border-top:1px solid #eee8d9}
.side-footer a{color:#295b73;font-weight:750}
.world-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#f2f4f3;padding:5px;border-radius:13px;margin:15px 0}
.world-btn{background:transparent;border:1px solid transparent;border-radius:9px;padding:10px 4px;font-size:11px;font-weight:850;color:#73818b}
.world-btn.selected{background:#fff;color:#205f69;border-color:#dbe7e2;box-shadow:0 3px 9px #1c4d4c0d}
#template-search{background:#fff;width:100%;border:1px solid #dde8e5;border-radius:12px;padding:12px;font-size:12px;color:#2c475c;outline:none}
#template-search:focus{border-color:#80bdb4;box-shadow:0 0 0 3px #c7eee374}
.category-pills{flex-wrap:nowrap;overflow-x:auto;padding-bottom:7px;margin:12px 0 6px;scrollbar-width:thin}
.pill{white-space:nowrap;border-color:#e5e9e7;border-radius:10px;font-size:10px;padding:7px 10px}
.pill.on{background:#244f57;border-color:#244f57}
.model-count{font-size:10px;color:#839699;font-weight:800;letter-spacing:.3px;margin:8px 0 12px}
.template-grid.better-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.premium-template{border:1px solid #e2e8e8;background:#fff;border-radius:14px;padding:6px;text-align:left;display:flex;flex-direction:column;gap:0;box-shadow:0 3px 10px #1c3f4908;transition:.18s}
.premium-template:hover{transform:translateY(-2px);box-shadow:0 10px 28px #203f5220;border-color:#9dccc5}
.premium-template.selected{border:2px solid #72ada6;padding:5px}
.model-image{width:100%;height:138px;background:#ecf1ef;border-radius:9px;overflow:hidden;display:flex;justify-content:center;align-items:center}
.model-image img{display:block;width:100%;height:100%;object-fit:contain}
.fallback-image{font-size:34px}
.model-info{display:grid;gap:3px;padding:9px 3px 5px;min-height:51px}
.model-info strong{font-size:11px;font-weight:840;color:#2f4b51;line-height:1.3}
.model-info small{font-size:10px;color:#91a2a1}
.model-use{margin:0 3px 2px;border-radius:8px;background:#edf5f1;color:#327e6b;font-size:10px;font-weight:800;padding:7px;text-align:center}
.no-models{color:#809598;font-size:12px;line-height:1.7;padding:20px 10px}
.workspace-top{border-bottom:1px solid #e5ece9;background:#fffefa}
.project-info label{color:#6f9b97}
.quick-tools{display:flex;align-items:center;gap:7px;padding:9px 15px;background:#f9fbfa;border-bottom:1px solid #e5eeeb;overflow:auto;flex-shrink:0}
.quick-tools button{white-space:nowrap;border:1px solid #dde8e8;color:#315b64;background:#fff;border-radius:10px;padding:9px 15px;font-size:11px;font-weight:850}
.quick-tools button:first-child{background:#195b61;color:white;border-color:#195b61}
.quick-tools button:hover{background:#e9f5f1}
.quick-tools button:first-child:hover{background:#2b7674}
.canvas-zone{background:radial-gradient(circle at 10% 15%,#e7f3ee,transparent 45%),radial-gradient(circle at 90% 85%,#faefdc,transparent 48%),#f2f5f5}
.canvas-heading{color:#45626b}
.canvas-tip{color:#7d9a9b}
.paper-surround{box-shadow:0 24px 65px #223e563d,0 0 0 1px #e6e8e2}
.inspector{background:#fffefa;border-left-color:#e0e9e7}
.inspector-title{padding:24px 20px 15px}
.inspector-title h3{font-family:Georgia,serif;color:#2a4c52;font-size:21px}
.inspector-layers{border-top-color:#e8efeb}
.layer-item{border-color:#e6efec;border-radius:10px;padding:10px}
.layer-item.active{background:#e6f3ef;border-color:#7cb5a7}
.inspector .field label{font-size:11px;color:#4f7773}
.inspector .field input,.inspector .field select,.inspector .field textarea{background:#fff;border-color:#dce7e4}
.editing-tag{font-size:9px;color:#488f75;font-weight:900;letter-spacing:1.4px;margin:1px 0 13px}
.simple-check{display:flex;align-items:center;gap:9px;color:#617983;font-size:12px;margin-bottom:13px}
.simple-check input{accent-color:#2d7f75}
.editor-actions{margin-top:20px}
.mini-btn.primary{background:#e2f2ed;border-color:#bfdfd4;color:#2d776f}
.empty-inspector{border:1px dashed #d6e5de;border-radius:14px;text-align:center;padding:25px 12px;color:#698883}
.empty-inspector span{display:block;font-size:32px;color:#78aea4;margin-bottom:8px}
.empty-inspector strong{font-size:12px;display:block;margin-bottom:6px}
.empty-inspector p{font-size:11px;line-height:1.5}
.close-side{display:none}
.small-section{margin-top:23px!important}
.text-card{border:1px solid #e5e9ed;background:#fff;border-radius:13px;margin:10px 0;padding:17px 14px;display:grid;gap:6px;text-align:left;width:100%;color:#315a61}
.text-card strong{font-size:19px;font-family:Georgia,serif}
.text-card.huge strong{font-size:25px;font-weight:800}
.text-card span{font-size:11px;color:#8a9a9c}
.upload{border-color:#9fcabb;background:#edf6f1;color:#2c716a}
.modal-card{border-radius:21px;max-width:630px}
.modal-card h2{font-family:Georgia,serif;color:#274e53}
.modal-backdrop{background:#092a33aa}
#modal .mini-btn.primary{background:#185e5d;color:white}
#welcome-screen{position:fixed;inset:72px 0 0;z-index:25;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at 15% 15%,#d8e8d8,transparent 38%),radial-gradient(circle at 85% 90%,#f8d9b9,transparent 45%),#f8f9f6;overflow:auto}
.welcome-card{background:#fffefa;position:relative;border:1px solid #eff0e8;box-shadow:0 25px 80px #3557511c;border-radius:26px;padding:38px;width:min(880px,100%)}
.welcome-kicker{font-size:10px;letter-spacing:2.3px;font-weight:900;color:#4c958d}
.welcome-card h1{font-family:Georgia,serif;font-size:clamp(31px,4vw,49px);font-weight:700;max-width:670px;letter-spacing:-1.7px;line-height:1.09;margin:17px 0;color:#233e45}
.welcome-card h1 span{color:#dba45f}
.welcome-card>p{font-size:15px;line-height:1.6;color:#83959b;max-width:540px;margin:0 0 28px}
.welcome-close{position:absolute;right:22px;top:17px;background:#eff5f1;color:#547a7c;border:0;border-radius:11px;height:32px;width:32px;font-size:23px}
.world-choice{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.world-option{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:8px;border:1px solid #dceae6;border-radius:19px;padding:25px;min-height:218px;background:linear-gradient(145deg,#f4faf6,#fcf8ee)}
.world-option:nth-child(2){background:linear-gradient(145deg,#fff1ec,#fff9ef);border-color:#f0dfd4}
.world-option:hover{transform:translateY(-3px);box-shadow:0 12px 30px #46604c1a}
.world-icon{width:56px;height:56px;border-radius:17px;background:#c9e6d4;display:grid;place-items:center;font-size:31px;color:#205f54}
.world-option:nth-child(2) .world-icon{background:#f8dac5;color:#ba654a}
.world-option strong{font-size:21px;color:#244956;font-family:Georgia,serif}
.world-option small{font-size:12px;color:#788c91;line-height:1.6;max-width:240px}
.world-enter{font-size:11px;font-weight:900;color:#357a6b;margin-top:auto}
.world-option:nth-child(2) .world-enter{color:#c37d55}
.welcome-lower{border-top:1px solid #e7eeea;margin-top:25px;padding-top:17px;display:flex;gap:17px;flex-wrap:wrap;color:#829892;font-size:11px;font-weight:800}
@media(max-width:1160px){.app-shell{grid-template-columns:258px minmax(0,1fr) 254px}.model-image{height:121px}}
@media(max-width:860px){
 .topbar{height:63px}
 #welcome-screen{inset:63px 0 0}
 .welcome-card{padding:24px;border-radius:18px}
 .welcome-card h1{font-size:34px}
 .quick-tools{gap:6px;padding:8px 9px}
 .quick-tools button{padding:9px 13px}
 .sidebar,.inspector{top:63px;bottom:64px;width:min(350px,93vw);z-index:19}
 .close-side{display:block;position:absolute;right:13px;top:13px;border:none;background:#edf4f0;color:#4d7876;font-size:23px;width:32px;height:32px;border-radius:9px}
 .inspector-title{position:relative}
 .sidebar-head{padding-right:40px}
 .workspace-top{height:66px}
 .canvas-zone{padding:8px}
 .canvas-scroller{align-items:center}
 .mobile-tabs{box-shadow:0 -4px 25px #123c4112}
 .mobile-tabs button{font-size:18px}
 .mobile-tabs button:focus,.mobile-tabs button:hover{background:#eaf3ee;color:#256a5c}
 .quick-tools #quick-edit{display:inline-flex}
 .modal-card{max-height:83vh}
}
@media(max-width:600px){
 .world-choice{grid-template-columns:1fr;gap:10px}
 .world-option{min-height:135px;padding:16px 18px;gap:4px}
 .world-icon{width:41px;height:41px;font-size:25px;border-radius:12px}
 .world-option strong{font-size:18px}
 .world-option small{font-size:11px}
 .welcome-card{padding:22px}
 .welcome-card h1{font-size:29px;margin:11px 0}
 .welcome-card>p{font-size:12px;margin-bottom:18px}
 .welcome-lower{gap:9px;font-size:9px;margin-top:15px}
 .top-actions .button.accent{padding:9px 7px;font-size:10px}
 .top-actions .button.subdued{padding:9px 7px;font-size:10px}
 .edition{display:none}
 .brandname{font-size:12px}
 .canvas-heading{font-size:10px}
 .canvas-bottom{font-size:10px}
 .canvas-tip{display:none}
 .workspace-actions .icobtn{width:29px}
 .quick-tools button{font-size:10px;padding:8px 10px}
}

/* V3 QA: card hierarchy and readable thumbnails */
.template-card.premium-template>.model-image{display:flex;margin:0;width:100%;height:148px;flex:0 0 auto;border-radius:9px;overflow:hidden;justify-content:center;align-items:center}
.template-card.premium-template>.model-image img{width:100%;height:100%;object-fit:contain;display:block}
.template-card.premium-template>.model-info{display:grid;margin:0;padding:10px 3px 4px;min-height:60px;width:100%;align-content:start;gap:4px}
.template-card.premium-template>.model-info strong{display:block;font-size:11px;color:#2b4d55;line-height:1.3;overflow-wrap:anywhere}
.template-card.premium-template>.model-info small{display:block;font-size:10px;color:#829b98}
.template-card.premium-template>.model-use{display:block;margin:auto 0 0;padding:9px 6px;width:100%;font-size:10px;background:#eaf4ef;color:#2d6f64;border-radius:8px;text-align:center}
.template-grid.better-grid{align-items:stretch}
.template-card.premium-template{height:auto;min-height:252px}
@media(max-width:1160px){.template-card.premium-template>.model-image{height:124px}.template-card.premium-template{min-height:230px}}

@media(min-width:861px){.side-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:8px 11px}.tooltab{padding:8px 6px;gap:5px;font-size:11px;min-height:38px;justify-content:flex-start}.tool-ico{height:23px;width:23px;flex:0 0 23px;font-size:14px;border-radius:6px}.tooltab:last-child{grid-column:span 2}.sidebar-head{padding:16px 17px 7px}.sidebar-head h2{font-size:22px;margin:5px 0}.sidebar-head p{font-size:11px}.side-content{min-height:0}}