#app[data-page="inspiration"]{max-width:1680px;padding-bottom:56px}
.inspiration-hero{display:flex;align-items:end;justify-content:space-between;gap:32px;min-height:250px;padding:52px 44px 42px;color:#1a2029;background:#f6f4ff;border:1px solid #ddd8f4;border-radius:8px}
.inspiration-hero .eyebrow{color:#6754d8}
.inspiration-hero h1{margin:12px 0 10px;font-size:44px;line-height:1.05;letter-spacing:0;color:#171b22}
.inspiration-hero h1 span{color:#6754d8;padding:0 8px}
.inspiration-hero p{max-width:620px;margin:0;color:#606875;font-size:16px}
.inspiration-hero-stat{display:grid;gap:3px;min-width:160px;padding:16px 0;border-top:1px solid #cfc9e8;color:#69717b;text-align:right}
.inspiration-hero-stat b{color:#5544c4;font-size:40px;line-height:1;font-variant-numeric:tabular-nums}
.inspiration-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0 18px;color:#6e737b;font-size:13px}
.inspiration-toolbar [role="group"]{display:flex;gap:8px}
.inspiration-toolbar button,.inspiration-pagination button{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:7px 12px;border:1px solid #d9dce1;border-radius:6px;background:#fff;color:#31353b;font-weight:750}
.inspiration-toolbar button small{padding:1px 6px;border-radius:10px;background:#eef0f2;color:#5e6570;font-size:11px}
.inspiration-toolbar button[aria-pressed="true"],.inspiration-pagination button[aria-current="page"]{border-color:#111315;background:#111315;color:#fff}
.inspiration-toolbar button[aria-pressed="true"] small{background:#d8ed50;color:#1a1d20}
.inspiration-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.inspiration-card{overflow:hidden;border:1px solid #d9dde2;border-radius:8px;background:#fff;box-shadow:0 8px 22px rgba(25,30,38,.06)}
.inspiration-media{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:#e9edf1}
.inspiration-media img,.inspiration-media video{display:block;width:100%;height:100%;object-fit:cover}
.inspiration-type{position:absolute;top:12px;right:12px;padding:5px 8px;border:1px solid rgba(255,255,255,.45);border-radius:4px;background:rgba(10,12,15,.72);color:#fff;font-size:12px;font-weight:800}
.inspiration-remix-trigger{position:absolute;left:50%;top:50%;right:auto;bottom:auto;z-index:2;min-height:38px;padding:8px 13px;border:0;border-radius:6px;background:#5b43ce;color:#fff;font-weight:800;opacity:0;transform:translate(-50%,-42%);transition:opacity .18s ease,transform .18s ease}
.inspiration-card.is-video:hover .inspiration-remix-trigger,.inspiration-remix-trigger:focus-visible{opacity:1;transform:translate(-50%,-50%)}
.inspiration-card-copy{display:grid;gap:11px;padding:15px 16px 16px}
.inspiration-card-copy small{color:#747b85;font-size:12px;font-weight:700}
.inspiration-card-copy h2{margin:4px 0 0;color:#171a1e;font-size:17px;line-height:1.25}
.inspiration-card-copy p{display:-webkit-box;overflow:hidden;margin:0;color:#656b74;font-size:13px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.inspiration-meta{display:flex;gap:8px;color:#59616b;font-size:12px;font-weight:700}
.inspiration-meta span{padding:4px 7px;border:1px solid #e1e4e8;border-radius:4px;background:#f7f8f9}
.inspiration-sound{width:30px;height:30px;margin-left:auto;padding:0;border:1px solid #d9dce1;border-radius:50%;background:#fff;color:#343a43;font-size:14px;line-height:1}
.inspiration-pagination{display:flex;justify-content:center;gap:8px;margin:30px 0 8px}
.inspiration-pagination button{min-width:36px;justify-content:center;padding:7px}
.inspiration-empty{display:grid;justify-items:center;gap:12px;padding:88px 24px;border:1px solid #d9dde2;border-radius:8px;background:#fff;text-align:center}
.inspiration-empty>span{color:#99ae1d;font-size:36px}
.inspiration-empty h2{margin:0;color:#1c2025;font-size:23px}
.inspiration-empty p{max-width:480px;margin:0;color:#6c737c;line-height:1.6}
.inspiration-remix-dialog{width:min(1180px,calc(100vw - 40px));max-height:calc(100vh - 40px);padding:0;border:1px solid #dfe2e8;border-radius:8px;background:#fbfbfc;color:#1b2028;box-shadow:0 26px 70px rgba(31,34,46,.25)}
.inspiration-remix-dialog::backdrop{background:rgba(37,40,49,.42)}
.inspiration-remix-shell{display:grid;gap:28px;padding:30px}
.inspiration-remix-shell header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.inspiration-remix-shell h2{margin:6px 0 0;font-size:34px;letter-spacing:0}.inspiration-remix-close{width:40px;height:40px;padding:0;border:1px solid #d5d9e0;border-radius:50%;background:#fff;color:#3d434d;font-size:28px;line-height:1}
.inspiration-remix-grid{display:grid;grid-template-columns:minmax(280px,.8fr) 54px minmax(420px,1.1fr);gap:28px;align-items:center}.inspiration-remix-input,.inspiration-remix-output{display:grid;gap:14px}.inspiration-remix-label{font-weight:800}.inspiration-author-reference{overflow:hidden;aspect-ratio:4/5;border:1px solid #d8dde5;border-radius:8px;background:#eef1f4}.inspiration-author-reference img,.inspiration-author-reference video,.inspiration-remix-preview video{display:block;width:100%;height:100%;object-fit:cover}.inspiration-remix-note{margin:0;color:#657080;line-height:1.55}.inspiration-upload-slot{display:grid;min-height:160px;place-items:center;gap:4px;padding:18px;border:1px dashed #9a91ce;border-radius:8px;background:#f7f5ff;color:#4f3fb4;text-align:center;cursor:pointer}.inspiration-upload-slot input{position:absolute;width:1px;height:1px;opacity:0}.inspiration-upload-slot span{font-size:34px;line-height:1}.inspiration-upload-slot small{color:#67707c}.inspiration-upload-slot.is-ready{border-style:solid;background:#f0edff}.inspiration-remix-input label:not(.inspiration-upload-slot){display:grid;gap:8px;font-weight:750}.inspiration-remix-input textarea{min-height:144px;resize:vertical}.inspiration-remix-arrow{color:#5b43ce;font-size:44px;text-align:center}.inspiration-remix-preview{overflow:hidden;aspect-ratio:16/9;border:1px solid #d8dde5;border-radius:8px;background:#eef1f4}.inspiration-remix-output>b{text-align:center;font-size:18px}.inspiration-remix-output>small{text-align:center;color:#69727e}.inspiration-remix-shell footer{display:flex;justify-content:flex-end;align-items:center;gap:16px;padding-top:4px}.inspiration-remix-status{margin:0;margin-right:auto;color:#69727e}.inspiration-remix-shell footer .primary{min-width:170px}
@media(max-width:1200px){.inspiration-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.inspiration-hero{display:grid;min-height:0;padding:32px 24px}.inspiration-hero h1{font-size:32px}.inspiration-hero-stat{text-align:left}.inspiration-toolbar{align-items:flex-start;flex-direction:column}.inspiration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.inspiration-card-copy{padding:12px}.inspiration-card-copy h2{font-size:15px}.inspiration-remix-shell{padding:22px}.inspiration-remix-shell h2{font-size:28px}.inspiration-remix-grid{grid-template-columns:1fr;gap:20px}.inspiration-remix-arrow{transform:rotate(90deg);height:28px}.inspiration-remix-output{order:-1}.inspiration-remix-shell footer{align-items:stretch;flex-direction:column}.inspiration-remix-status{margin:0}.inspiration-remix-shell footer .primary{width:100%}}
@media(max-width:480px){.inspiration-grid{grid-template-columns:1fr}.inspiration-toolbar [role="group"]{width:100%}.inspiration-toolbar button{flex:1;justify-content:center}}

/* Template recreation is a fixed source-to-replacement workspace, not a generic upload prompt. */
.inspiration-remix-dialog{width:min(1480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);border-radius:12px;background:#f8f9fb}
.inspiration-remix-shell{gap:22px;padding:32px;overflow:auto;max-height:calc(100dvh - 32px);box-sizing:border-box}
.inspiration-remix-head{padding-bottom:20px;border-bottom:1px solid #e0e4e9}.inspiration-remix-head h2{font-size:32px}.inspiration-remix-head p{max-width:640px;margin:8px 0 0;color:#697481;line-height:1.55}
.inspiration-remix-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,320px);gap:28px;align-items:start}
.inspiration-remix-materials{min-width:0}.inspiration-remix-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.inspiration-remix-section-head>div{display:grid;gap:4px}.inspiration-remix-section-head b{font-size:18px}.inspiration-remix-section-head>small{color:#717b87}
.inspiration-replacement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(188px,1fr));gap:16px}
.inspiration-replace-pair{display:grid;gap:10px;min-width:0;padding:12px;border:1px solid #dfe3e8;border-radius:10px;background:#fff;box-shadow:0 8px 22px rgba(31,41,55,.045)}
.inspiration-replace-pair>header{display:grid;grid-template-columns:28px auto 1fr;align-items:center;gap:8px}.inspiration-replace-pair>header span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eae7ff;color:#5745b8;font-size:11px;font-weight:850}.inspiration-replace-pair>header b{font-size:14px}.inspiration-replace-pair>header small{justify-self:end;color:#7d8793;font-size:11px}
.inspiration-source-slot,.inspiration-upload-slot{position:relative;overflow:hidden;aspect-ratio:4 / 3;min-height:0;border-radius:7px}.inspiration-source-slot{border:1px solid #d9dee5;background:#e9edf1}.inspiration-source-slot img,.inspiration-source-slot video,.inspiration-upload-slot img,.inspiration-upload-slot video{display:block;width:100%;height:100%;object-fit:cover}
.inspiration-slot-kicker{position:absolute;top:8px;left:8px;z-index:3;padding:4px 7px;border-radius:5px;background:rgba(21,25,33,.76);color:#fff;font-size:11px;font-weight:800;line-height:1.1}
.inspiration-upload-slot{display:grid;place-content:center;justify-items:center;gap:5px;padding:14px;border:1px dashed #8977d2;background:#f6f4ff;color:#5040b1;text-align:center}.inspiration-upload-slot:hover{border-color:#5a43cb;background:#f0edff}.inspiration-upload-slot .inspiration-upload-plus{font-size:30px;line-height:1}.inspiration-upload-slot>b{font-size:14px}.inspiration-upload-slot>small{color:#717988;font-size:11px}.inspiration-upload-slot.is-ready{border-style:solid;background:#171921}.inspiration-upload-slot.is-ready>.inspiration-slot-kicker{background:rgba(87,69,184,.9)}
.inspiration-upload-replace{position:absolute;right:0;bottom:0;left:0;z-index:3;display:grid;gap:2px;padding:21px 9px 8px;background:linear-gradient(transparent,rgba(12,15,21,.86));color:#fff;text-align:left}.inspiration-upload-replace b{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.inspiration-upload-replace span{font-size:11px;color:#dfd9ff}
.inspiration-remix-result{display:grid;gap:10px;padding:14px;border:1px solid #dfe3e8;border-radius:10px;background:#fff;box-shadow:0 8px 22px rgba(31,41,55,.045)}.inspiration-remix-result>b{font-size:16px}.inspiration-remix-result>small{color:#6f7984;line-height:1.5}.inspiration-remix-result .inspiration-remix-preview{aspect-ratio:9 / 16;background:#151820}.inspiration-remix-prompt{display:grid;gap:8px;font-weight:800}.inspiration-remix-prompt textarea{min-height:124px;padding:12px;border:1px solid #d6dbe2;border-radius:8px;background:#fff;color:#252a33;font:inherit;font-weight:400;line-height:1.55;resize:vertical}
@media(max-width:900px){.inspiration-remix-stage{grid-template-columns:1fr}.inspiration-remix-result{grid-template-columns:132px 1fr;align-items:center}.inspiration-remix-result .inspiration-remix-label,.inspiration-remix-result .inspiration-remix-preview{grid-row:span 2}.inspiration-remix-result .inspiration-remix-preview{height:176px}.inspiration-replacement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.inspiration-asset-expand{position:absolute;right:8px;top:8px;z-index:4;display:grid;place-items:center;width:36px;height:36px;padding:7px;border:1px solid #cbd3da;border-radius:6px;background:#fff;color:#25342c}.inspiration-asset-expand svg,.inspiration-remix-advanced svg,.inspiration-asset-dialog svg{width:20px;height:20px;flex:none}.inspiration-remix-advanced{display:flex;align-items:end;gap:12px;border-top:1px solid #dce2df;padding-top:18px}.inspiration-remix-advanced label{display:grid;gap:6px;min-width:0;flex:1;font-size:13px}.inspiration-remix-advanced select{padding:10px;border:1px solid #ccd5cf;border-radius:6px;background:#fff;min-width:0;width:100%}.inspiration-remix-advanced button{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 14px;border:1px solid #b9c9bd;border-radius:6px;background:#edf5ef;color:#244d34;min-height:42px}.inspiration-asset-dialog{box-sizing:border-box;width:min(1080px,calc(100vw - 32px));max-width:none;height:min(900px,calc(100dvh - 32px));max-height:none;padding:0;border:0;border-radius:8px;background:#111713;color:#f5f8f6}.inspiration-asset-dialog::backdrop{background:#08110bd9}.inspiration-asset-dialog header{height:58px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px}.inspiration-asset-dialog h2{font-size:15px;line-height:1.4;overflow-wrap:anywhere;min-width:0;margin:0}.inspiration-asset-dialog header button{display:grid;place-items:center;width:36px;height:36px;flex:none;border:1px solid #536259;border-radius:6px;color:inherit;background:transparent}.inspiration-asset-stage{height:calc(100% - 58px);display:grid;place-items:center;overflow:auto;padding:8px;box-sizing:border-box}.inspiration-asset-stage img,.inspiration-asset-stage video{display:block;width:100%;height:100%;min-height:0;object-fit:contain}.inspiration-asset-stage audio{width:min(100%,640px)}
@media(max-width:600px){.inspiration-remix-dialog{width:100vw;max-width:none;max-height:100dvh;margin:0;border:0;border-radius:0}.inspiration-remix-shell{max-height:100dvh;padding:20px}.inspiration-remix-head h2{font-size:25px}.inspiration-remix-head p{font-size:13px}.inspiration-remix-section-head{align-items:flex-start;flex-direction:column}.inspiration-replacement-grid{grid-template-columns:1fr}.inspiration-remix-result{grid-template-columns:104px 1fr}.inspiration-remix-result .inspiration-remix-preview{height:139px}.inspiration-remix-shell footer .primary{min-height:46px}.inspiration-remix-advanced{align-items:stretch;flex-direction:column}.inspiration-asset-dialog{width:100vw;height:100dvh;margin:0;border-radius:0}.inspiration-asset-dialog header{padding:10px 14px}.inspiration-asset-stage{padding:4px}}