.studio { display:flex;flex-direction:column;width:100%;flex:1;min-height:0;padding-top:9px; }
.studio-heading { display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;max-width:1220px;margin:0 auto;padding:7px 32px 24px; }
.studio-heading h1 { font:400 36px/1.2 Georgia,serif;letter-spacing:-.045em;color:#3e3e3e;margin:9px 0 9px; }
.studio-heading > div > p:last-child { color:#858585;font-size:12px;margin:0;line-height:1.7; }
.studio-tabs { display:flex;align-items:center;gap:24px;padding:0 32px;min-height:40px;border-bottom:1px solid #e4e4e4; }
.studio-tabs button { height:40px;position:relative;padding:0 0 12px;border:0;background:none;font-size:12px;color:#939393;cursor:pointer; }
.studio-tabs button.is-active { color:#525252;font-weight:550; }
.studio-tabs button.is-active::after { content:'';height:2px;background:#757575;position:absolute;bottom:-1px;left:0;right:0;border-radius:3px; }
.studio-tabs button span { margin-left:4px;color:#a3a3a3;font-size:10px; }
.studio-scroll { min-height:0;flex:1;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#d2d2d2 transparent;padding:24px 32px var(--composer-space); }
#studioDiscovery { max-width:1156px;margin:0 auto; }
.studio-intro { display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px; }
.studio-intro > span { font-size:13px;color:#707070; }.studio-intro small { font-size:9px;color:#959595; }
.studio-filters { display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px; }
.studio-filters button { height:29px;padding:0 11px;border:1px solid transparent;border-radius:999px;background:none;color:#949494;font-size:10px;cursor:pointer; }
.studio-filters button.is-active { color:#6e6e6e;background:#ededed;border-color:#e2e2e2; }
.preset-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px; }
.preset-card { position:relative;display:block;width:100%;aspect-ratio:4/5;padding:0;border:0;border-radius:16px;overflow:hidden;background:#ebebeb;text-align:left;cursor:pointer;isolation:isolate; }
.preset-card > img { display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease; }
.preset-card::after { content:'';position:absolute;inset:42% 0 0;background:linear-gradient(transparent,#1c1c1caa);pointer-events:none; }
.preset-card:hover > img { transform:scale(1.045); }
.preset-card-copy { position:absolute;z-index:1;left:17px;right:28px;bottom:17px;display:flex;flex-direction:column;gap:6px; }
.preset-card-copy small { color:#ffffffe0;font-size:9px;line-height:1.4; }
.preset-card-copy strong { color:#fff;font-size:13px;font-weight:550;line-height:1.5; }
.preset-arrow { position:absolute;right:15px;bottom:19px;z-index:1;color:#fff;font-size:17px; }
.preset-badge { position:absolute;top:12px;left:12px;padding:5px 8px;border-radius:999px;background:#ffffffe8;color:#636363;font-size:8px;backdrop-filter:blur(8px); }
.preset-play { position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:40px;height:40px;color:white;border:1px solid #ffffffb0;background:#ffffff28;border-radius:50%;font-size:22px;backdrop-filter:blur(5px); }
.studio-footnote { margin:20px 0 10px;font-size:10px;color:#9c9c9c;text-align:center;line-height:1.7; }
.conversation.is-media .composer { max-width:860px; }.conversation.is-media .composer-wrap { padding-top:20px; }
.studio .media-gallery { width:100%;max-width:1156px;margin:0 auto;padding:0;overflow:visible;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px; }
.media-actions { flex-wrap:wrap;gap:10px 17px; }.media-actions .text-button { font-size:10px; }.media-copy > small { margin-top:3px; }
.studio-empty { grid-column:1/-1;text-align:center;padding:40px 20px;max-width:470px;margin:0 auto; }
.studio-empty > span { display:block;font-size:37px;color:#b8b8b8;margin:0 0 20px; }.studio-empty h2 { font-size:20px;line-height:1.5;font-weight:450;color:#707070; }.studio-empty p { font-size:12px;color:#9d9d9d;line-height:1.9;margin:15px 0 23px; }
.preset-dialog { width:min(900px,calc(100% - 32px));max-height:calc(100dvh - 40px); }
.preset-dialog-layout { display:grid;grid-template-columns:.85fr 1fr;min-height:570px; }
.preset-preview-wrap { position:relative;min-height:100%;background:#ebebeb; }
.preset-preview-wrap > img { width:100%;height:100%;position:absolute;inset:0;object-fit:cover; }
.preset-preview-wrap > span { position:absolute;left:18px;bottom:18px;background:#ffffffd9;padding:7px 10px;border-radius:999px;font-size:9px;color:#6a6a6a;backdrop-filter:blur(8px); }
.preset-dialog form { padding:28px; }.preset-dialog .dialog-head { margin-bottom:16px; }.preset-dialog h2 { font-size:26px;line-height:1.25;max-width:280px; }
.preset-fields { display:grid;gap:15px;margin-top:20px; }.preset-fields label { margin:0;font-size:11px;font-weight:450;line-height:1.6; }
.preset-fields textarea { display:block;height:auto;min-height:64px;padding:10px 12px;margin-top:6px;resize:vertical;font-size:12px;line-height:1.7; }
.preset-photo-row { display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:20px; }.preset-photo-row span { font-size:10px;color:#8a8a8a;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.preset-photo-hint { font-size:10px;line-height:1.8;color:#999999;margin:11px 0 18px; }
.prompt-details { font-size:10px;color:#949494; }.prompt-details summary { cursor:pointer; }.prompt-details p { white-space:pre-wrap;line-height:1.8;padding:12px;border-radius:9px;background:#f4f4f4;color:#8f8f8f; }
.preset-dialog .dialog-actions { margin-top:19px; }.preset-dialog .dialog-actions > button { width:100%;height:41px; }
@media(min-width:1440px){.preset-grid{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media(max-width:1100px){.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.studio-heading{padding-left:26px;padding-right:26px;}.studio-scroll{padding-left:26px;padding-right:26px;}.studio-intro{align-items:flex-start;flex-direction:column;gap:7px;}}
@media(max-width:760px){
  .studio{padding-top:4px;}.studio-heading{padding:3px 18px 22px;align-items:flex-end;gap:10px;}.studio-heading h1{font-size:32px;}.studio-heading > div > p:last-child{font-size:11px;max-width:190px;}.studio-tabs{padding:0 18px;gap:22px;}.studio-tabs button{font-size:11px;}.studio-scroll{padding:19px 16px var(--composer-space);}.studio-intro > span{font-size:12px;}.studio-intro small{font-size:9px;line-height:1.6;}.studio-filters{gap:3px;}.studio-filters button{font-size:9px;padding:0 9px;}.preset-grid{gap:10px;}.preset-card{border-radius:12px;}.preset-card-copy{left:12px;right:20px;bottom:12px;gap:4px;}.preset-card-copy strong{font-size:11px;}.preset-card-copy small{font-size:8px;}.preset-arrow{right:9px;bottom:12px;font-size:15px;}.preset-badge{top:9px;left:9px;font-size:7px;padding:4px 6px;}.studio .media-gallery{grid-template-columns:1fr;}.preset-dialog-layout{grid-template-columns:1fr;min-height:0;}.preset-preview-wrap{height:200px;min-height:0;}.preset-preview-wrap > img{object-position:50% 35%;}.preset-dialog form{padding:23px 20px;}.preset-dialog h2{font-size:26px;}.preset-preview-wrap > span{bottom:12px;left:15px;}.preset-dialog{width:calc(100% - 20px);}.preset-photo-hint,.prompt-details{font-size:10px;}
}