@font-face{font-family:Pyeojin;src:url(/fonts/PyeojinGothic-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Pyeojin;src:url(/fonts/PyeojinGothic-Bold.ttf)format("truetype");font-weight:700;font-display:swap}:root{--ink:#1d2130;--muted:#737889;--line:#e9e8ef;--paper:#fff;--canvas:#f6f5f8;--primary:#635bdb;--primary-dark:#4d46c1;--soft-purple:#efedff}*{box-sizing:border-box}html,body{background:var(--canvas);min-height:100%;color:var(--ink);margin:0;font-family:Pyeojin,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{color:#fff;z-index:10;background:#202331;flex-direction:column;width:260px;padding:26px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0 10px 27px;display:flex}.brand-mark{background:linear-gradient(145deg,#827af0,#5c54cd);border-radius:12px;place-items:center;width:38px;height:38px;font-size:22px;font-weight:700;display:grid;box-shadow:0 8px 20px #11131d66}.brand b{letter-spacing:1px;font-size:18px;display:block}.brand small{color:#969bad;letter-spacing:1.45px;margin-top:3px;font-size:9px;display:block}.nav-label{color:#777c8d;letter-spacing:1.5px;margin:6px 0 10px;padding:0 12px;font-size:10px}.nav-item{color:#b9bdc9;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:13px;width:100%;margin:3px 0;padding:12px 14px;font-size:14px;display:flex}.nav-item span{text-align:center;width:22px;font-size:18px}.nav-item em{color:#fff;background:#f07972;border-radius:10px;place-items:center;min-width:20px;height:20px;margin-left:auto;font-size:10px;font-style:normal;display:grid}.nav-item:hover,.nav-item.active{color:#fff;background:#343746}.nav-item.active{box-shadow:inset 3px 0 #827af0}.sidebar-guide{background:linear-gradient(150deg,#343648,#2a2c3b);border:1px solid #434657;border-radius:14px;margin-top:auto;padding:16px}.sidebar-guide>span{background:#756de5;border-radius:10px;place-items:center;width:34px;height:34px;margin-bottom:12px;font-weight:700;display:grid}.sidebar-guide b{font-size:13px}.sidebar-guide p{color:#a8abba;font-size:11px;line-height:1.55}.sidebar-guide button{color:#d7d5ff;background:0 0;border:0;padding:0;font-size:11px}.sidebar-footer{color:#8f94a5;padding:15px 5px 0;font-size:10px}.status-dot{background:#63d39b;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 0 4px #63d39b1a}.workspace{width:calc(100% - 260px);min-height:100vh;margin-left:260px}.topbar{border-bottom:1px solid var(--line);z-index:8;background:#fff;align-items:center;gap:24px;height:76px;padding:0 34px;display:flex;position:sticky;top:0}.mobile-brand{display:none}.top-search{color:#9b9dac;background:#f7f7f9;border:1px solid #ecebf0;border-radius:10px;flex:1;align-items:center;gap:9px;max-width:510px;height:40px;padding:0 13px;font-size:12px;display:flex}.top-search kbd{background:#fff;border:1px solid #dfdee4;border-radius:5px;margin-left:auto;padding:2px 6px;font-size:9px}.top-actions{align-items:center;gap:16px;margin-left:auto;display:flex}.icon-button{border:1px solid var(--line);background:#fff;border-radius:10px;width:38px;height:38px;position:relative}.icon-button i{background:#ed6d6d;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:7px}.role-select{align-items:center;gap:10px;display:flex;position:relative}.avatar{color:#5d55cc;background:#eeeaff;border-radius:12px;place-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:grid}.role-select span:nth-child(2){min-width:92px}.role-select small,.role-select b{display:block}.role-select small{color:#989baa;font-size:9px}.role-select b{margin-top:2px;font-size:12px}.role-select select{opacity:0;cursor:pointer;position:absolute;inset:0}.notice-bar{color:#625aca;background:#f0efff;border-bottom:1px solid #e1defc;padding:9px 34px;font-size:11px}.notice-bar span{margin-right:8px}.content{max-width:1480px;margin:0 auto;padding:34px}.page-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:28px;display:flex}.page-heading p,.section-kicker{color:#7770d7;letter-spacing:1.8px;margin:0 0 7px;font-size:9px;font-weight:700}.page-heading h1{letter-spacing:-1px;margin:0;font-size:28px}.page-heading>div>span{color:var(--muted);margin-top:8px;font-size:12px;display:block}.primary-button{background:var(--primary);color:#fff;border:0;border-radius:10px;padding:12px 18px;font-size:12px;font-weight:700;box-shadow:0 8px 18px #635bdb30}.primary-button:hover,.render-button:hover{background:var(--primary-dark)}.safe-chip{color:#35866a;background:#e7f7ef;border-radius:18px;padding:8px 12px;font-size:10px;font-weight:700}.panel{border:1px solid var(--line);background:#fff;border-radius:16px;box-shadow:0 3px 14px #22243b08}.metric-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px;display:grid}.metric{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:flex-start;gap:14px;padding:18px;display:flex}.metric-icon{border-radius:12px;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.metric-icon.violet{color:#675fd3;background:#efedff}.metric-icon.blue{color:#4c8bc2;background:#eaf5ff}.metric-icon.orange{color:#d98349;background:#fff2e8}.metric-icon.green{color:#4b9a77;background:#eaf8f1}.metric p{color:var(--muted);margin:0;font-size:10px}.metric h2{margin:5px 0 3px;font-size:24px}.metric small{color:#9396a4;font-size:9px}.quick-panel{background:linear-gradient(115deg,#fff 50%,#f8f6ff);align-items:center;gap:28px;margin-bottom:18px;padding:24px;display:flex}.quick-panel>div:first-child{min-width:265px}.quick-panel h2,.panel-title h2{margin:0;font-size:17px}.quick-panel p{color:var(--muted);margin:7px 0 0;font-size:11px}.quick-actions{flex:1;grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.quick-actions button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:12px;grid-template-columns:38px 1fr 18px;align-items:center;column-gap:10px;padding:12px;display:grid}.quick-actions button:hover{border-color:#c9c5f5;transform:translateY(-1px)}.quick-icon{border-radius:10px;grid-row:1/span 2;place-items:center;width:38px;height:38px;display:grid}.quick-icon.peach{color:#d77858;background:#fff0eb}.quick-icon.purple{color:#665dd6;background:#efedff}.quick-icon.mint{color:#3b9575;background:#e9f7f2}.quick-actions b{font-size:11px}.quick-actions small{color:#9496a3;font-size:9px}.quick-actions i{color:#a6a8b2;grid-area:1/3/span 2;font-style:normal}.dashboard-columns{grid-template-columns:1fr .8fr;gap:18px;display:grid}.dashboard-columns .panel{padding:22px}.panel-title{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.panel-title button{color:#6860cb;background:0 0;border:0;font-size:10px}.skill-mini-list{grid-template-columns:1fr 1fr;gap:10px;display:grid}.skill-mini-list article{border:1px solid var(--line);border-radius:12px;grid-template-columns:64px 1fr auto;align-items:center;gap:10px;padding:9px;display:grid}.skill-mini-list img{object-fit:cover;border-radius:8px;width:64px;height:58px}.skill-mini-list span{color:#7f77d5;font-size:8px}.skill-mini-list h3{margin:3px 0;font-size:11px}.skill-mini-list p,.recent-list p{color:#9497a3;margin:0;font-size:8px}.badge{border-radius:12px;padding:4px 8px;font-size:8px;display:inline-block}.badge.approved{color:#438b6b;background:#eaf8f1}.badge.testing{color:#c77a42;background:#fff2e6}.recent-list article{border-bottom:1px solid #f0eff3;align-items:center;gap:11px;padding:10px 0;display:flex}.recent-list article:last-child{border:0}.job-icon{color:#655ccc;background:#f2f0ff;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.recent-list div{flex:1}.recent-list h3{margin:0 0 3px;font-size:11px}.recent-list strong{color:#4b9273;font-size:8px}.maker-layout{grid-template-columns:minmax(510px,1.05fr) minmax(390px,.75fr);align-items:start;gap:20px;display:grid}.maker-form{padding:25px}.form-step{align-items:center;gap:12px;margin-bottom:15px;display:flex}.form-step>span{background:var(--soft-purple);width:29px;height:29px;color:var(--primary);border-radius:9px;place-items:center;font-size:11px;font-weight:700;display:grid}.form-step h2{margin:0;font-size:14px}.form-step p{color:var(--muted);margin:3px 0 0;font-size:9px}.selected-template{background:#faf9ff;border:1px solid #dcd8fb;border-radius:12px;align-items:center;gap:12px;padding:9px;display:flex}.selected-template img{object-fit:cover;border-radius:8px;width:72px;height:62px}.selected-template div{flex:1}.selected-template span,.selected-template b,.selected-template small{display:block}.selected-template span{color:#6c63cf;font-size:8px}.selected-template b{margin:3px 0;font-size:11px}.selected-template small{color:#9093a1;font-size:8px}.selected-template strong{color:#5d55cf;padding-right:10px}.divider{background:#efedf2;height:1px;margin:23px 0}.upload-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.upload-box,.demo-asset{background:#fbfafc;border:1px dashed #cbc7dd;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:105px;display:flex;position:relative;overflow:hidden}.upload-box input{opacity:0;cursor:pointer;position:absolute;inset:0}.upload-box>span{color:#7169d3;font-size:21px}.upload-box b,.demo-asset b{font-size:10px}.upload-box small,.demo-asset small{color:#9799a5;font-size:8px}.demo-asset{text-align:left;border-style:solid;flex-direction:row;padding:8px}.demo-asset img{object-fit:contain;background:#fff;border-radius:8px;width:82px;height:82px}.demo-asset span{flex:1}.demo-asset b,.demo-asset small{display:block}.field-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field-grid label>span,.concept-select>span{color:#606475;margin:0 0 6px;font-size:9px;font-weight:700;display:block}.field-grid label.full{grid-column:1/-1}.field-grid input,.field-grid textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #dddce4;border-radius:9px;outline:none;padding:10px 11px;font-size:11px}.field-grid textarea{resize:vertical;height:64px}.field-grid input:focus,.field-grid textarea:focus{border-color:#827be3;box-shadow:0 0 0 3px #827be315}.color-field{gap:7px;display:flex}.color-field input[type=color]{width:44px;padding:4px}.concept-select{grid-template-columns:50px repeat(3,1fr);align-items:stretch;gap:8px;margin-top:16px;display:grid}.concept-select>span{align-items:center;margin:0;display:flex}.concept-select label{text-align:center;border:1px solid #dfdde6;border-radius:9px;padding:8px;position:relative}.concept-select label:has(input:checked){background:#f5f3ff;border-color:#756de0}.concept-select input{opacity:0;position:absolute}.concept-select b,.concept-select small{display:block}.concept-select b{font-size:10px}.concept-select small{color:#9698a4;margin-top:2px;font-size:7px}.render-button{background:var(--primary);color:#fff;border:0;border-radius:10px;width:100%;margin-top:18px;padding:13px;font-size:11px;font-weight:700}.render-button:disabled{opacity:.6;cursor:wait}.preview-panel{padding:20px;position:sticky;top:98px}.preview-head{justify-content:space-between;align-items:center;display:flex}.preview-head h2{margin:0;font-size:14px}.preview-head>span{color:#747788;border:1px solid #dedce7;border-radius:6px;padding:4px 7px;font-size:9px}.preview-stage{aspect-ratio:1;background:#ecebf0;border-radius:12px;place-items:center;margin:15px 0;padding:18px;display:grid;overflow:hidden}.preview-stage>img,.preview-empty img{object-fit:contain;max-width:100%;max-height:100%;box-shadow:0 12px 35px #1b1d2e2d}.preview-empty{place-items:center;width:100%;height:100%;display:grid;position:relative}.preview-empty img{opacity:.3;filter:grayscale(.2)}.preview-empty span{color:#fff;background:#252837db;border-radius:8px;padding:8px 11px;font-size:8px;position:absolute}.preview-notes p{color:#7c7f8d;margin:7px 0;font-size:9px}.preview-notes span{color:#4e9a79;margin-right:5px}.download-button{text-align:center;color:#fff;background:#202331;border-radius:10px;margin-top:14px;padding:12px;font-size:11px;font-weight:700;text-decoration:none;display:block}.method-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.method-grid article{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:12px;padding:15px;display:flex}.method-grid article>span{background:var(--soft-purple);width:32px;height:32px;color:var(--primary);border-radius:9px;place-items:center;font-weight:700;display:grid}.method-grid div{flex:1}.method-grid b{font-size:11px}.method-grid p{color:var(--muted);margin:3px 0 0;font-size:8px}.method-grid i{color:#a6a8b2;font-style:normal}.skill-card-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.skill-card{grid-template-columns:220px 1fr;display:grid;overflow:hidden}.skill-image{background:#eee;min-height:270px;position:relative}.skill-image img{object-fit:cover;width:100%;height:100%}.skill-image span{color:#fff;background:#232634d9;border-radius:5px;padding:5px 8px;font-size:8px;position:absolute;top:12px;left:12px}.skill-body{padding:20px}.skill-body>div:first-child{justify-content:space-between;gap:10px;display:flex}.skill-body h2{margin:0;font-size:16px}.skill-body>p{color:var(--muted);min-height:46px;font-size:10px;line-height:1.55}.skill-body dl{border-top:1px solid var(--line);margin:16px 0}.skill-body dl div{border-bottom:1px solid var(--line);justify-content:space-between;padding:8px 0;font-size:9px;display:flex}.skill-body dt{color:#9294a1}.skill-body dd{margin:0;font-weight:700}.skill-body>button{color:#5d55c8;background:#f8f7ff;border:1px solid #d7d4ed;border-radius:9px;width:100%;padding:10px;font-size:10px;font-weight:700}.skill-body>button:disabled{color:#999;background:#f5f5f6;border-color:#e6e5e8}.file-button{display:inline-block;position:relative}.file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.asset-toolbar{justify-content:space-between;align-items:center;margin-bottom:18px;padding:15px;display:flex}.asset-toolbar>span{color:#9a9ca8;font-size:10px}.asset-toolbar button{color:#818390;background:0 0;border:0;border-radius:7px;padding:6px 10px;font-size:9px}.asset-toolbar button.active{background:var(--soft-purple);color:var(--primary)}.asset-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.asset-card{text-align:left;border:0;padding:0 0 14px;overflow:hidden}.asset-card>div{background:#f0eff2;place-items:center;height:190px;margin-bottom:12px;display:grid}.asset-card img{object-fit:contain;width:90%;height:90%}.asset-card>span,.asset-card>small{padding:0 14px;display:block}.asset-card>span{font-size:11px;font-weight:700}.asset-card>small{color:#9396a2;margin-top:4px;font-size:8px}.asset-card.empty>div{color:#847de1;font-size:34px}.table-panel{overflow:hidden}.table-tools{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:14px 18px;display:flex}.table-tools span{margin-right:auto;font-size:10px}.table-tools button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:6px 9px;font-size:8px}table{border-collapse:collapse;width:100%;font-size:10px}th{color:#858895;text-align:left;background:#faf9fb;padding:11px 16px;font-weight:400}td{border-top:1px solid var(--line);padding:13px 16px}td b,td small{display:block}td small{color:#9a9ca8;margin-top:3px}.admin-grid{grid-template-columns:1.2fr .8fr;gap:18px;display:grid}.admin-grid>section{padding:22px}.count-badge{color:#c97841;background:#fff0e6;border-radius:9px;place-items:center;width:25px;height:25px;font-size:10px;display:grid}.approval-item{border:1px solid var(--line);border-radius:10px;align-items:center;gap:12px;padding:10px;display:flex}.approval-item img{object-fit:cover;border-radius:7px;width:62px;height:55px}.approval-item div{flex:1}.approval-item b{font-size:11px}.approval-item p{color:#9496a3;margin:4px 0 0;font-size:8px}.approval-item button{background:var(--primary);color:#fff;border:0;border-radius:7px;padding:7px 10px;font-size:8px}.usage-row{justify-content:space-between;padding:9px 0;font-size:10px;display:flex}.usage-bar{background:#eeedf2;border-radius:4px;height:7px;margin:10px 0;overflow:hidden}.usage-bar i{background:#6e66d8;border-radius:4px;height:100%;display:block}.admin-grid small{color:#9396a3;font-size:8px}@media (max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.quick-panel{flex-direction:column;align-items:stretch}.maker-layout{grid-template-columns:1fr}.preview-panel{position:static}.skill-card-grid,.dashboard-columns{grid-template-columns:1fr}}.category-filter{flex-wrap:wrap;gap:8px;margin:0 0 18px;display:flex}.category-filter button,.maker-skill-picker button{color:#656879;background:#fff;border:1px solid #dddce7;border-radius:9px;padding:9px 12px;font-size:10px}.category-filter button.active,.maker-skill-picker button.selected{color:#5c54c8;background:#f2f0ff;border-color:#746cdd;font-weight:700}.category-filter span{color:#9a9cac;margin-left:5px;display:inline-block}.empty-skills{text-align:center;color:#858896;padding:35px;font-size:12px}.maker-skill-picker{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}@media (max-width:760px){.sidebar{width:76px;padding:20px 10px}.brand{padding:0 8px 24px}.brand>span:last-child,.nav-label,.nav-item:not(.active) em,.nav-item{font-size:0}.nav-item{justify-content:center;padding:12px}.nav-item span{font-size:18px}.sidebar-guide,.sidebar-footer{display:none}.workspace{width:calc(100% - 76px);margin-left:76px}.topbar{padding:0 16px}.top-search,.role-select span:nth-child(2){display:none}.mobile-brand{flex:1;font-size:12px;display:block}.content{padding:22px 16px}.notice-bar{padding:8px 16px}.page-heading{flex-direction:column;align-items:flex-start}.metric-grid,.quick-actions,.skill-mini-list,.method-grid,.asset-grid,.admin-grid,.field-grid,.upload-row{grid-template-columns:1fr}.field-grid label.full{grid-column:1}.skill-card{grid-template-columns:1fr}.skill-image{height:230px}.maker-form,.preview-panel{padding:16px}.concept-select{grid-template-columns:1fr 1fr 1fr}.concept-select>span{grid-column:1/-1}.table-panel{overflow-x:auto}table{min-width:680px}}.login-page{background:linear-gradient(135deg,#f1efff,#faf9fc);place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:20px;gap:16px;width:min(420px,100%);padding:34px;display:grid;box-shadow:0 20px 60px #29275118}.login-card h1{margin:0;font-size:20px}.login-card p{color:var(--muted);margin:0 0 10px;font-size:12px}.login-card label,.account-form label{gap:6px;font-size:11px;font-weight:700;display:grid}.login-card input,.account-form input,.account-form select{background:#fff;border:1px solid #dcdbe6;border-radius:9px;width:100%;padding:11px;font-size:13px}.login-card .primary-button{width:100%;padding:13px}.login-error{color:#b33b42;font-size:12px}.role-select select{display:none}.logout-button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 10px;font-size:10px}.account-panel{padding:22px}.account-panel h2{margin:0 0 18px;font-size:16px}.account-form{grid-template-columns:1fr 1fr;gap:14px;display:grid}.account-form button{grid-column:1/-1}.account-message{color:#625aca;font-size:11px}.account-list>div{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.account-list b,.account-list small{display:block}.account-list small{color:var(--muted);margin-top:4px;font-size:10px}.account-actions{flex-wrap:wrap;gap:5px;display:flex}.account-actions button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:6px 8px;font-size:9px}.reset-form{gap:6px;width:100%;display:flex}.reset-form input{border:1px solid var(--line);border-radius:7px;flex:1;min-width:100px;padding:8px;font-size:11px}.reset-form button{background:var(--primary);color:#fff;border:0;border-radius:7px;padding:8px 12px;font-size:10px}@media (max-width:760px){.account-form{grid-template-columns:1fr}.account-list>div{flex-direction:column;align-items:flex-start}}.create-steps{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.create-steps>section{padding:23px}.create-steps>section:last-child{grid-column:1/-1}.create-steps h2{margin:0 0 14px;font-size:16px}.create-steps p{color:var(--muted);font-size:12px;line-height:1.6}.create-steps small{color:var(--muted);margin-top:10px;font-size:10px;display:block}.method-options{gap:9px;display:grid}.method-options button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:10px;padding:13px}.method-options button.selected{border-color:var(--primary);background:#f5f3ff}.method-options b{font-size:12px;display:block}.method-options small{margin:5px 0 0}.create-actions{flex-wrap:wrap;gap:10px;display:flex}.secondary-button{color:#5049b7;background:#fff;border:1px solid #d8d6ea;border-radius:10px;padding:11px 16px;font-size:12px;font-weight:700;text-decoration:none}.create-steps textarea{resize:vertical;border:1px solid #dcdbe6;border-radius:10px;width:100%;padding:13px;font:12px/1.5 ui-monospace,SFMono-Regular,monospace}.create-steps form>button{margin-top:11px}.custom-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.custom-skill-card{padding:20px}.custom-skill-card h2{margin:6px 0;font-size:17px}.custom-skill-card p{color:var(--muted);min-height:32px;font-size:11px;line-height:1.5}.custom-skill-card small{color:var(--muted);font-size:10px}.custom-skill-actions{flex-wrap:wrap;gap:7px;margin-top:15px;display:flex}.custom-skill-actions button{color:#554dc4;background:#fff;border:1px solid #d8d6ea;border-radius:8px;padding:8px 10px;font-size:10px}.custom-skill-actions button.selected{background:var(--primary);color:#fff}.custom-preview{max-width:600px;margin:0 0 20px;padding:20px}.custom-preview>div{justify-content:space-between;align-items:center;display:flex}.custom-preview h2{font-size:16px}.custom-preview img{width:100%;max-width:450px;margin:0 auto;display:block}.custom-preview p{color:var(--muted);font-size:11px}.custom-upload{gap:7px;margin:20px 0;font-size:11px;font-weight:700;display:grid}.custom-upload input{border:1px solid var(--line);border-radius:8px;padding:10px}.custom-upload small{color:var(--muted);font-weight:400}.custom-product-input{margin:20px 0}.asset-picker-icon{color:#746bd7;background:#f3f1ff;border-radius:8px;place-items:center;width:82px;height:82px;font-size:26px;display:grid;flex:none!important}.asset-browser{min-width:0}.asset-browser-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.asset-browser-head h2{margin:0;font-size:18px}.asset-browser-head small{color:var(--muted)}.folder-create{gap:8px;display:flex}.folder-create input{border:1px solid var(--line);background:#fff;border-radius:9px;min-width:180px;padding:10px 12px}.folder-create .primary-button,.asset-browser-head .primary-button{white-space:nowrap;border-radius:9px;padding:10px 13px;font-size:11px}.folder-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:15px;display:grid}.folder-card{position:relative;overflow:hidden}.folder-open{text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;width:100%;padding:12px 12px 16px;display:flex}.folder-cover{color:#8078df;background:#f1f0f6;border-radius:9px;place-items:center;width:100%;height:130px;font-size:32px;display:grid;overflow:hidden}.folder-cover img{object-fit:contain;width:100%;height:100%}.folder-open b{overflow-wrap:anywhere;margin-top:12px;font-size:13px}.folder-open small{color:var(--muted);margin-top:4px}.folder-delete{color:#a44a50;cursor:pointer;background:#fff0f0;border:0;border-radius:6px;padding:5px 8px;font-size:10px;position:absolute;bottom:12px;right:12px}.folder-back{color:var(--primary);cursor:pointer;background:0 0;border:0;padding:0 0 8px;font-weight:700}.asset-hint{color:var(--muted);margin:0 0 14px;font-size:11px}.asset-thumbnail-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px;display:grid}.asset-thumb-card{padding:6px;position:relative}.asset-thumb-card>button:first-child{aspect-ratio:1;cursor:pointer;background:#f3f2f7;border:0;border-radius:8px;place-items:center;width:100%;display:grid;overflow:hidden}.asset-thumb-card img{object-fit:contain;width:100%;height:100%}.asset-thumb-card>button:first-child:hover{outline:2px solid var(--primary)}.asset-thumb-delete{color:#a44a50;cursor:pointer;background:#fff;border:0;border-radius:50%;width:23px;height:23px;position:absolute;top:10px;right:10px;box-shadow:0 2px 8px #0002}.asset-large-preview{justify-items:start;gap:8px;margin-top:18px;padding:15px;display:grid}.asset-large-preview img{object-fit:contain;max-width:100%;max-height:420px}.asset-large-preview small{color:var(--muted)}.asset-modal-backdrop{z-index:100;background:#17172cb3;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.asset-modal{width:min(850px,100%);max-height:min(85vh,850px);padding:22px;overflow-y:auto}.asset-modal-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.asset-modal-head h2{margin:0;font-size:18px}.asset-modal-head button{cursor:pointer;background:#f2f1f5;border:0;border-radius:7px;width:30px;height:30px;font-size:20px}@media (max-width:760px){.asset-browser-head{flex-direction:column;align-items:stretch}.folder-create{flex-wrap:wrap}.folder-create input{flex:1}.asset-modal{padding:14px}.folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-thumbnail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.format-options{margin:19px 0}.format-options>b{margin-bottom:8px;font-size:11px;display:block}.format-options>div{flex-wrap:wrap;gap:8px;display:flex}.format-options button{color:#55596b;background:#fff;border:1px solid #dcdbe6;border-radius:10px;flex:1;min-width:120px;padding:10px;font-size:11px;font-weight:700}.format-options button.selected{border-color:var(--primary);color:var(--primary);background:#f2f0ff}.format-options button small{color:#888b99;margin-top:3px;font-size:9px;font-weight:400;display:block}@media (max-width:760px){.create-steps,.custom-skill-grid{grid-template-columns:1fr}.create-steps>section:last-child{grid-column:auto}}