:root{--blue:#375c4c;--line:#e2e7e2;background:#f7f8f5;color:#23372d}.sidebar{background:#122d25;color:#d2dfd7;border:0}.sidebar .brand,.sidebar .brand small{color:#fff}.sidebar .workspace{border-color:#345045}.sidebar .nav a{color:#b5c8be}.sidebar .nav a.active,.sidebar .nav a:hover{background:#2c483c;color:white}.brand-mark,.primary{background:#375c4c}.studio-hero{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;background:#e9eee4;border:1px solid #dce4d6;border-radius:18px;padding:42px;margin:28px 0 44px;overflow:hidden}.studio-hero small{font-size:10px;letter-spacing:2px;color:#5b7362}.studio-hero h2{font-size:38px;line-height:1.4;letter-spacing:-1.5px;margin:20px 0}.studio-hero p{color:#627361;line-height:1.8}.studio-hero img{width:110%;border:7px solid white;border-radius:7px;box-shadow:0 20px 45px #172e2525;transform:rotate(-5deg)}.library-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.library-heading h2{font-size:24px}.library-heading input{width:260px;background:white;border:1px solid var(--line);border-radius:8px;padding:12px}.kit-filters{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 16px}.kit-filters button{border-radius:30px;font-size:12px}.kit-filters .selected{background:#203e31;color:white}#kit-result{font-size:12px;color:#6d7c71;margin-bottom:18px}.kit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin-bottom:28px}.kit-card{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:transform .2s,box-shadow .2s}.kit-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #253b2510}.kit-cover{display:block;position:relative;background:#e6e9e2;aspect-ratio:16/10;overflow:hidden;padding:18px}.kit-cover img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:5px;box-shadow:0 8px 18px #14231520}.kit-cover span{position:absolute;bottom:26px;right:26px;background:white;border-radius:30px;padding:9px 14px;font-size:11px;color:#243c2c}.kit-info{padding:24px}.kit-info small{color:#72816d;font-size:11px}.kit-info h3{font-size:24px;letter-spacing:-.8px;margin:10px 0}.kit-info p{color:#6c786f;font-size:13px}.kit-tags{font-size:11px;color:#7c877f;margin:18px 0}.kit-actions{display:flex;gap:10px;border-top:1px solid var(--line);padding-top:18px}.kit-actions button{flex:1}.kit-modal{width:96vw;max-width:1450px;height:92vh;padding:0}.preview-toolbar{display:flex;gap:12px;align-items:center;padding:14px;background:white;border-bottom:1px solid var(--line)}.preview-toolbar b{margin-right:auto}.preview-stage{background:#dce2dd;height:calc(100% - 74px);display:flex;justify-content:center;padding:12px}.preview-stage iframe{width:100%;height:100%;border:0;background:white;transition:width .2s}.preview-stage iframe.mobile{width:390px}.stat,.card{border-radius:12px}.banner{background:#e9eee4}.banner-art{color:#416c53}@media(min-width:1650px){.kit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){.studio-hero{padding:25px;grid-template-columns:1fr}.studio-hero img{display:none}.studio-hero h2{font-size:30px}.kit-grid{grid-template-columns:1fr}.library-heading{align-items:stretch;flex-direction:column}.library-heading input{width:100%}.preview-toolbar{gap:5px;flex-wrap:wrap}.preview-toolbar button{padding:8px}.preview-toolbar b{display:none}}

.preview-toolbar select{width:160px;flex:0 0 160px}.preview-toolbar button,.preview-toolbar b{white-space:nowrap;flex-shrink:0}.preview-toolbar b{min-width:90px}