.theme-workshop-page{background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--theme-primary) 16%,transparent),transparent 34%),var(--theme-bg)}
.theme-workshop-shell{display:grid;gap:18px}.theme-workshop-header{display:flex;align-items:center;gap:12px}.theme-workshop-header a{display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--theme-border);border-radius:50%;background:var(--theme-card)}
.theme-panel{padding:18px;border:1px solid var(--theme-border);border-radius:var(--theme-radius-card);color:var(--theme-card-text);background:color-mix(in srgb,var(--theme-card) calc(var(--theme-card-opacity) * 100%),transparent);box-shadow:var(--theme-shadow-soft);contain:layout paint}.theme-panel h2{margin-bottom:4px;font-size:18px}.theme-panel>p{margin:0 0 14px;color:var(--theme-card-muted);font-size:11px;line-height:1.6}
.theme-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.theme-preset{min-height:70px;padding:10px;border:1px solid var(--theme-border);border-radius:16px;color:var(--theme-card-text);background:linear-gradient(145deg,var(--preset-a),var(--preset-b));text-align:left}.theme-preset.is-active{outline:2px solid var(--theme-primary)}
.theme-workshop-tabs{display:flex;grid-column:1/-1;gap:8px;padding:5px;border:1px solid var(--theme-border);border-radius:16px;background:var(--theme-card)}.theme-workshop-tabs button{flex:1;padding:10px;border:0;border-radius:11px;color:var(--theme-card-muted);background:transparent}.theme-workshop-tabs button[aria-selected=true]{color:var(--theme-button-text);background:var(--theme-button-bg)}.theme-panel--saved-presets{grid-column:1/-1}.theme-preset-heading{display:flex;align-items:start;justify-content:space-between;gap:12px}.theme-preset-heading h2,.theme-preset-heading p{margin:0 0 5px}.theme-preset-toolbar{display:grid;grid-template-columns:minmax(0,2fr) minmax(120px,1fr) auto;gap:8px;margin:14px 0}.theme-preset-toolbar label,.theme-preset-dialog label{display:grid;gap:4px;color:var(--theme-card-muted);font-size:10px}.theme-preset-toolbar input,.theme-preset-toolbar select,.theme-preset-dialog input,.theme-preset-dialog textarea{min-width:0;padding:9px;border:1px solid var(--theme-border);border-radius:10px;color:var(--theme-input-text);background:var(--theme-input-bg)}.theme-preset-import{align-content:end;padding:9px;border:1px solid var(--theme-border);border-radius:10px;cursor:pointer}.theme-preset-import input{display:none}.theme-preset-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.saved-theme-preset{display:grid;gap:9px;padding:11px;border:1px solid var(--theme-border);border-radius:16px;background:var(--theme-card)}.saved-theme-preset__preview{position:relative;min-height:130px;overflow:hidden;border-radius:12px;color:var(--preset-text);background:var(--preset-bg)}.saved-theme-preset__hero,.saved-theme-preset__card,.saved-theme-preset__bubble{position:relative;margin:8px;padding:9px;border-radius:10px;background:var(--preset-card)}.saved-theme-preset__bubble{width:55%;margin-left:auto;background:var(--preset-bubble)}.saved-theme-preset__preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.25}.saved-theme-preset__meta{display:grid;gap:3px}.saved-theme-preset__meta h3{margin:0;font-size:13px}.saved-theme-preset__meta p,.saved-theme-preset__meta small{margin:0;color:var(--theme-card-muted);font-size:9px}.saved-theme-preset__actions{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.saved-theme-preset__actions button{padding:7px 3px;border:1px solid var(--theme-border);border-radius:8px;color:var(--theme-card-text);background:var(--theme-input-bg);font-size:9px}.theme-preset-dialog{width:min(92vw,520px);padding:18px;border:1px solid var(--theme-border);border-radius:20px;color:var(--theme-card-text);background:var(--theme-card)}.theme-preset-dialog form{display:grid;gap:10px}.theme-preset-warning{padding:9px;border-radius:10px;color:#7b3d15;background:#fff0d8}.theme-preset-state{color:var(--theme-card-muted);font-size:11px}
.theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.theme-field{display:grid;gap:5px;color:var(--theme-card-muted);font-size:10px}.theme-field input,.theme-field select,.theme-field textarea{width:100%;min-height:38px;padding:8px;border:1px solid var(--theme-border);border-radius:11px}.theme-field input[type=color]{padding:3px}.theme-field--wide{grid-column:1/-1}.theme-field textarea{min-height:90px;resize:vertical}.theme-field--toggle{grid-template-columns:1fr auto;align-items:center}.theme-field--toggle input{width:20px;min-height:20px}.theme-readability-fix{min-height:40px;border:1px solid var(--theme-border);border-radius:12px;color:var(--theme-card-text);background:var(--theme-card)}
.theme-phone{width:min(100%,280px);height:520px;margin:auto;overflow:hidden;contain:strict;border:8px solid #17151c;border-radius:38px;background:var(--theme-bg);box-shadow:0 18px 42px rgba(0,0,0,.25);touch-action:none}.theme-phone__screen{position:relative;display:flex;height:100%;padding:22px 14px 12px;overflow:hidden;flex-direction:column;gap:10px;color:var(--theme-preview-text);background:var(--theme-bg)}.theme-phone__background{position:absolute;inset:0;pointer-events:auto;opacity:var(--xb-slot-page-background-opacity);background:var(--xb-bg-image) center/cover no-repeat;transform:translate(var(--xb-slot-page-background-x),var(--xb-slot-page-background-y)) rotate(var(--xb-slot-page-background-rotation)) scale(var(--xb-slot-page-background-scale))}.theme-phone__header,.theme-phone__card,.theme-phone__bubble,.theme-phone__composer,.theme-phone__nav{position:relative;z-index:1}.theme-phone__header{display:flex;min-height:42px;align-items:center;padding:8px 10px;border:1px solid var(--theme-border);border-radius:14px;color:var(--theme-header-text);background:var(--theme-header-bg);font-size:11px}.theme-phone__card{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:12px;border:1px solid var(--theme-border);border-radius:var(--theme-radius-card);color:var(--theme-card-text);background:var(--theme-card);box-shadow:var(--theme-shadow-soft);font-size:10px}.theme-phone__avatar{position:relative;display:grid;width:42px;height:42px;place-items:center;border:2px solid var(--xb-avatar-ring);border-radius:50%;background:var(--xb-accent-icon-bg)}.theme-phone__icon{display:grid;width:28px;height:28px;place-items:center;border-radius:9px;color:var(--xb-accent-text);background:var(--xb-accent-icon-bg)}.theme-phone__progress{grid-column:1/-1;height:5px;overflow:hidden;border-radius:9px;background:var(--xb-progress-bg)}.theme-phone__progress>i{display:block;width:68%;height:100%;background:var(--xb-progress-fill)}.theme-phone__bubble{max-width:var(--theme-bubble-max);padding:11px 13px;border:1px solid var(--theme-assistant-bubble-border);border-radius:var(--theme-radius-bubble);color:var(--theme-assistant-bubble-text);background:var(--theme-assistant-bubble);box-shadow:var(--theme-shadow-soft);font-size:12px}.theme-phone__bubble--user{align-self:flex-end;border-color:var(--theme-user-bubble-border);color:var(--theme-user-bubble-text);background:var(--theme-user-bubble)}.theme-phone__composer{margin-top:auto;padding:10px 12px;border:1px solid var(--theme-border);border-radius:var(--theme-input-radius);color:var(--theme-input-text);background:var(--theme-input-bg);font-size:10px}.theme-phone__nav{display:flex;height:var(--theme-nav-height);align-items:center;justify-content:space-around;border:1px solid var(--theme-border);border-radius:var(--theme-radius-nav);color:var(--theme-nav-text);background:var(--theme-bottom-nav);backdrop-filter:blur(var(--theme-blur-nav));font-size:9px}.theme-phone__nav b{padding:7px;border-radius:9px;color:var(--xb-nav-active-text);background:var(--xb-nav-active-bg)}
.theme-phone [data-preview-layer]:not(.theme-phone__background){position:absolute;z-index:3;display:block;width:52px;height:52px;right:0;bottom:0;cursor:grab;pointer-events:auto;background-position:center;background-repeat:no-repeat;background-size:contain}.theme-phone [data-preview-layer].is-selected{outline:1px dashed var(--xb-accent);outline-offset:3px}.theme-phone [data-preview-layer="chatHeaderDecor"]{background-image:var(--xb-header-decor);opacity:var(--xb-slot-chat-header-decor-opacity);transform:translate(var(--xb-slot-chat-header-decor-x),var(--xb-slot-chat-header-decor-y)) rotate(var(--xb-slot-chat-header-decor-rotation)) scale(var(--xb-slot-chat-header-decor-scale))}.theme-phone [data-preview-layer="userBubbleDecor"]{background-image:var(--xb-user-bubble-decor);opacity:var(--xb-slot-user-bubble-decor-opacity);transform:translate(var(--xb-slot-user-bubble-decor-x),var(--xb-slot-user-bubble-decor-y)) rotate(var(--xb-slot-user-bubble-decor-rotation)) scale(var(--xb-slot-user-bubble-decor-scale))}.theme-phone [data-preview-layer="assistantBubbleDecor"]{left:0;right:auto;background-image:var(--xb-assistant-bubble-decor);opacity:var(--xb-slot-assistant-bubble-decor-opacity);transform:translate(var(--xb-slot-assistant-bubble-decor-x),var(--xb-slot-assistant-bubble-decor-y)) rotate(var(--xb-slot-assistant-bubble-decor-rotation)) scale(var(--xb-slot-assistant-bubble-decor-scale))}.theme-phone [data-preview-layer="avatarFrame"]{inset:-5px;width:52px;height:52px;background-image:var(--xb-avatar-frame);opacity:var(--xb-slot-avatar-frame-opacity);transform:translate(var(--xb-slot-avatar-frame-x),var(--xb-slot-avatar-frame-y)) rotate(var(--xb-slot-avatar-frame-rotation)) scale(var(--xb-slot-avatar-frame-scale))}.theme-phone [data-preview-layer="inputDecor"]{background-image:var(--xb-input-decor);opacity:var(--xb-slot-input-decor-opacity);transform:translate(var(--xb-slot-input-decor-x),var(--xb-slot-input-decor-y)) rotate(var(--xb-slot-input-decor-rotation)) scale(var(--xb-slot-input-decor-scale))}.theme-phone [data-preview-layer="homeCardDecor"]{background-image:var(--xb-home-card-decor);opacity:var(--xb-slot-home-card-decor-opacity);transform:translate(var(--xb-slot-home-card-decor-x),var(--xb-slot-home-card-decor-y)) rotate(var(--xb-slot-home-card-decor-rotation)) scale(var(--xb-slot-home-card-decor-scale))}.theme-phone [data-preview-layer="navAccent"]{background-image:var(--xb-nav-accent);opacity:var(--xb-slot-nav-accent-opacity);transform:translate(var(--xb-slot-nav-accent-x),var(--xb-slot-nav-accent-y)) rotate(var(--xb-slot-nav-accent-rotation)) scale(var(--xb-slot-nav-accent-scale))}
.theme-actions{display:flex;flex-wrap:wrap;gap:8px}.theme-actions button,.theme-actions label,.theme-chat-link{padding:10px 13px;border:1px solid var(--theme-border);border-radius:12px;color:var(--theme-card-text);background:var(--theme-card);font-size:11px;cursor:pointer;text-decoration:none}.theme-actions button[data-theme-apply]{color:#fff;background:var(--theme-primary)}.theme-actions input{display:none}.theme-status{min-height:18px;margin-top:10px;color:var(--theme-card-muted);font-size:11px}
.theme-import-review{margin-top:14px;padding:13px;border:1px solid var(--theme-border);border-radius:14px;background:color-mix(in srgb,var(--theme-card) 82%,transparent)}.theme-import-review p{color:var(--theme-card-muted);font-size:11px;line-height:1.6}.theme-template{max-height:280px;overflow:auto;padding:14px;border:1px solid var(--theme-border);border-radius:14px;color:var(--theme-card-text);background:color-mix(in srgb,var(--theme-bg) 70%,var(--theme-card));font:11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}
.theme-import-review h3{margin:12px 0 8px;font-size:12px}.theme-asset-list{display:grid;gap:6px;margin-bottom:9px}.theme-asset-item{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start;padding:8px;border:1px solid var(--theme-border);border-radius:10px;color:var(--theme-card-muted);font-size:10px}.theme-asset-item input{width:18px;min-height:18px}.theme-asset-item strong{display:block;color:var(--theme-card-text)}
.theme-asset-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.theme-asset-toolbar label{display:grid;gap:4px;color:var(--theme-card-muted);font-size:10px}.theme-asset-toolbar select{min-width:0;padding:8px;border:1px solid var(--theme-border);border-radius:10px;color:var(--theme-card-text);background:var(--theme-input-bg)}.theme-asset-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.theme-asset-group{grid-column:1/-1;margin:8px 0 0;color:var(--theme-card-text);font-size:12px}.theme-asset-card{display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px;padding:9px;border:1px solid var(--theme-border);border-radius:13px;background:color-mix(in srgb,var(--theme-card) 88%,transparent)}.theme-asset-thumb{display:grid;width:76px;height:76px;padding:0;overflow:hidden;place-items:center;border:1px solid var(--theme-border);border-radius:10px;color:var(--theme-card-muted);background:color-mix(in srgb,var(--theme-bg) 72%,var(--theme-card));font-size:9px}.theme-asset-thumb img{width:100%;height:100%;object-fit:contain}.theme-asset-copy{display:grid;align-content:start;gap:2px;min-width:0}.theme-asset-copy strong{color:var(--theme-card-text);font-size:11px}.theme-asset-copy span,.theme-asset-copy small,.theme-asset-copy em{overflow:hidden;color:var(--theme-card-muted);font-size:9px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.theme-asset-check{display:flex;align-items:center;gap:5px;color:var(--theme-card-muted);font-size:10px}.theme-asset-check input{width:17px;height:17px}.theme-asset-card-actions{display:grid;grid-column:1/-1;grid-template-columns:1fr 1fr;gap:6px}.theme-asset-card-actions button,.theme-asset-card-actions select{min-width:0;padding:7px;border:1px solid var(--theme-border);border-radius:9px;color:var(--theme-card-text);background:var(--theme-input-bg);font-size:9px}.theme-asset-empty{grid-column:1/-1}.theme-asset-preview-dialog{width:min(92vw,520px);padding:18px;border:1px solid var(--theme-border);border-radius:20px;color:var(--theme-card-text);background:var(--theme-card);box-shadow:var(--theme-shadow-soft)}.theme-asset-preview-dialog::backdrop{background:rgba(20,14,28,.56)}.theme-asset-preview-dialog>img{display:block;width:100%;max-height:58vh;object-fit:contain;border-radius:14px;background:color-mix(in srgb,var(--theme-bg) 72%,var(--theme-card))}.theme-asset-preview-dialog dl{display:grid;gap:6px}.theme-asset-preview-dialog dl>div{display:grid;grid-template-columns:72px 1fr;gap:8px}.theme-asset-preview-dialog dt{color:var(--theme-card-muted);font-size:10px}.theme-asset-preview-dialog dd{margin:0;overflow-wrap:anywhere;font-size:11px}.theme-asset-preview-close{float:right;width:32px;height:32px;margin-bottom:7px;border:1px solid var(--theme-border);border-radius:50%;color:var(--theme-card-text);background:var(--theme-input-bg);font-size:20px}
.theme-import-diff{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:10px 0}.theme-import-diff>div{display:grid;gap:5px}.theme-import-diff span{display:block;height:58px;border:1px solid var(--theme-border);border-radius:12px;background:linear-gradient(135deg,var(--diff-bg),var(--diff-card) 48%,var(--diff-user) 49%,var(--diff-assistant))}.theme-import-diff small{color:var(--theme-card-muted)}
.theme-slot-editor{display:grid;gap:10px;margin-top:12px}.theme-slot-row{display:grid;grid-template-columns:auto minmax(92px,1fr) minmax(120px,1.4fr) auto;gap:7px;align-items:center;padding:10px;border:1px solid var(--theme-border);border-radius:13px;background:color-mix(in srgb,var(--theme-card) 78%,transparent)}.theme-slot-row.is-selected{outline:2px solid var(--xb-accent)}.theme-slot-row>input{width:18px;height:18px}.theme-slot-row>select,.theme-slot-row>button{min-width:0;padding:7px;border:1px solid var(--theme-border);border-radius:9px;color:var(--theme-card-text);background:var(--theme-input-bg)}.theme-slot-controls{display:grid;grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.theme-slot-control{display:grid;gap:3px;color:var(--theme-card-muted);font-size:9px}.theme-slot-control input{width:100%;min-width:0}.theme-slot-control--wide{grid-column:span 2}.theme-slot-note{margin-top:10px!important}
@media(min-width:760px){.theme-workshop-shell{width:min(100%,920px);grid-template-columns:minmax(0,1fr) 320px}.theme-workshop-header,.theme-panel--presets,.theme-panel--actions{grid-column:1/-1}.theme-panel--preview{grid-column:2;grid-row:3/8}.theme-panel--editor{grid-column:1}}
@media(max-width:620px){.theme-preset-toolbar,.theme-preset-library{grid-template-columns:1fr}.theme-preset-heading{align-items:stretch;flex-direction:column}.saved-theme-preset__preview{min-height:150px}.theme-workshop-tabs{position:sticky;z-index:8;top:8px}}
@media(max-width:520px){.theme-asset-list{grid-template-columns:1fr}}
@media(max-width:620px){.theme-slot-row{grid-template-columns:auto 1fr auto}.theme-slot-row>select{grid-column:1/-1}.theme-slot-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}
.checkerboard{background-color:#b8bcc3;background-image:linear-gradient(45deg,#e8e9ec 25%,transparent 25%),linear-gradient(-45deg,#e8e9ec 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e8e9ec 75%),linear-gradient(-45deg,transparent 75%,#e8e9ec 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.theme-slot-row{grid-template-columns:auto minmax(92px,1fr) 58px auto auto}.theme-slot-thumb{display:grid;width:52px;height:52px;overflow:hidden;place-items:center;border:1px solid var(--theme-border);border-radius:9px;color:#343840;font-size:9px}.theme-slot-thumb img{width:100%;height:100%;object-fit:contain}
.theme-panel--advanced{grid-column:1/-1}.advanced-editor__heading{display:flex;align-items:start;justify-content:space-between;gap:14px}.advanced-editor__heading p{margin:4px 0;color:var(--xb-card-muted);font-size:11px}.advanced-editor{display:grid;grid-template-columns:180px minmax(340px,1fr) 310px;gap:14px;margin-top:14px}.advanced-editor__regions,.advanced-editor__properties,.advanced-editor__preview{min-width:0;padding:12px;border:1px solid var(--xb-border-color);border-radius:14px;background:color-mix(in srgb,var(--xb-card-bg) 75%,transparent)}.advanced-editor h3{margin:0 0 8px;font-size:12px}.advanced-page-tabs,.advanced-region-list{display:grid;gap:5px;margin-bottom:14px}.advanced-page-tabs{grid-template-columns:1fr 1fr}.advanced-page-tabs button,.advanced-region-list button,.advanced-preview-tabs button,.advanced-presets button{padding:8px;border:1px solid var(--xb-border-color);border-radius:9px;color:var(--xb-card-text);background:var(--xb-input-bg);font-size:10px}.advanced-page-tabs button.is-active,.advanced-region-list button.is-active,.advanced-preview-tabs button.is-active{color:var(--xb-button-text);background:var(--xb-button-bg)}.advanced-preview-tabs{display:flex;gap:5px;margin-bottom:9px}.advanced-preview{min-height:460px;padding:12px;border-radius:20px;color:var(--xb-page-text);background:var(--xb-page-bg)}.advanced-preview section{display:flex;min-height:430px;flex-direction:column;gap:9px}.advanced-preview header,.advanced-preview article,.advanced-preview nav,.advanced-preview input,.advanced-preview button,.preview-composer,.preview-bubble{padding:11px;border:1px solid var(--xb-card-border);border-radius:14px;color:var(--xb-card-text);background:var(--xb-card-bg);box-shadow:var(--xb-card-shadow)}.preview-bubble{max-width:80%}.preview-bubble--user{align-self:flex-end;color:var(--xb-chat-user-bubble-text);background:var(--xb-chat-user-bubble-bg)}.preview-bubble--assistant{color:var(--xb-chat-assistant-bubble-text);background:var(--xb-chat-assistant-bubble-bg)}.advanced-preview nav{display:flex;margin-top:auto;justify-content:space-around}.advanced-preview nav b{padding:6px;border-radius:8px;color:var(--xb-nav-active-text);background:var(--xb-nav-active-bg)}.preview-composer{display:flex;align-items:center;justify-content:space-between}.preview-composer button{padding:7px}.preview-hero{min-height:90px}.preview-progress{height:6px;margin-top:10px;overflow:hidden;border-radius:9px;background:var(--xb-progress-bg)}.preview-progress span{display:block;width:68%;height:100%;padding:0;border:0;background:var(--xb-progress-fill)}.advanced-editor__properties{max-height:640px;overflow:auto}.advanced-editor__properties>label,.advanced-editor__properties fieldset label{display:grid;gap:4px;margin:7px 0;color:var(--xb-card-muted);font-size:9px}.advanced-editor__properties fieldset{margin:9px 0;padding:9px;border:1px solid var(--xb-border-color);border-radius:10px}.advanced-editor__properties input,.advanced-editor__properties select{width:100%;min-height:34px;padding:6px;border:1px solid var(--xb-input-border);border-radius:8px;color:var(--xb-input-text);background:var(--xb-input-bg)}.advanced-editor__properties input[type=checkbox]{width:18px;min-height:18px}.advanced-editor__properties small{display:block;color:var(--xb-card-muted);font-size:9px;line-height:1.5}.advanced-presets{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.advanced-editor__actions{position:sticky;z-index:2;bottom:8px;padding:8px;border:1px solid var(--xb-border-color);border-radius:12px;background:var(--xb-card-bg)}@media(max-width:820px){.advanced-editor{grid-template-columns:1fr}.advanced-editor__regions{display:grid;grid-template-columns:1fr 2fr;gap:10px}.advanced-editor__properties{max-height:none}}
.theme-panel--assets{display:flex;align-items:center;justify-content:space-between;gap:16px}.theme-panel--assets h2,.theme-panel--assets p{margin:0}.theme-panel--assets p{margin-top:6px}.design-asset-stats{padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.08);font-size:10px}.design-asset-sources span{min-height:1.4em;color:var(--xb-card-muted)}.design-asset-edit{display:grid;grid-column:1/-1;grid-template-columns:minmax(120px,1fr) minmax(90px,.7fr);gap:7px}.design-asset-edit input,.design-asset-edit select{min-width:0;padding:7px;border:1px solid var(--xb-input-border);border-radius:9px}.design-asset-edit button{font-size:9px}.theme-asset-delete-blocked ul{max-height:280px;overflow:auto;padding-left:22px}
.design-asset-batch{display:flex;position:sticky;z-index:3;top:0;align-items:center;gap:7px;flex-wrap:wrap;padding:9px;border:1px solid var(--xb-border-color);border-radius:12px;background:var(--xb-card-bg)}.design-asset-batch label{display:flex;align-items:center;gap:5px}.design-asset-favorite{position:absolute;z-index:2;top:7px;right:7px;width:32px;height:32px;padding:0;border-radius:50%;font-size:18px}.design-asset-choice{position:relative}.design-asset-choice.is-selected{outline:2px solid var(--xb-accent)}.design-asset-select{position:absolute;z-index:2;top:8px;left:8px;width:20px;height:20px}.design-asset-usage{padding:0;border:0;color:var(--xb-accent);background:transparent;text-align:left}.design-asset-more{display:block;margin:12px auto}.theme-asset-delete-blocked li{margin:8px 0}.theme-asset-delete-blocked li button{margin-left:8px}.design-asset-picker.is-trash .design-asset-sources,.design-asset-picker.is-trash [data-design-asset-unused],.design-asset-picker.is-trash [data-design-asset-theme],.design-asset-picker.is-trash [data-asset-select-mode]{display:none}
.advanced-preview [data-design-preview-region].is-reference-target{outline:2px dashed var(--xb-accent);outline-offset:3px}
.design-asset-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:18px;align-items:start}.design-asset-details{position:sticky;top:0;padding:16px;border:1px solid var(--xb-border-color);border-radius:18px;background:var(--xb-card-bg);max-height:72vh;overflow:auto}.design-asset-details>[data-asset-details-close]{float:right}.design-asset-details img{display:block;width:100%;max-height:260px;object-fit:contain}.design-asset-details textarea{width:100%;min-height:84px}.design-asset-details dl>div{display:grid;grid-template-columns:88px 1fr;gap:8px;margin:6px 0}.design-asset-details dt{color:var(--xb-card-muted)}.design-asset-details dd{margin:0;overflow-wrap:anywhere}.design-asset-tags,.design-asset-details [data-asset-details-tags]{display:flex;gap:5px;flex-wrap:wrap}.design-asset-tags span,.asset-tag{padding:2px 7px;border:0;border-radius:999px;background:#e7f7ec;color:#28653d;font-size:.75rem}.design-picker-context{margin:6px 0;color:var(--xb-card-muted)}@media(max-width:760px){.design-asset-layout{display:block}.design-asset-details{position:fixed;inset:auto 0 0;z-index:5;max-height:82vh;border-radius:22px 22px 0 0;box-shadow:0 -12px 36px rgba(0,0,0,.18)}}