body .yai-app{width:100vw;min-height:100vh;margin-left:calc(50% - 50vw);background:#050505;color:#fff;font-family:Inter,Arial,'Noto Sans KR',sans-serif;display:flex;overflow:hidden}.yai-app *{box-sizing:border-box}.yai-side{width:104px;background:#070707;border-right:1px solid rgba(255,210,0,.18);padding:14px 10px;display:flex;flex-direction:column;gap:8px;position:sticky;top:0;height:100vh}.yai-logo{background:transparent;border:0;color:#ffd400;cursor:pointer;text-align:center;margin-bottom:6px}.yai-logo img{width:58px;height:58px;object-fit:contain;display:block;margin:0 auto 4px}.yai-logo span{font-size:12px;font-weight:800}.yai-nav{background:transparent;color:#bbb;border:0;border-radius:14px;padding:10px 4px;cursor:pointer;font-size:12px}.yai-nav.active,.yai-nav:hover{background:linear-gradient(135deg,#ffd900,#9d7415);color:#111;font-weight:800}.yai-userbox{margin-top:auto;border:1px solid rgba(255,210,0,.18);border-radius:14px;padding:10px 6px;text-align:center;color:#ddd;font-size:11px}.yai-userbox span{color:#ffd400;display:block;margin-top:4px}.yai-main{flex:1;max-height:100vh;overflow:auto;padding:28px 34px;background:radial-gradient(circle at 45% 0%,rgba(255,211,0,.09),transparent 30%),#050505}.yai-page{display:none}.yai-page.active{display:block}.yai-hero{display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(255,211,0,.22);border-radius:24px;padding:32px;background:linear-gradient(135deg,#111,#070707)}.yai-hero h1{font-size:54px;margin:0}.yai-hero b{color:#ffd400}.yai-hero p{color:#ddd}.yai-credit-pill{border:1px solid #b99113;border-radius:18px;padding:18px 28px;text-align:center}.yai-credit-pill span{color:#aaa}.yai-credit-pill strong{font-size:34px;color:#ffd400;display:block}.yai-promptbar{margin:24px 0;padding:20px;border:1px solid rgba(255,211,0,.18);border-radius:22px;background:#101010}.yai-promptbar textarea{width:100%;height:76px;background:#060606;color:#fff;border:1px solid #333;border-radius:14px;padding:14px;resize:vertical}.yai-promptbar button,.yai-generate,.yai-card button,.yai-detail button,.yai-page-title button{margin:12px 8px 0 0;border:1px solid #d6aa18;border-radius:999px;padding:12px 20px;background:transparent;color:#fff;cursor:pointer}.yai-promptbar button:first-of-type,.yai-generate{background:linear-gradient(135deg,#ffe400,#c59012);color:#111;font-weight:900}.yai-generate{width:100%;font-size:16px;border:2px solid #ffd400;box-shadow:0 0 22px rgba(255,212,0,.16)}.yai-section-head{display:flex;justify-content:space-between;align-items:end;margin:34px 0 14px}.yai-section-head h2{margin:0;font-size:28px}.yai-section-head span{color:#aaa}.yai-gallery,.yai-cardgrid{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:18px}.yai-card{position:relative;border:1px solid rgba(255,211,0,.24);border-radius:18px;min-height:210px;overflow:hidden;background:linear-gradient(135deg,#181818,#060606);cursor:pointer;box-shadow:0 20px 40px rgba(0,0,0,.35)}.yai-card.has-media{background:#111}.yai-card img,.yai-card video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.yai-card:before{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.92),rgba(0,0,0,.12) 55%,rgba(255,220,0,.08));z-index:1}.yai-card:not(.has-media):after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,220,0,.38),transparent 22%),radial-gradient(circle at 75% 20%,rgba(110,80,255,.35),transparent 20%)}.yai-card .body{position:absolute;inset:auto 16px 16px 16px;z-index:2}.yai-card .tag{position:absolute;top:12px;left:14px;color:#111;background:#ffd400;border-radius:999px;padding:5px 9px;font-size:10px;letter-spacing:1px;font-weight:900;z-index:2}.yai-card h3{font-size:21px;line-height:1.1;margin:0 0 8px}.yai-card p{color:#ddd;font-size:13px}.yai-studio-grid{display:grid;grid-template-columns:390px 1fr;gap:22px}.yai-form,.yai-result{border:1px solid rgba(255,211,0,.25);border-radius:20px;background:#0d0d0d;padding:22px}.yai-form h1{font-size:30px;margin:0 0 8px}.yai-form p{color:#aaa}.yai-module-prompt{width:100%;height:150px;background:#070707;color:#fff;border:1px solid #333;border-radius:12px;padding:12px}.yai-cost-box{margin:14px 0;border:1px solid #d6aa18;background:rgba(255,210,0,.08);border-radius:16px;padding:16px;display:flex;justify-content:space-between;align-items:center}.yai-cost-box span{color:#ddd}.yai-cost-box strong{font-size:24px;color:#ffd400}.yai-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.yai-fields label{display:block;color:#bbb;font-size:13px}.yai-fields select{width:100%;padding:12px;border-radius:10px;background:#171717;color:#fff;border:1px solid #333;margin-top:6px}.yai-result-box{min-height:500px;border:1px dashed #444;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#aaa;padding:20px;overflow:auto;background:#070707}.yai-result-box img{max-width:100%;max-height:680px;border-radius:14px}.yai-result-box .writing{white-space:pre-wrap;line-height:1.7;align-items:flex-start;justify-content:flex-start;color:#eee}.yai-result-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.yai-result-actions a,.yai-result-actions button{border:1px solid #d6aa18;border-radius:999px;padding:10px 14px;background:#111;color:#fff;text-decoration:none;cursor:pointer}.yai-result-meta{color:#aaa;margin-top:12px;line-height:1.7}.yai-error{color:#ffb4b4;text-align:center;line-height:1.7}.yai-detail{display:none;position:fixed;right:0;top:0;height:100vh;width:460px;background:#111;border-left:1px solid #333;z-index:99999;padding:20px;overflow:auto}.yai-detail.open{display:block}.yai-close{float:right}.yai-detail pre{white-space:pre-wrap;background:#050505;border:1px solid #333;border-radius:12px;padding:12px;color:#eee}.yai-empty{padding:30px;border:1px solid #333;border-radius:16px;color:#aaa}.yai-page-title{display:flex;justify-content:space-between;align-items:center}.yai-filter button{border:1px solid #333;background:#111;color:#ddd;border-radius:999px;padding:8px 14px;margin:0 8px 18px 0}.yai-plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.plan{border:1px solid rgba(255,211,0,.25);border-radius:18px;padding:24px;background:#111}.plan.pro{border-color:#ffd400;box-shadow:0 0 28px rgba(255,212,0,.12)}.plan b{font-size:34px;color:#ffd400}.yai-benefits{width:100%;border-collapse:collapse;margin-top:22px}.yai-benefits th,.yai-benefits td{border:1px solid #333;padding:12px;text-align:left}.yai-benefits th{color:#ffd400;background:#101010}@media(max-width:1000px){.yai-app{display:block}.yai-side{position:relative;width:100%;height:auto;flex-direction:row;overflow:auto}.yai-userbox{display:none}.yai-studio-grid,.yai-gallery,.yai-cardgrid,.yai-plan-grid{grid-template-columns:1fr}.yai-fields{grid-template-columns:1fr}.yai-main{padding:18px}.yai-hero{display:block}.yai-hero h1{font-size:36px}}

/* v9.1 refinements */
.yai-side{width:138px;padding:14px 12px}.yai-logo span{display:block}.yai-profilebox{padding:12px 8px;text-align:center}.yai-avatar{width:46px;height:46px;border-radius:50%;margin:0 auto 8px;background:linear-gradient(135deg,#ffd400,#8f6710);display:flex;align-items:center;justify-content:center;color:#111;font-weight:900;overflow:hidden}.yai-avatar img{width:100%;height:100%;object-fit:cover}.yai-profilebox strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yai-profilebox small{display:block;color:#888;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.yai-profile-credit{font-size:11px}.yai-profile-btn{width:100%;border:1px solid rgba(255,212,0,.25);background:#111;color:#ddd;border-radius:10px;padding:7px 4px;margin-top:6px;font-size:10px;cursor:pointer}.yai-profile-btn:hover{border-color:#ffd400;color:#ffd400}.yai-studio-grid{grid-template-columns:350px minmax(620px,1fr);align-items:start}.yai-result-box{min-height:620px}.yai-big-label{display:block;color:#ffd400;font-weight:800;margin:14px 0 8px}.yai-module-lyrics{width:100%;height:130px;background:#070707;color:#fff;border:1px solid #333;border-radius:12px;padding:12px;resize:vertical}.yai-upload-box{border:1px dashed rgba(255,212,0,.35);border-radius:14px;padding:12px;margin:14px 0;background:rgba(255,212,0,.04)}.yai-upload-btn{border:1px solid #d6aa18;border-radius:999px;background:#111;color:#ffd400;padding:10px 14px;cursor:pointer}.yai-upload-preview{color:#aaa;font-size:12px;margin-top:10px;line-height:1.5}.yai-upload-preview img,.yai-upload-preview video{max-width:100%;max-height:130px;border-radius:10px;margin-top:8px;display:block}.yai-upload-preview audio{width:100%;margin-top:8px}.yai-error-inline{color:#ffb4b4}.yai-credit-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}.yai-credit-summary>div{border:1px solid rgba(255,211,0,.25);border-radius:18px;background:#101010;padding:20px}.yai-credit-summary span{color:#aaa}.yai-credit-summary strong{display:block;font-size:28px;color:#ffd400;margin-top:8px}.yai-plan-grid-v91{grid-template-columns:repeat(5,minmax(180px,1fr))}.plan em{display:block;color:#ffd400;font-style:normal;margin:8px 0}.plan ul{padding-left:18px;color:#ccc;min-height:86px}.plan-badge{display:inline-block;background:#ffd400;color:#111;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900}.yai-buy-plan{width:100%;border:1px solid #d6aa18;border-radius:999px;background:linear-gradient(135deg,#ffe400,#c59012);color:#111;padding:11px 12px;font-weight:900;cursor:pointer}.yai-payment-note{border:1px solid #333;border-radius:14px;background:#101010;padding:14px;color:#aaa;margin-top:18px}@media(max-width:1200px){.yai-plan-grid-v91{grid-template-columns:repeat(2,1fr)}.yai-studio-grid{grid-template-columns:1fr}.yai-result-box{min-height:420px}}@media(max-width:1000px){.yai-side{width:100%}.yai-profilebox{display:none}.yai-credit-summary{grid-template-columns:1fr}.yai-plan-grid-v91{grid-template-columns:1fr}}