.studio-content{max-width:1536px;margin:auto;padding:28px 40px 48px}.studio-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.studio-create{max-width:900px;margin:38px auto 44px}.studio-settings-toggle{color:var(--color-muted);align-items:center;gap:7px;margin-left:auto;font-size:12px;display:flex}.studio-composer{border:1px solid var(--color-line-2);background:var(--color-panel);box-shadow:var(--surface-shadow);border-radius:22px;transition:border-color .15s}.studio-composer:focus-within{border-color:var(--color-primary)}.studio-composer textarea{resize:vertical;background:0 0;outline:none;width:100%;min-height:84px;max-height:300px;padding:21px 22px 8px;font-size:17px;line-height:1.6;display:block}.studio-composer textarea::placeholder{color:var(--color-muted)}.studio-composer-toolbar{flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px 14px;display:flex}.studio-reference-button{min-height:38px;color:var(--color-muted);border-radius:10px;align-items:center;gap:7px;padding:0 9px;font-size:12px;display:flex}.studio-reference-button:hover{background:var(--color-hover);color:var(--color-ink)}.studio-mode{border:1px solid var(--color-line);border-radius:20px;align-items:center;gap:6px;padding:7px 11px;font-size:12px;display:inline-flex}.studio-generate{background:var(--color-primary);color:var(--color-on-primary);border-radius:14px;justify-content:center;align-items:center;gap:8px;margin-left:auto;padding:11px 16px;font-size:13px;font-weight:600;display:flex}.studio-generate:disabled{opacity:.45;cursor:not-allowed}.studio-generate:not(:disabled):hover{background:var(--color-primary-hover)}.studio-references{flex-wrap:wrap;gap:12px;padding:8px 22px;display:flex}.studio-settings{border:1px solid var(--color-line);background:var(--color-panel);border-radius:14px;margin:14px 0;padding:0 16px 16px}.studio-disclosure{color:var(--color-muted);margin:12px 8px 0;font-size:11px;line-height:1.6}.studio-library-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.studio-filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;display:flex}.studio-tabs{background:var(--color-hover);border-radius:30px;gap:3px;padding:4px;display:flex}.studio-tabs button{color:var(--color-muted);border-radius:24px;padding:8px 15px;font-size:13px}.studio-tabs button[aria-pressed=true]{background:var(--color-panel);color:var(--color-ink);box-shadow:0 1px 4px #0001}.studio-filter-fields{align-items:center;gap:14px;display:flex}.studio-owner{max-width:140px;color:var(--color-muted);background:0 0;padding:8px 2px;font-size:13px}.studio-search{border-bottom:1px solid var(--color-line-2);width:220px;color:var(--color-muted);align-items:center;gap:9px;display:flex}.studio-search input{width:100%;min-width:0;color:var(--color-ink);background:0 0;outline:none;padding:9px 0;font-size:13px}.studio-search:focus-within{border-color:var(--color-primary)}.studio-mosaic{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:16px 14px;display:grid}.studio-tile{break-inside:avoid;background:var(--color-hover);text-align:left;isolation:isolate;border-radius:16px;width:100%;height:280px;margin:0;display:block;position:relative;overflow:hidden}.studio-tile img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .2s;position:absolute;inset:0}.studio-tile img.is-loaded{opacity:1}.studio-tile-caption{color:#fff;background:linear-gradient(#0000,#000b);padding:40px 14px 14px;position:absolute;inset:auto 0 0}.studio-tile-title{-webkit-line-clamp:2;text-shadow:0 1px 3px #0006;-webkit-box-orient:vertical;font-size:13px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.studio-tile-meta{color:#ffffffcf;margin-top:4px;font-size:11px;display:block}.studio-tile-open{color:#fff;opacity:0;background:#0006;border-radius:50%;place-items:center;width:30px;height:30px;transition:opacity .15s;display:grid;position:absolute;top:10px;right:10px}.studio-tile:hover .studio-tile-open,.studio-tile:focus-visible .studio-tile-open{opacity:1}.image-studio button:focus-visible,.image-studio select:focus-visible,.image-studio a:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}.studio-preview-error{height:100%;color:var(--color-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding-bottom:40px;font-size:12px;display:flex}.studio-preview-error span{text-decoration:underline}.studio-empty{text-align:center;border:1px dashed var(--color-line-2);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:280px;padding:30px;display:flex}.studio-skeleton{background:var(--color-hover)}@media (width<=1200px){.studio-mosaic{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-content{padding:24px}}@media (width<=600px){.studio-content{padding:20px 16px 32px}.studio-heading{align-items:flex-start}.studio-sharing{display:none}.studio-create{margin:28px auto 32px}.studio-composer textarea{min-height:110px;padding:16px;font-size:16px}.studio-composer-toolbar{gap:4px;padding:8px 8px 10px}.studio-reference-button span{display:none}.studio-generate{padding:10px 12px}.studio-filter-fields{justify-content:space-between;width:100%}.studio-search{flex:1;max-width:220px}.studio-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px}.studio-tile{border-radius:12px;margin-bottom:10px}.studio-tile-caption{padding:30px 10px 10px}.studio-tile-title{font-size:12px}.studio-tile-meta{font-size:10px}}@media (prefers-reduced-motion:reduce){.studio-tile img,.studio-tile-open,.studio-composer{transition:none}}.studio-home [hidden]{display:none!important}.studio-home .studio-content{max-width:1440px;padding-top:40px}.studio-home .studio-heading h1{margin:10px 0 12px;font-size:clamp(36px,4vw,48px);line-height:1.15}.studio-heading p{color:var(--color-muted);font-size:14px}.studio-eyebrow{color:var(--color-muted);align-items:center;gap:8px;font-size:12px;display:flex}.studio-header-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.studio-creation-modes{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.studio-creation-modes button{border:1px solid var(--color-line);color:var(--color-muted);border-radius:24px;align-items:center;gap:8px;padding:9px 16px;font-size:13px;display:inline-flex}.studio-creation-modes button[aria-pressed=true]{color:var(--color-primary);background:var(--color-primary-soft);border-color:var(--color-primary)}.studio-design-settings{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:20px 0 4px;display:grid}.studio-design-settings .input{width:100%;min-width:0}.studio-board-creator{background:var(--color-panel);border:1px solid var(--color-line);border-radius:22px;padding:28px}.studio-board-creator>svg{color:var(--color-primary);margin-bottom:12px}.studio-board-creator>p{color:var(--color-muted);margin:10px 0 18px;font-size:13px}.studio-board-creator>div{flex-wrap:wrap;gap:12px;display:flex}.studio-secondary-filter{color:var(--color-muted);align-items:center;gap:10px;margin:-4px 0 20px;font-size:12px;display:flex}.studio-secondary-filter button{border:1px solid var(--color-line);border-radius:20px;padding:6px 12px}.studio-secondary-filter button[aria-pressed=true]{color:var(--color-primary);border-color:var(--color-primary)}.studio-source-notice{color:var(--color-muted);align-items:center;gap:12px;margin:14px 0;font-size:13px;display:flex}.studio-document-card{border:1px solid var(--color-line);background:var(--color-panel);border-radius:16px;flex-direction:column;height:280px;display:flex;overflow:hidden}.studio-document-preview{background:var(--color-hover);min-height:0;color:var(--color-muted);flex:1;place-items:center;display:grid;position:relative}.studio-document-preview img{object-fit:contain;width:100%;height:100%;position:absolute}.studio-kind{background:var(--color-panel);color:var(--color-ink);border-radius:12px;padding:4px 8px;font-size:11px;position:absolute;top:12px;left:12px}.studio-card-arrow{position:absolute;top:15px;right:12px}.studio-document-board .studio-document-preview{background-color:var(--color-paper);background-image:radial-gradient(var(--color-line-2) 1px, transparent 1px);background-size:16px 16px}.studio-document-caption{flex-direction:column;gap:5px;padding:14px;display:flex}.studio-document-caption strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.studio-document-caption span{color:var(--color-muted);font-size:11px}@media (width>=1201px){.studio-mosaic>:first-child{grid-column:span 2}}@media (width<=850px){.studio-heading{flex-direction:column;align-items:flex-start}.studio-header-actions{justify-content:flex-start}.studio-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.studio-home .studio-content{padding-top:24px}.studio-design-settings{grid-template-columns:1fr}.studio-header-actions .btn-outline{padding:8px 10px;font-size:12px}.studio-creation-modes{gap:6px}.studio-creation-modes button{padding:7px 10px}.studio-tabs{max-width:100%}.studio-tabs button{padding:8px 11px}.studio-tile,.studio-document-card{height:230px}}@media (width<=380px){.studio-mosaic{grid-template-columns:1fr}}