.studio-library{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:14px;margin:16px 0 24px}.studio-template-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-height:175px}.studio-template-card h3,.studio-template-card p{margin:0}.studio-template-card .secondary{margin-top:auto}.studio-modes{display:flex;flex-wrap:wrap;gap:8px}.studio-editor-bar{display:flex;align-items:end;flex-wrap:wrap;gap:14px;margin-bottom:18px}.studio-editor-bar h2{width:100%;margin:0}.studio-editor-bar .studio-field{flex:1;min-width:170px}.studio-editor-bar .badge{align-self:center}.studio-field{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:.88rem;font-weight:600}.studio-field input,.studio-field select,.studio-field textarea{width:100%;box-sizing:border-box;min-width:0}.studio-field input[type=color]{height:40px;padding:4px}.studio-field input[type=checkbox]{width:20px;align-self:flex-start}.studio-field textarea{resize:vertical}.studio-workspace{display:grid;grid-template-columns:minmax(175px,220px) minmax(230px,1fr) minmax(240px,310px);gap:18px;align-items:start}.studio-layers,.studio-inspector{padding:18px;min-width:0}.studio-layers h3,.studio-inspector h3{margin:0 0 12px}.studio-add-layer{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:18px}.studio-add-layer button{font-size:.76rem;min-height:38px;padding:7px 5px}.studio-layer-list{display:flex;flex-direction:column;gap:7px;max-height:600px;overflow:auto}.studio-layer-row{display:flex;flex-direction:column;gap:5px;text-align:left;width:100%;padding:11px;border:1px solid var(--border,#dce1e9);border-radius:8px;background:var(--panel,#fff);color:inherit;overflow-wrap:anywhere;cursor:pointer}.studio-layer-row small{font-size:.7rem;font-weight:400}.studio-layer-row.is-selected{border-color:var(--accent,#6a61dc);box-shadow:0 0 0 1px var(--accent,#6a61dc);background:var(--selected,#f6f4ff)}.studio-canvas-column{min-width:0}.studio-canvas-column>p{margin:0 0 10px}.studio-canvas{width:100%;max-width:430px;margin:0 auto;aspect-ratio:9/16;position:relative;container-type:inline-size;isolation:isolate;overflow:hidden;border:1px solid #ccd0dc;border-radius:8px;box-shadow:0 14px 30px #101b2d18;touch-action:none}.studio-canvas-layer{position:absolute;display:flex;align-items:center;justify-content:center;white-space:pre-wrap;overflow:hidden;overflow-wrap:anywhere;box-sizing:border-box;padding:0;margin:0;border:0;border-radius:0;min-height:0;min-width:0;background:transparent;color:#fff;cursor:move;line-height:1.15;touch-action:none;outline-offset:-2px}.studio-canvas-layer:focus-visible{outline:3px solid #ffd439;z-index:100!important}.studio-canvas-layer.is-selected{outline:2px dashed #a09bff;outline-offset:-2px}.studio-canvas-layer img{display:block;width:100%;height:100%;pointer-events:none}.studio-video-layer{background:linear-gradient(150deg,#29354a,#53617b 55%,#29354a);font-family:inherit;color:#ffffff8a;font-size:13px}.studio-canvas-layer[data-layer-id]{user-select:none}.studio-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.studio-inspector>.studio-field{margin-bottom:14px}.studio-props{padding:14px 0;margin:12px 0;border:0;border-top:1px solid var(--border,#dce1e9);min-width:0}.studio-props legend{font-size:.85rem;font-weight:700;padding-right:8px}.studio-props>.studio-field{margin:12px 0}.studio-inspector .material-actions{gap:7px}.studio-inspector .material-actions button{font-size:.75rem;flex:1;min-width:95px}.studio-preview{margin-top:18px;display:flex;flex-direction:column;gap:12px}.studio-preview p{margin:0}.studio-render-preview{width:100%;height:auto;display:block;border-radius:6px}.studio-render-preview[hidden]{display:none}.studio-versions{margin-top:20px}.studio-version-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--border,#e4e6ec)}.studio-versions>.studio-field{max-width:360px;margin:18px 0 12px}.studio-edition{display:flex;flex-wrap:wrap;gap:14px;align-items:end;margin-bottom:18px}.studio-edition h3,.studio-edition>p{width:100%;margin:0}.studio-edition>.studio-field{flex:1;min-width:175px}.studio-edition>button{align-self:end}.studio-editor-bar[aria-busy=true]{opacity:.75}@media(max-width:1150px){.studio-workspace{grid-template-columns:180px minmax(240px,1fr)}.studio-inspector{grid-column:1/-1;display:block}.studio-inspector .studio-props{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.studio-inspector .studio-props p{grid-column:1/-1}.studio-inspector .studio-fields-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:680px){.studio-workspace{display:flex;flex-direction:column;gap:16px}.studio-layers,.studio-inspector,.studio-canvas-column{width:100%;box-sizing:border-box}.studio-layers{order:2}.studio-canvas-column{order:1}.studio-inspector{order:3}.studio-canvas{max-width:340px}.studio-add-layer{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-layer-list{max-height:245px}.studio-editor-bar{align-items:stretch}.studio-editor-bar>.studio-field{width:100%;flex:auto}.studio-inspector .studio-fields-grid{grid-template-columns:1fr 1fr}.studio-modes>button{flex:1;min-width:140px}.studio-inspector .studio-props{grid-template-columns:1fr}.studio-versions,.studio-editor-bar{padding:16px}.studio-template-card{min-height:150px}.studio-version-row{flex-wrap:wrap}}
.studio-library-heading{margin-bottom:12px}.studio-library-heading h2{font-size:1.1rem}.studio-modes{margin-bottom:14px}.studio-editor-bar{margin-top:14px;padding:16px;gap:12px}.studio-editor-bar h2{width:auto;align-self:center;font-size:1rem}.studio-editor-bar .studio-field:has(input[type=color]){flex:0 0 72px;min-width:72px}.studio-template-thumb{position:relative;isolation:isolate;container-type:inline-size;aspect-ratio:9/16;width:112px;max-width:100%;align-self:center;overflow:hidden;border-radius:6px;border:1px solid #c9cfdb;box-shadow:0 5px 14px #101b2d18;pointer-events:none}.studio-template-thumb .studio-canvas-layer{cursor:default;outline:none;touch-action:auto}.studio-template-thumb .studio-video-layer{font-size:6cqw;letter-spacing:.1em;background:linear-gradient(145deg,#263952,#647b91 55%,#3b536c)}.studio-preset-card{min-height:300px}.studio-preset-card>button{width:100%}.studio-library-help{margin:-12px 0 20px}.studio-library-inline{grid-column:1/-1;margin:0;padding:0}@media(max-width:680px){.studio-editor-bar h2{width:100%}.studio-template-thumb{width:100px}.studio-preset-card{min-height:275px}.studio-editor-bar .studio-field:has(input[type=color]){flex:1;min-width:72px}}

.studio-template-thumb{width:100%;max-width:180px;position:relative;display:flex;align-items:center;justify-content:center;background:#edf0f5;container-type:normal;pointer-events:auto}.studio-card-image{display:block;width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.studio-card-image[hidden]{display:none}.studio-card-status{font-size:.78rem;text-align:center;color:#667084;padding:18px;overflow-wrap:anywhere}.studio-template-thumb>.secondary{position:absolute;bottom:14px;left:8%;width:84%;font-size:.75rem;padding:9px}.studio-native-card>.studio-field{width:100%}.studio-native-card>.badge{font-size:.68rem}.studio-template-card>.secondary{margin-top:0}.studio-preset-card{min-height:initial}.studio-base-row{border:1px solid #ccd3e0;border-radius:8px;background:#f2f5fa;padding:12px;font-size:.85rem;font-weight:700;margin-bottom:14px}.studio-base-row small{display:block;line-height:1.45;margin-top:6px;font-weight:400}.studio-inspector-image{display:block;width:100%;max-height:150px;object-fit:contain;background:#eef1f6;border-radius:6px}.studio-add-layer>.primary{grid-column:1/-1}.studio-preview-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;margin-bottom:12px}.studio-preview-controls>.studio-field:has(input[type=range]),.studio-preview-controls>.studio-field:has(input[type=checkbox]){grid-column:1/-1}.studio-preview-controls input[type=range]{padding:0;accent-color:var(--accent,#6a61dc)}.studio-preview-status{font-size:.78rem;color:#456856;margin:0 0 8px}.studio-preview-status.is-stale{color:#87651d}.studio-canvas{background:#edf0f5;container-type:normal}.studio-frame-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.studio-frame-image[hidden]{display:none}.studio-frame-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;color:#667084;font-size:.85rem;margin:0}.studio-frame-placeholder[hidden]{display:none}.studio-geometry-handle{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0;overflow:visible;color:transparent;outline:none}.studio-geometry-handle:hover{outline:1px dashed #8a83d5}.studio-geometry-handle.is-selected{outline:2px dashed #8b80ee;outline-offset:-2px}.studio-geometry-handle:focus-visible{outline:3px solid #ffd439}.studio-preview-overlay{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:#131e35b3;padding:24px;overflow:auto;box-sizing:border-box}.studio-preview-dialog{width:min(740px,100%);max-height:calc(100dvh - 48px);overflow:auto;box-sizing:border-box}.studio-preview-dialog .section-heading{gap:15px}.studio-preview-dialog h3{margin:0;font-size:1rem}.studio-large-preview{width:min(430px,100%);max-width:none;max-height:68dvh;aspect-ratio:9/16;margin:0 auto}.studio-preview-dialog>.muted{font-size:.8rem;line-height:1.5;margin-bottom:0}.studio-preview-dialog .studio-preview-controls{padding:0}.studio-edition>.text-button{align-self:center;font-size:.8rem}@media(max-width:680px){.studio-template-thumb{max-width:160px}.studio-preview-overlay{padding:12px}.studio-preview-dialog{max-height:calc(100dvh - 24px);padding:16px}.studio-preview-controls{grid-template-columns:1fr 1fr}.studio-large-preview{max-height:62dvh}}

.studio-preview-dialog .studio-template-thumb{width:100%;max-width:430px;margin:0 auto}

.studio-preview-tabs{display:flex;gap:7px;margin-bottom:12px}.studio-preview-tabs>button{flex:1;min-width:0;font-size:.8rem;padding:10px 8px}.studio-source-panel{display:flex;flex-direction:column;gap:12px;padding:16px}.studio-source-panel h3,.studio-source-panel p{margin:0}.studio-source-controls{display:flex;flex-wrap:wrap;align-items:end;gap:9px}.studio-source-controls>.studio-field{flex:1;min-width:175px}.studio-source-controls>button{font-size:.78rem;padding:10px}.studio-source-focus{font-size:.85rem;line-height:1.45;overflow-wrap:anywhere}.studio-source-status{font-size:.85rem;line-height:1.5}.studio-source-stale{border:1px solid #e9d49c;border-radius:7px;padding:10px;background:#fff7df;color:#775718;font-size:.78rem;line-height:1.5}.studio-source-player{width:100%;max-width:430px;margin:0 auto}.studio-source-video{display:block;width:100%;max-height:620px;background:#101b2d;border-radius:8px}.studio-source-anchors{display:flex;flex-direction:column;gap:6px}@media(max-width:680px){.studio-preview-tabs{gap:5px}.studio-preview-tabs>button{font-size:.76rem}.studio-source-panel{padding:14px}.studio-source-video{max-height:65dvh}}
.studio-edit-scopes{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.studio-edit-scopes>button{width:100%;font-size:.78rem;padding:9px 7px;white-space:normal}.studio-layers>[data-studio-action=add-editable-match-card]{width:100%;font-size:.8rem;white-space:normal;padding:10px}.studio-card-group{border-style:dashed;background:#f3f1ff}.studio-card-handle{outline:1px dashed #6e8ca6!important;outline-offset:-1px}.studio-card-handle.is-selected{outline:3px dashed #8b80ee!important}.studio-inspector>p{line-height:1.5}.studio-native-card>[data-studio-action=edit-current-match-card]{width:100%;white-space:normal}@media(max-width:680px){.studio-edit-scopes{flex-direction:row}.studio-edit-scopes>button{flex:1;min-width:0}.studio-layers>p{line-height:1.45}}