#portable-library{margin-bottom:24px}#portable-library .game-dashboard{justify-content:flex-start;margin:14px 0}#portable-library p{font-size:.8em;color:var(--text-secondary);line-height:1.6;margin:12px 0}#portable-project-list{display:flex;flex-direction:column;gap:8px}.portable-project{font:inherit;color:var(--text-primary);text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:6px;width:100%}.portable-project small{color:var(--text-muted);font-size:.72em}#portable-name{max-width:240px;width:100%;font:inherit;font-weight:bold;color:var(--text-primary);background:var(--bg-deep);border:1px solid var(--border);padding:5px 8px;border-radius:4px}#portable-file-actions{display:flex;gap:8px;padding:6px 8px;border-bottom:1px solid var(--border)}#portable-file-actions button{font-size:.7em}#portable-media{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:20px;overflow:auto;min-height:0}#portable-media img{max-width:100%;max-height:65%;image-rendering:pixelated}#portable-media audio{max-width:100%}#portable-media p{font-size:.8em;color:var(--text-muted);overflow-wrap:anywhere}#preview-container iframe{height:100%;width:100%;border:0}#portable-conflict{padding:10px;background:var(--bg-active);font-size:.8em}#portable-conflict[hidden]{display:none}.portable-asset{font:inherit;color:var(--text-primary);text-align:left;padding:16px;background:var(--bg-deep);cursor:pointer}.portable-asset code{display:block;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:12px;font:12px/1.5 monospace}#portable-zip-input{display:none}

#portable-template-picker[hidden],#portable-recover[hidden]{display:none}#portable-template-picker{margin:12px 0 22px}#portable-template-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.portable-template{display:flex;flex-direction:column;gap:8px;font:inherit;color:var(--text-primary);text-align:left;cursor:pointer;padding:12px}.portable-template small{font-size:.76em;line-height:1.6;color:var(--text-secondary);font-weight:normal}#portable-library h3{font-size:.85em;margin:10px 0}#portable-template-picker h3{flex:1}#portable-project-list:empty:after{content:'No saved projects yet. Choose New game or import a ZIP.';font-size:.8em;line-height:1.6;color:var(--text-secondary)}

#portable-file-actions[hidden]{display:none}
.portable-history-hint{font-size:.8em;line-height:1.65;color:var(--text-secondary);margin:12px 0}
#portable-snapshot-form{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
#portable-snapshot-message{flex:1;min-width:140px;max-width:100%;padding:10px;background:var(--bg-deep);color:var(--text-primary);border:1px solid var(--border-light);border-radius:4px;font:inherit;font-size:.8em}
.portable-snapshot{display:flex;flex-direction:column;gap:10px;cursor:default;overflow-wrap:anywhere}
.portable-snapshot small{font-size:.7em;color:var(--text-secondary)}
.portable-snapshot .game-dashboard{justify-content:flex-start;flex-wrap:wrap}
#portable-snapshot-save:disabled{opacity:.5;cursor:default}

/* Keep the original Studio palette, blades, editor and asset cards. */
#studio-header .logo{display:flex;align-items:center;gap:9px;background:none;border:0;font:inherit;color:var(--text-primary);padding:0;white-space:nowrap}
#studio-header .logo img{flex:none}
#studio-header{gap:12px}
.portable-search-label{display:block;font-size:.8em;color:var(--text-secondary);margin:16px 0 12px}
#portable-search{display:block;width:100%;margin-top:8px;padding:10px 12px;background:var(--bg-deep);border:1px solid var(--border-light);border-radius:6px;color:var(--text-primary);font:inherit;font-size:1.1em}
#portable-library>.game-dashboard{flex-wrap:wrap}
#portable-project-list[data-filtered="true"]:empty:after{content:'No games match your search.'}
.portable-asset{padding:0;cursor:default;background:var(--bg-secondary)}
.portable-asset audio{width:100%;max-width:100%}
.portable-asset .asset-modal-card-footer{flex-wrap:wrap;gap:8px}
.portable-asset .asset-modal-card-actions{flex-wrap:wrap}
#studio-storage{width:min(820px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--border-light);border-radius:10px;background:var(--bg-primary);color:var(--text-primary);font:16px/1.6 amateur,monospace;overflow:auto}
#studio-storage::backdrop{background:rgba(5,8,20,.72)}
#studio-storage[aria-busy="true"] button{pointer-events:none;opacity:.55}
.storage-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;background:var(--bg-secondary);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1}
.storage-header h2{margin:0;font-size:1.3em;font-weight:normal}
.storage-body{padding:20px 22px}
.storage-body h3{font-size:1em;margin:0 0 8px}
.storage-body p{margin:10px 0}
.storage-hint{font-size:.8em;color:var(--text-secondary);line-height:1.6;overflow-wrap:anywhere}
#storage-meter{display:block;width:100%;height:22px;accent-color:var(--accent-green)}
#storage-meter[hidden]{display:none}
.storage-actions,.storage-heading{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.storage-heading{justify-content:space-between;margin-top:28px}
.storage-project{padding:16px;margin-top:12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-secondary)}
.storage-project h4{font-size:1em;margin:0;overflow-wrap:anywhere}
#storage-feedback,#portable-storage-status{font-size:.8em;color:var(--accent-blue)}
@media(max-width:900px){#studio-header{height:auto;min-height:48px;flex-wrap:wrap;padding:6px 10px;gap:6px}#studio-header>div{margin-left:auto;gap:10px!important}#studio-header .mode-btn{padding:5px 9px;font-size:.75em}#studio-header .logo{font-size:.9em}#studio-header .logo img{width:26px;height:26px}}
@media(max-width:600px){#studio-header #header-asset-btn{display:block}#studio-header #examples-open{display:none}#studio-header .logo{font-size:.85em}#studio-header>div{margin-left:0}#studio-header .user-info{display:none}.storage-body{padding:16px}.storage-header{padding:12px 16px}.storage-actions .dash-btn{padding:8px}.asset-modal-header{flex-wrap:wrap;gap:10px}.asset-modal-header-actions{flex-wrap:wrap}.asset-modal-action-btn{padding:6px 10px;font-size:.75em}}

#studio-storage{margin:auto}
#preview-header,#preview-controls{flex-wrap:wrap;gap:6px}
#preview-controls{max-width:100%}
#portable-library h3{font-weight:normal;text-transform:uppercase;letter-spacing:2px}
@media(max-width:768px){
    #studio-header{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:32px 36px;height:80px;min-height:80px;padding:4px 10px;gap:2px 8px}
    #studio-header .logo{grid-column:1 / 3;grid-row:1;justify-self:start}
    #studio-header>div{grid-column:3;grid-row:1;margin:0;justify-self:end}
    #studio-header #header-asset-btn{display:block;grid-column:1;grid-row:2}
    #studio-header #header-storage-btn{grid-column:2;grid-row:2}
    #studio-header #examples-open{display:block;grid-column:3;grid-row:2}
    #file-tree{top:80px}
}

.asset-library-destination{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 20px 0;font-size:.85em}
.asset-library-destination select{max-width:260px;margin-left:8px}
.asset-library-destination small{color:var(--text-secondary)}
#asset-library-feedback{padding:0 20px;color:var(--accent-green);font-size:.85em;overflow-wrap:anywhere}
#asset-library-feedback:not(:empty){padding-top:12px}
@media(max-width:600px){.asset-library-destination{padding:10px}.asset-library-destination select{max-width:210px;margin:6px 0 0}#asset-library-feedback{padding-inline:10px}}

.asset-modal-card-actions .asset-add-button{background:var(--accent-green);color:var(--badge-head-text);border-color:var(--accent-green);font-weight:bold}
.asset-modal-card-actions button{min-height:28px}
@media(max-width:600px){.asset-modal-card-actions button{min-height:36px;padding:6px 9px}}