.l1-launch{width:100%;height:100vh;background:#080810;display:flex;flex-direction:column;overflow:hidden;position:relative}.l1-bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(67,97,238,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(67,97,238,.04) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%)}.l1-bg-glow{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none}.l1-bg-glow--1{width:700px;height:700px;top:-200px;left:-150px;background:radial-gradient(circle,rgba(67,97,238,.18) 0%,transparent 70%)}.l1-bg-glow--2{width:600px;height:600px;bottom:-180px;right:-120px;background:radial-gradient(circle,rgba(76,201,240,.12) 0%,transparent 70%)}.l1-bg-dots{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.06) 1px,transparent 1px);background-size:32px 32px;opacity:.5}.l1-header{width:100%;height:64px;padding:0 48px;display:flex;align-items:center;justify-content:flex-end;position:relative;z-index:10}.l1-nav{display:flex;align-items:center;gap:12px}.l1-nav-btn{padding:7px 18px;background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#ffffff80;font-size:13.5px;font-weight:500;cursor:pointer;transition:all .2s ease-out;white-space:nowrap}.l1-nav-btn:hover:not(:disabled){background:#ffffff0a;border-color:#ffffff26;color:#ffffffc7}.l1-nav-btn--disabled{cursor:not-allowed;opacity:.4}.l1-nav-btn--disabled:hover{background:transparent;border-color:#ffffff14;color:#ffffff80}.l1-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:48px;padding:36px 48px;position:relative;z-index:5}.l1-hero{text-align:center;max-width:740px;display:flex;flex-direction:column;align-items:center;gap:8px}.l1-brand-title{font-size:58px;font-weight:800;letter-spacing:-1.2px;line-height:1.15;margin:0;background:linear-gradient(135deg,#a5b4fc,#6366f1 30%,#4cc9f0 70%,#67e8f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.l1-hero-title{font-size:44px;font-weight:700;letter-spacing:-.7px;line-height:1.25;margin:0;background:linear-gradient(135deg,#fffffff0,#a5b4fce0 40%,#4cc9f0d1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.l1-slogan{font-size:16.5px;color:#ffffff73;line-height:1.65;font-weight:400;margin:6px 0 0;max-width:580px}.l1-cta{padding:14px 52px;background:linear-gradient(135deg,#4361ee,#4cc9f0);border:none;border-radius:10px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .24s cubic-bezier(.2,.8,.2,1);box-shadow:0 6px 24px #4361ee4d;letter-spacing:.3px;margin-top:6px}.l1-cta:hover{transform:translateY(-2px);box-shadow:0 10px 32px #4361ee66;background:linear-gradient(135deg,#5570f0,#5dd4f4)}.l1-cta:active{transform:translateY(0)}.l1-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:900px;width:100%}.l1-card{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.06);border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:28px 22px;display:flex;flex-direction:column;align-items:center;gap:14px;transition:all .28s ease-out;position:relative;overflow:hidden;text-align:center}.l1-card:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(67,97,238,.3),transparent);opacity:0;transition:opacity .28s ease-out}.l1-card:hover{border-color:#ffffff1f;background:linear-gradient(135deg,#ffffff0d,#ffffff05);transform:translateY(-3px)}.l1-card:hover:after{opacity:1}.l1-card__icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#4361ee1f,#4cc9f00f);border:1px solid rgba(67,97,238,.15);display:flex;align-items:center;justify-content:center;color:#4cc9f0;flex-shrink:0;opacity:.85}.l1-card__icon svg{width:20px;height:20px}.l1-card__body{display:flex;flex-direction:column;align-items:center;gap:6px}.l1-card__body h3{font-size:15px;font-weight:600;color:#ffffffdb;margin:0;letter-spacing:.2px}.l1-card__body p{font-size:12.8px;color:#ffffff61;line-height:1.55;margin:0;font-weight:400;max-width:220px}.l1-footer{width:100%;padding:24px 48px;display:flex;align-items:center;justify-content:center;position:relative;z-index:10}.l1-footer__nav{display:flex;align-items:center;gap:12px}.l1-footer__link{color:#ffffff73;text-decoration:none;font-size:14px;font-weight:400;transition:color .2s ease-out;padding:4px 8px;border-radius:4px;background:transparent;border:none;cursor:pointer;font-family:inherit}.l1-footer__link--disabled{cursor:not-allowed;opacity:.35}.l1-footer__link--disabled:hover{color:#ffffff73}.l1-footer__link--active{cursor:pointer}.l1-footer__link--active:hover{color:#ffffffb8}.l1-footer__sep{color:#fff3;font-size:12px;-webkit-user-select:none;user-select:none}.l1-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100;animation:l1-modal-fade-in .18s ease-out}@keyframes l1-modal-fade-in{0%{opacity:0}to{opacity:1}}.l1-modal{width:380px;background:linear-gradient(145deg,#141624f5,#0e101cfa);border:1px solid rgba(255,255,255,.1);border-radius:18px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 24px 64px #00000080,0 0 1px #ffffff1a inset;overflow:hidden}.l1-modal__header{padding:24px 24px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06)}.l1-modal__title{margin:0;font-size:17px;font-weight:600;color:#ffffffe6;letter-spacing:.3px}.l1-modal__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#ffffff73;cursor:pointer;transition:all .18s ease-out}.l1-modal__close:hover{background:#ffffff14;border-color:#ffffff26;color:#ffffffbf}.l1-modal__body{padding:24px;display:flex;flex-direction:column;align-items:center;gap:20px}.l1-modal__desc{margin:0;font-size:14px;color:#fff9;line-height:1.6;text-align:center;font-weight:400}.l1-modal__qr{width:200px;height:200px;border:1px dashed rgba(255,255,255,.15);border-radius:12px;display:flex;align-items:center;justify-content:center;background:#ffffff05}.l1-modal__qr-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:#ffffff40}.l1-modal__qr-text{font-size:13px;font-weight:500;color:#fff6}.l1-modal__qr-subtext{font-size:11.5px;font-weight:400;color:#ffffff40}.l2-dashboard{width:100%;height:100vh;background:#f8f9fc;display:flex;overflow:hidden}.l2-sidebar{width:260px;background:#fff;border-right:1px solid rgba(15,23,42,.05);display:flex;flex-direction:column;padding:24px 0}.l2-sidebar__logo{padding:16px 28px 32px;border-bottom:1px solid rgba(15,23,42,.05)}.l2-sidebar__logo h2{font-size:24px;font-weight:700;background:linear-gradient(135deg,#4361ee,#4cc9f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.l2-nav{flex:1;padding:20px 12px;display:flex;flex-direction:column;justify-content:space-between}.l2-nav-section{display:flex;flex-direction:column}.l2-nav-section--bottom{margin-top:auto}.l2-nav__list{list-style:none;display:flex;flex-direction:column;gap:3px}.l2-nav__item{display:flex;align-items:center;gap:11px;padding:10px 14px;border-radius:8px;cursor:pointer;color:#64748b;font-size:14px;font-weight:500;transition:all .12s ease-out;position:relative}.l2-nav__item:hover{background:#4361ee0a;color:#374151}.l2-nav__item--active{background:#4361ee12;color:#4361ee;font-weight:600}.l2-nav__item--active .l2-nav__icon{color:#4361ee}.l2-nav__item--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.l2-nav__icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit;opacity:.85}.l2-nav__item:hover .l2-nav__icon,.l2-nav__item--active .l2-nav__icon{opacity:1}.l2-nav__badge{margin-left:auto;font-size:10.5px;padding:2px 7px;background:#94a3b81f;border-radius:999px;color:#94a3b8;font-weight:500}.l2-nav-divider{height:1px;background:#0f172a0d;margin:16px 8px}.l2-sidebar__footer{padding:16px 20px;border-top:1px solid rgba(15,23,42,.05)}.l2-user-info-enhanced{display:flex;align-items:center;gap:10px}.l2-user-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#4361ee,#4cc9f0);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;flex-shrink:0}.l2-user-details{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.l2-user-name{font-size:13px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.l2-user-meta{font-size:11px;color:#94a3b8;font-weight:500;white-space:nowrap}.l2-recharge-btn{padding:5px 12px;background:#4361ee14;border:1px solid rgba(67,97,238,.18);border-radius:6px;color:#4361ee;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease-out;flex-shrink:0;white-space:nowrap}.l2-recharge-btn:hover{background:#4361ee1f;border-color:#4361ee47}.l2-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.l2-header{height:60px;min-height:60px;background:#ffffffb8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(15,23,42,.05);display:flex;align-items:center;justify-content:space-between;padding:0 32px}.l2-header h1{font-size:18px;font-weight:600;color:#374151;letter-spacing:-.2px}.l2-header__actions{display:flex;gap:14px;align-items:center}.l2-primary-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 18px;background:linear-gradient(135deg,#4361ee,#4cc9f0);border:none;border-radius:7px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease-out;white-space:nowrap}.l2-primary-btn:hover{transform:translateY(-1px);box-shadow:0 3px 12px #4361ee38}.l2-primary-btn:active{transform:translateY(0);box-shadow:0 1px 4px #4361ee26}.l2-content{flex:1;overflow-y:auto;padding:24px 32px}.l2-home-hero{background:#fff;border-radius:12px;padding:48px 40px;text-align:center;margin-bottom:24px;box-shadow:0 1px 3px #0f172a0a,0 1px 2px #0f172a08;border:1px solid rgba(15,23,42,.05)}.l2-hero-content h2{font-size:28px;color:#111827;margin-bottom:10px;font-weight:700;line-height:1.3;letter-spacing:-.3px}.l2-hero-subtitle{font-size:15px;color:#64748b;margin-bottom:24px;line-height:1.6}.l2-hero-btn{padding:12px 36px;background:linear-gradient(135deg,#4361ee,#4cc9f0);border:none;border-radius:8px;color:#fff;font-size:14.5px;font-weight:600;cursor:pointer;transition:all .18s ease-out;letter-spacing:.3px}.l2-hero-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #4361ee4d}.l2-hero-btn:active{transform:translateY(0);box-shadow:0 3px 10px #4361ee38}.l2-section{margin-bottom:24px}.l2-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.l2-section-header h3{font-size:17px;color:#111827;font-weight:650;letter-spacing:-.2px}.l2-link-btn{background:none;border:none;color:#94a3b8;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease-out}.l2-link-btn:hover{color:#64748b}.l2-recent-projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.l2-project-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0f172a0a,0 1px 2px #0f172a08;transition:all .18s cubic-bezier(.4,0,.2,1);min-height:160px;border:1px solid rgba(15,23,42,.05)}.l2-project-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0f172a12,0 2px 4px #0f172a0a;border-color:#4361ee1f}.l2-project-card--empty{border:1.5px dashed rgba(148,163,184,.25);background:#f8fafcb3;box-shadow:none}.l2-project-card--empty:hover{border-color:#4361ee2e;background:#f8fafce6;transform:none;box-shadow:none}.l2-empty-state{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:32px 20px}.l2-empty-icon{width:40px;height:40px;opacity:.45;color:#94a3b8}.l2-empty-text{font-size:13.5px;color:#94a3b8;font-weight:500}.l2-template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.l2-template-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0f172a0a,0 1px 2px #0f172a08;transition:all .18s cubic-bezier(.4,0,.2,1);cursor:pointer;border:1px solid rgba(15,23,42,.05)}.l2-template-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0f172a14,0 2px 4px #0f172a0a;border-color:#4361ee1f}.l2-template-img-placeholder{width:100%;height:240px;background:linear-gradient(135deg,#f0f4ff,#e8edff,#f0f4ff);position:relative;overflow:hidden}.l2-template-img-placeholder:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:12px;background:#fff9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1.5px solid rgba(67,97,238,.12)}.l2-template-img-placeholder:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;border:2px solid rgba(67,97,238,.25);border-radius:4px}.l2-template-cover{width:100%;height:240px;object-fit:cover;display:block}.l2-template-cover-fallback .l2-template-img-placeholder{display:flex}.l2-template-cover-fallback .l2-template-cover{display:none}.l2-template-card--loading{pointer-events:none}.l2-template-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 37%,#f0f0f0 63%);background-size:400% 100%;animation:l2-skeleton-shimmer 1.4s ease infinite;border-radius:6px}.l2-template-skeleton--title{height:16px;width:70%;margin-bottom:6px}.l2-template-skeleton--desc{height:14px;width:90%}@keyframes l2-skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.l2-template-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;gap:10px}.l2-template-info{padding:14px 16px}.l2-template-info h4{font-size:14px;color:#111827;font-weight:600;margin-bottom:4px;letter-spacing:-.2px}.l2-template-info p{font-size:12.5px;color:#94a3b8;line-height:1.5}.l2-placeholder-section{background:#fff;border-radius:12px;padding:56px 40px;box-shadow:0 1px 3px #0f172a0a,0 1px 2px #0f172a08;border:1px solid rgba(15,23,42,.05)}.l2-placeholder-content{text-align:center;max-width:680px;margin:0 auto}.l2-placeholder-icon{margin-bottom:16px;opacity:.35;color:#94a3b8}.l2-placeholder-content h2{font-size:28px;color:#111827;margin-bottom:10px;font-weight:700;letter-spacing:-.3px}.l2-placeholder-desc{font-size:14.5px;color:#64748b;line-height:1.7;margin-bottom:32px}.l2-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:36px;text-align:left}.l2-feature-item{display:flex;align-items:flex-start;gap:12px;padding:18px;background:#f8fafc;border-radius:10px;transition:all .18s ease-out;border:1px solid transparent}.l2-feature-item:hover{background:#f1f5f9;transform:translateY(-1px);border-color:#4361ee14}.l2-feature-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;box-shadow:0 1px 2px #0f172a0a;flex-shrink:0;color:#64748b}.l2-feature-item h4{font-size:14px;color:#111827;font-weight:600;margin-bottom:3px;letter-spacing:-.1px}.l2-feature-item p{font-size:12.5px;color:#94a3b8;line-height:1.5}.l2-action-btn-secondary{padding:11px 28px;background:#fff;border:1.5px solid rgba(67,97,238,.18);border-radius:8px;color:#4361ee;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .18s ease-out;letter-spacing:.2px}.l2-action-btn-secondary:hover{background:#4361ee0a;border-color:#4361ee;transform:translateY(-1px)}.l2-action-btn-secondary:active{transform:translateY(0)}.l2-projects-section{padding:20px 0;min-height:400px}.l2-projects-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:72px 20px;text-align:center}.loading-spinner{width:36px;height:36px;border:2.5px solid rgba(67,97,238,.1);border-top-color:#4361ee;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.l2-projects-loading p{margin-top:14px;color:#64748b;font-size:14px}.l2-projects-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:72px 20px;text-align:center}.error-icon{margin-bottom:14px;opacity:.5;color:#f59e0b}.l2-projects-error p{color:#64748b;font-size:14px;margin-bottom:18px;max-width:340px;line-height:1.6}.l2-projects-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:72px 20px;text-align:center}.empty-icon{margin-bottom:16px;opacity:.35;color:#94a3b8}.l2-projects-empty h3{font-size:20px;font-weight:600;color:#111827;margin:0 0 10px;letter-spacing:-.2px}.l2-projects-empty p{color:#94a3b8;font-size:14px;line-height:1.6;margin:0 0 24px;max-width:380px}.l2-projects-list{width:100%}.l2-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding:6px 0}.l2-project-card{background:#fff;border-radius:12px;border:1px solid rgba(15,23,42,.06);padding:18px;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;display:flex;flex-direction:column;overflow:visible}.l2-project-card:hover{border-color:#4361ee33;box-shadow:0 6px 20px #4361ee14,0 2px 4px #0f172a08;transform:translateY(-3px)}.l2-project-card:active{transform:translateY(-1px);box-shadow:0 3px 10px #4361ee0f}.l2-project-thumbnail{width:100%;height:150px;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#f8fafc,#f1f5f9);margin-bottom:14px}.l2-project-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.l2-project-thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:.4;color:#94a3b8}.l2-project-info{flex:1;display:flex;flex-direction:column;gap:8px}.l2-project-name{font-size:15.5px;font-weight:600;color:#111827;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4;letter-spacing:-.2px}.l2-project-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.l2-project-status{display:inline-flex;align-items:center;padding:3px 9px;border-radius:5px;font-size:11.5px;font-weight:500;line-height:1.4}.status-draft{background:#f1f5f9;color:#64748b}.status-saved{background:#ecfdf5;color:#059669}.status-archived{background:#fffbeb;color:#d97706}.l2-project-date{font-size:12.5px;color:#94a3b8}.l2-project-actions{margin-top:14px;padding-top:14px;border-top:1px solid rgba(15,23,42,.05);display:flex;align-items:center;gap:10px;overflow:visible}.l2-action-btn-primary{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;background:#4361ee;border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s ease-out;flex-shrink:0;line-height:1}.l2-action-btn-primary svg{display:block;flex-shrink:0}.l2-action-btn-primary:hover{background:#3651d5;transform:translateY(-1px);box-shadow:0 2px 8px #4361ee33}.l2-action-btn-primary:active{transform:translateY(0)}.l2-project-more-wrapper{position:relative;margin-left:auto}.l2-project-more-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid transparent;border-radius:6px;color:#94a3b8;cursor:pointer;transition:all .15s ease-out}.l2-project-more-btn:hover{background:#f1f5f9;color:#475569;border-color:#0f172a0f}.l2-project-more-menu{position:absolute;right:calc(100% + 12px);bottom:0;min-width:170px;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:10px;box-shadow:0 10px 30px #0f172a1a,0 2px 6px #0f172a0a;padding:4px;z-index:80;animation:menuSlideLeft .15s ease-out}@keyframes menuSlideLeft{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.l2-menu-item{display:block;width:100%;padding:9px 14px;background:transparent;border:none;border-radius:6px;color:#334155;font-size:13.5px;font-weight:500;text-align:left;cursor:pointer;transition:background .12s ease-out}.l2-menu-item:hover{background:#f1f5f9}.l2-menu-item--danger{color:#dc2626}.l2-menu-item--danger:hover{background:#fef2f2}.l2-rename-input-row{display:flex;align-items:center;gap:6px}.l2-rename-input{flex:1;padding:6px 10px;font-size:14px;font-weight:500;color:#111827;background:#f8fafc;border:1.5px solid #4361ee;border-radius:6px;outline:none;box-shadow:0 0 0 3px #4361ee14}.l2-rename-input:focus{border-color:#4361ee}.l2-rename-btn-save,.l2-rename-btn-cancel{flex-shrink:0;padding:5px 10px;font-size:12.5px;font-weight:500;border:none;border-radius:5px;cursor:pointer;transition:background .12s ease-out}.l2-rename-btn-save{background:#4361ee;color:#fff}.l2-rename-btn-save:hover{background:#3651d5}.l2-rename-btn-cancel{background:#f1f5f9;color:#64748b}.l2-rename-btn-cancel:hover{background:#e2e8f0}.l2-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:200;animation:overlayFadeIn .15s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.l2-confirm-dialog{background:#fff;border-radius:14px;padding:24px 28px;max-width:400px;width:90%;box-shadow:0 20px 50px #0f172a26,0 4px 12px #0f172a0f;animation:dialogSlideIn .2s cubic-bezier(.4,0,.2,1)}@keyframes dialogSlideIn{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.l2-confirm-dialog h4{font-size:16px;font-weight:600;color:#111827;margin:0 0 10px}.l2-confirm-dialog p{font-size:13.5px;color:#64748b;line-height:1.6;margin:0 0 20px}.l2-confirm-error{color:#dc2626;font-size:13px;margin:0 0 14px}.l2-confirm-actions{display:flex;justify-content:flex-end;gap:10px}.l2-action-btn-danger{padding:9px 18px;background:#dc2626;border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease-out}.l2-action-btn-danger:hover{background:#b91c1c;transform:translateY(-1px)}.l2-action-btn-danger:active{transform:translateY(0)}.l2-create-error{display:inline-block;color:#dc2626;font-size:13px;font-weight:500;padding:6px 12px;background:#fef2f2;border-radius:6px;margin-bottom:10px}@media (max-width: 768px){.l2-projects-grid{grid-template-columns:1fr;gap:14px;padding:0}.l2-project-card{padding:14px}.l2-project-thumbnail{height:130px}.l2-projects-section{padding:12px 0}}@media (min-width: 769px) and (max-width: 1024px){.l2-projects-grid{grid-template-columns:repeat(2,1fr)}}.tpl-loading{text-align:center;padding:48px 0}.tpl-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#4361ee;border-radius:50%;animation:tpl-spin .7s linear infinite;margin:0 auto 14px}@keyframes tpl-spin{to{transform:rotate(360deg)}}.tpl-loading p{color:#64748b;font-size:14px}.tpl-empty{text-align:center;padding:48px 0}.tpl-empty-icon{color:#94a3b8;margin-bottom:14px}.tpl-empty-text{color:#64748b;font-size:14.5px;margin-bottom:20px}.tpl-retry-btn{padding:9px 24px;background:#4361ee;color:#fff;border:none;border-radius:8px;font-size:13.5px;font-weight:600;cursor:pointer;transition:background .18s ease-out}.tpl-retry-btn:hover{background:#3651d4}.tpl-cache-note{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;font-size:12.5px;color:#166534;margin-bottom:20px;width:fit-content}.tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:12px}.tpl-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;transition:all .18s ease-out}.tpl-card:hover{border-color:#cbd5e1;box-shadow:0 4px 16px #0f172a0f;transform:translateY(-2px)}.tpl-card-cover{position:relative;width:100%;height:200px;background:#f1f5f9;overflow:hidden}.tpl-card-cover img{width:100%;height:100%;object-fit:cover}.tpl-card-cover-fallback{display:flex;align-items:center;justify-content:center}.tpl-card-cover-fallback:after{content:"暂无封面";color:#94a3b8;font-size:13px}.tpl-card-badge{position:absolute;top:10px;left:10px;padding:3px 10px;background:#0f172ab3;color:#fff;font-size:11.5px;font-weight:600;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tpl-card-body{padding:16px}.tpl-card-name{font-size:15.5px;font-weight:700;color:#111827;margin-bottom:6px;letter-spacing:-.1px}.tpl-card-desc{font-size:12.5px;color:#64748b;line-height:1.55;margin-bottom:12px}.tpl-card-meta{display:flex;align-items:center;gap:10px;margin-bottom:14px;font-size:12px}.tpl-card-mode{padding:2px 8px;background:#eff6ff;color:#3b82f6;border-radius:5px;font-weight:600}.tpl-card-params{color:#94a3b8}.tpl-card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f1f5f9;padding-top:12px}.tpl-card-version{font-size:11.5px;color:#cbd5e1}.tpl-card-action{padding:6px 16px;background:#4361ee;color:#fff;border:none;border-radius:6px;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .18s ease-out}.tpl-card-action:hover{background:#3651d4}.tpl-back-row{text-align:center;margin-top:32px}.tpl-load-more-row{display:flex;justify-content:center;padding:20px 0 4px}.tpl-load-more-btn{padding:10px 32px;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;border-radius:8px;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .18s ease-out}.tpl-load-more-btn:hover:not(:disabled){background:#e2e8f0;color:#334155}.tpl-load-more-btn:disabled{opacity:.6;cursor:not-allowed}.tpl-load-more-done{color:#94a3b8;font-size:13px}.l3-project-detail-readonly{margin-top:8px}.l3-project-detail-readonly__summary{cursor:pointer;padding:6px 10px;font-size:13px;font-weight:500;color:#ffffffd9;background:#ffffff0a;border-radius:4px;-webkit-user-select:none;user-select:none}.l3-project-detail-readonly__summary:hover{background:#ffffff14}.l3-project-detail-readonly__body{padding:10px 12px;display:flex;flex-direction:column;gap:8px}.l3-project-detail-readonly__actions{display:flex;align-items:center;gap:8px}.l3-project-detail-readonly__input{flex:1;min-width:200px;padding:4px 8px;font-size:12px;background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:4px;outline:none;transition:border-color .15s}.l3-project-detail-readonly__input:focus{border-color:#64b4ff80}.l3-project-detail-readonly__input::placeholder{color:#ffffff59}.l3-project-detail-readonly__button{flex-shrink:0}.l3-project-detail-readonly__status{display:flex;align-items:center;gap:8px;padding:4px 0}.l3-project-detail-readonly__loading{color:#f0c040;font-size:12px}.l3-project-detail-readonly__error{color:#f06060;font-size:12px}.l3-project-detail-readonly__summary-grid{display:flex;flex-direction:column;gap:4px;padding-top:4px;border-top:1px solid rgba(255,255,255,.06)}.l3-project-detail-readonly__item{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.5}.l3-project-detail-readonly__code{font-size:11px;color:#ffffff8c;background:#0003;padding:1px 6px;border-radius:3px;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.l3-project-detail-readonly__time{font-size:11px;opacity:.65}.l3-project-detail-readonly__notice{margin-top:6px;padding:6px 10px;font-size:11px;color:#f0c850bf;background:#f0c85014;border:1px solid rgba(240,200,80,.15);border-radius:4px}.project-list-readonly-panel{margin-top:16px;border:1px solid var(--l3-border, #e0e0e0);border-radius:8px;overflow:hidden;background:var(--l3-bg-secondary, #fafafa)}.project-list-readonly-panel__summary{padding:10px 14px;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--l3-bg-tertiary, #f0f0f0)}.project-list-readonly-panel__body{padding:12px 14px}.project-list-readonly-panel__notice{padding:6px 10px;background:var(--l3-info-bg, #e8f4fd);color:var(--l3-info-text, #1565c0);border-radius:4px;font-size:12px;line-height:1.5;margin-bottom:10px}.project-list-readonly-panel__actions{display:flex;gap:8px;align-items:center;margin-bottom:10px}.project-list-readonly-panel__load-btn{flex-shrink:0}.project-list-readonly-panel__status{display:flex;gap:4px;align-items:center;margin-bottom:8px;font-size:13px}.project-list-readonly-panel__loading{color:var(--l3-text-muted, #888);font-style:italic}.project-list-readonly-panel__error{color:var(--l3-error-color, #c00);word-break:break-word}.project-list-readonly-panel__empty{text-align:center;padding:20px;color:var(--l3-text-muted, #999);font-size:13px}.project-list-readonly-panel__table{width:100%;border-collapse:collapse;font-size:12px;margin-bottom:10px}.project-list-readonly-panel__table th,.project-list-readonly-panel__table td{padding:7px 8px;border-bottom:1px solid var(--l3-border-light, #eee);text-align:left;vertical-align:middle}.project-list-readonly-panel__table th{background:var(--l3-bg-tertiary, #f5f5f5);font-weight:600;white-space:nowrap}.project-list-readonly-panel__table tbody tr{cursor:pointer;transition:background .15s}.project-list-readonly-panel__table tbody tr:hover{background:var(--l3-hover-bg, #f0f7ff)}.project-list-readonly-panel__name{display:flex;align-items:center;gap:6px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-list-readonly-panel__thumb{width:28px;height:28px;object-fit:cover;border-radius:4px;border:1px solid var(--l3-border-light, #ddd);flex-shrink:0}.project-list-readonly-panel__thumb-placeholder{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:var(--l3-bg-tertiary, #f0f0f0);border-radius:4px;border:1px solid var(--l3-border-light, #ddd);flex-shrink:0;font-size:14px}.project-list-readonly-panel__code{font-size:11px;color:var(--l3-text-muted, #777);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.project-list-readonly-panel__time{font-size:11px;color:var(--l3-text-muted, #888);white-space:nowrap}.project-list-readonly-panel__pagination{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid var(--l3-border-light, #eee);font-size:12px;color:var(--l3-text-muted, #666)}.project-list-readonly-panel__page-controls{display:flex;gap:6px}.l3-project-save-draft{display:flex;flex-direction:column;gap:10px}.l3-project-save-draft__summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;padding:10px;background:#6366f114;border:1px solid rgba(99,102,241,.2);border-radius:6px}.l3-project-save-draft__item{font-size:11px;font-weight:600;color:#6366f1f2;padding:4px 8px;background:#6366f10f;border-radius:4px}.l3-project-save-draft__warnings{display:flex;flex-direction:column;gap:6px}.l3-project-save-draft__warning{padding:6px 10px;font-size:10px;border-radius:4px;line-height:1.4}.l3-project-save-draft__warning--info{color:#3b82f6f2;background:#3b82f61a;border-left:3px solid rgba(59,130,246,.5)}.l3-project-save-draft__warning--warning{color:#f59e0bf2;background:#f59e0b1a;border-left:3px solid rgba(245,158,11,.5)}.l3-project-save-draft__warning--error{color:#ef4444f2;background:#ef44441a;border-left:3px solid rgba(239,68,68,.5)}.l3-project-save-draft__json{padding:10px;background:#00000040;border:1px solid rgba(255,255,255,.08);border-radius:6px}.l3-project-save-draft__actions{display:flex;gap:8px;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(99,102,241,.15)}.l3-project-save-draft__save-btn{padding:8px 20px;font-size:13px;font-weight:600;color:#fff;background:linear-gradient(135deg,#6366f1d9,#4f46e5bf);border:1px solid rgba(99,102,241,.5);border-radius:6px;cursor:pointer;transition:all .2s ease}.l3-project-save-draft__save-btn:hover:not(:disabled){background:linear-gradient(135deg,#6366f1f2,#4f46e5d9);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.l3-project-save-draft__save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.l3-project-save-draft__reset-btn{padding:6px 14px;font-size:11px;font-weight:600;color:#9ca3aff2;background:#6b728033;border:1px solid rgba(107,114,128,.3);border-radius:4px;cursor:pointer;transition:all .2s ease}.l3-project-save-draft__reset-btn:hover{color:#fff;background:#6b728059;border-color:#6b728080}.l3-project-save-draft__save-status{padding:10px 14px;margin-bottom:12px;font-size:12px;font-weight:500;line-height:1.5;border-radius:6px}.l3-project-save-draft__save-status--success{color:#10b981f2;background:#10b9811a;border:1px solid rgba(16,185,129,.25)}.l3-project-save-draft__save-status--error{color:#ef4444f2;background:#ef44441a;border:1px solid rgba(239,68,68,.25)}.l3-mock-credit-warning-title{font-weight:600;font-size:12px;color:#f87171;margin-bottom:6px}.l3-mock-credit-warning-detail{font-size:11px;color:#ffffffb3;line-height:1.6;margin-bottom:10px}.l3-mock-credit-warning-actions{display:flex;gap:8px;flex-wrap:wrap}.l3-mock-credit-notice{margin-top:10px;padding:8px 12px;background:#6b728026;border-radius:6px;font-size:10.5px;color:#d1d5dbe6;line-height:1.5}.l3-mock-credit-notice button{margin-top:6px;padding:2px 10px;font-size:10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#ffffffb3;cursor:pointer}.l3-mock-credit-notice button:hover{background:#fff3}.l3-mock-credit-balance{display:flex;align-items:center;gap:6px;padding:6px 8px;margin-bottom:8px;background:#ffffff05;border-radius:6px;font-size:10.5px;color:#ffffffb3}.l3-mock-credit-label{color:#ffffff80}.l3-mock-credit-sep{color:#fff3}.l3-mock-credit-status{margin-left:auto;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600}.l3-mock-credit-status--ok{background:#22c55e26;color:#4ade80}.l3-mock-credit-status--low{background:#ef444426;color:#f87171}.l3-mock-credit-warning-inline{margin-bottom:10px;padding:10px 12px;background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:6px}.l3-mock-credit-test-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.l3-credit-fallback-warning{margin-bottom:10px;padding:8px 12px;background:#fb923c14;border:1px solid rgba(251,146,60,.25);border-radius:6px;color:#fbbf24e6;font-size:11px}.l3-credit-fallback-hint{margin-bottom:10px;padding:8px 12px;background:#fb923c14;border-left:2px solid rgba(251,146,60,.4);border-radius:4px;color:#fbbf24e6;font-size:11px}.l3-credit-precheck{margin-bottom:10px}.l3-credit-precheck-balance{display:flex;align-items:center;gap:6px;padding:6px 8px;margin-bottom:8px;background:#ffffff05;border-radius:6px;font-size:10.5px;color:#ffffffb3}.l3-credit-precheck-label{color:#ffffff80}.l3-credit-precheck-sep{color:#fff3}.l3-credit-precheck-status{margin-left:auto;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600}.l3-credit-precheck-status--ok{background:#22c55e26;color:#4ade80}.l3-credit-precheck-status--low{background:#ef444426;color:#f87171}.l3-credit-precheck-warning{margin-bottom:10px;padding:10px 12px;background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:6px}.l3-credit-precheck-warning-title{font-weight:600;font-size:12px;color:#f87171;margin-bottom:6px}.l3-credit-precheck-warning-detail{font-size:11px;color:#ffffffb3;line-height:1.6;margin-bottom:10px}.l3-credit-precheck-actions{display:flex;gap:8px;flex-wrap:wrap}.l3-credit-precheck-btn{padding:4px 12px;border-radius:4px;font-size:11px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:background .2s}.l3-credit-precheck-btn--recharge{background:#3b82f626;border-color:#3b82f666;color:#60a5fa}.l3-credit-precheck-btn--recharge:hover{background:#3b82f640}.l3-credit-precheck-btn--contact{background:#a855f726;border-color:#a855f766;color:#c084fc}.l3-credit-precheck-btn--contact:hover{background:#a855f740}.l3-credit-precheck-notice{margin-top:10px;padding:8px 12px;background:#6b728026;border-radius:6px;font-size:10.5px;color:#d1d5dbe6;line-height:1.5}.l3-credit-precheck-notice--policy{background:#fb923c14;border-left:2px solid rgba(251,146,60,.4);color:#fbbf24e6}.l3-credit-precheck-notice button{margin-top:6px;padding:2px 10px;font-size:10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#ffffffb3;cursor:pointer}.l3-credit-precheck-notice button:hover{background:#fff3}.l3-credit-dev-tools{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.l3-credit-dev-fallback{margin-bottom:10px;padding:8px 12px;background:#fb923c14;border:1px solid rgba(251,146,60,.25);border-radius:6px;color:#fbbf24e6;font-size:11px}.l3-credit-dev-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.l3-credit-dev-label{font-size:10.5px;color:#ffffff80}.l3-credit-dev-value{font-size:10.5px;color:#ffffffb3;font-family:monospace}.l3-credit-dev-value--active{color:#fbbf24}.l3-credit-dev-btn{padding:3px 10px;border-radius:4px;font-size:10px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:background .2s}.l3-credit-dev-btn--danger{background:#ef44441a;border-color:#ef444440;color:#f87171}.l3-credit-dev-btn--danger:hover{background:#ef44442e}.l3-credit-dev-btn--warning{background:#fb923c1a;border-color:#fb923c40;color:#fb923c}.l3-credit-dev-btn--warning:hover{background:#fb923c2e}.l3-credit-dev-hint{font-size:10px;color:#9ca3afcc;font-family:monospace}.l3-generated-nodes-container{display:flex;flex-direction:column;gap:12px}.l3-generated-canvas-node{background:#6366f114;border:1px solid rgba(99,102,241,.25);border-radius:8px;padding:8px;overflow:hidden}.l3-generated-canvas-node__image{display:block;background:#0000004d;border-radius:4px}.l3-generated-canvas-node__image-container{border-radius:4px;overflow:hidden;background:#0003}.l3-generated-canvas-node__image-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:80px;font-size:12px;font-weight:500;border-radius:4px;text-align:center}.l3-generated-canvas-node__image-fallback--error{color:#ef4444d9;background:#ef444414}.l3-generated-canvas-node__image-fallback--blocked{color:#fbbf24d9;background:#fbbf2414}.l3-generated-canvas-node__image-fallback--pending{color:#9ca3afd9;background:#9ca3af14}.l3-generated-canvas-node__badge{margin-top:6px;padding:4px 8px;font-size:11px;font-weight:600;color:#6366f1f2;background:#6366f11f;border-radius:4px;text-align:center}.l3-generated-canvas-node__info{margin-top:4px;font-size:10px;color:#ffffff80;text-align:center}.l3-generated-canvas-node__actions{margin-top:8px;padding-top:6px;border-top:1px solid rgba(99,102,241,.15);display:flex;justify-content:center}.l3-generated-canvas-node__remove-btn{padding:4px 12px;font-size:11px;font-weight:600;color:#fff;background:linear-gradient(135deg,#ef4444cc,#dc2626b3);border:1px solid rgba(239,68,68,.4);border-radius:4px;cursor:pointer;transition:all .2s ease}.l3-generated-canvas-node__remove-btn:hover{background:linear-gradient(135deg,#ef4444f2,#dc2626d9);border-color:#ef444499;transform:translateY(-1px)}.l3-generated-canvas-node__remove-btn:active{transform:translateY(0)}.l3-generated-canvas-node__stats{padding:8px 12px;margin-bottom:10px;font-size:11px;font-weight:600;color:#6366f1f2;background:#6366f114;border:1px solid rgba(99,102,241,.2);border-radius:6px;text-align:center}.l3-generated-canvas-node__consistency-warning{padding:8px 12px;margin-bottom:10px;font-size:11px;color:#f59e0bf2;background:#f59e0b14;border:1px solid rgba(245,158,11,.25);border-radius:6px;text-align:center}.l3-generated-canvas-node__relation{margin-top:6px;padding:4px 8px;font-size:11px;font-weight:600;border-radius:4px;text-align:center}.l3-generated-canvas-node__relation--ok{color:#10b981f2;background:#10b9811f}.l3-generated-canvas-node__relation--warning{color:#f59e0bf2;background:#f59e0b1f}.l3-generated-canvas-node__meta{margin-top:4px;padding:4px 8px;font-size:10px;color:#ffffff8c;background:#00000026;border-radius:4px;line-height:1.5;word-break:break-all}.l3-canvas-absolute-node{cursor:move;border:2px solid transparent;border-radius:4px;overflow:hidden;background:transparent;transition:border-color .15s ease,box-shadow .15s ease;z-index:1;display:flex;align-items:stretch;justify-content:stretch;outline:none;padding:0}.l3-canvas-absolute-node--selected{border-color:#4fc3f7;box-shadow:0 0 0 2px #4fc3f740,0 4px 16px #0000004d;z-index:2}.l3-canvas-absolute-node--dragging{opacity:.85;z-index:3;box-shadow:0 8px 32px #00000080}.icn-image-wrapper{width:100%;height:100%;display:flex;align-items:stretch;justify-content:stretch;overflow:hidden}.icn-image{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.icn-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#1a1a2ee6;color:#888;font-size:12px}.icn-placeholder__icon{font-size:24px;opacity:.6}.icn-placeholder__name{opacity:.7}.icn-resize-handle{position:absolute;right:-4px;bottom:-4px;width:16px;height:16px;cursor:nwse-resize;z-index:10;background:#4fc3f7;border:2px solid #1a1a2e;border-radius:3px;opacity:.9;transition:opacity .15s ease,transform .15s ease}.icn-resize-handle:hover{opacity:1;transform:scale(1.15)}.icn-top-menu{position:absolute;display:flex;align-items:center;gap:1px;padding:5px 6px;background:#1a1a2ef2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 4px 16px #00000080;z-index:100;transform:translate(-50%);animation:icn-top-menu-fade-in .15s ease-out;pointer-events:auto}@keyframes icn-top-menu-fade-in{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.icn-top-menu__item{display:flex;align-items:center;gap:3px;padding:4px 7px;cursor:pointer;transition:background .12s ease,color .12s ease;border:none;background:none;color:#e0e0e0;font-size:12px;border-radius:6px;white-space:nowrap;line-height:1}.icn-top-menu__item:hover:not(:disabled){background:#4fc3f726}.icn-top-menu__item:disabled{opacity:.5;cursor:not-allowed}.icn-top-menu__item--danger{color:#ff6b6b}.icn-top-menu__item--danger:hover:not(:disabled){background:#ff6b6b26}.icn-top-menu__item--icon-only{padding:4px 6px;min-width:32px;justify-content:center}.icn-top-menu__item--active{background:#4fc3f740;color:#4fc3f7}.icn-split-submenu{display:flex;flex-direction:column;gap:2px;padding:4px;background:#1a1a2ef2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 4px 16px #00000080;animation:icn-top-menu-fade-in .15s ease-out;pointer-events:auto}.icn-split-submenu__item{display:flex;align-items:center;justify-content:center;padding:4px 12px;cursor:pointer;transition:background .12s ease,color .12s ease;border:none;background:none;color:#e0e0e0;font-size:12px;border-radius:6px;white-space:nowrap;line-height:1;min-height:28px}.icn-split-submenu__item:hover{background:#4fc3f726;color:#4fc3f7}.icn-ratio-submenu{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px;background:#1a1a2ef2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 4px 16px #00000080;animation:icn-top-menu-fade-in .15s ease-out;pointer-events:auto}.icn-ratio-submenu__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px 4px;cursor:pointer;transition:background .12s ease,color .12s ease;border:none;background:none;color:#e0e0e0;font-size:11px;border-radius:8px;min-height:64px;outline:none}.icn-ratio-submenu__item:hover{background:#4fc3f726;color:#4fc3f7}.icn-ratio-submenu__item:active{background:#4fc3f740}.icn-ratio-submenu__label{line-height:1;font-weight:500;font-size:12px}.icn-top-menu__icon{display:flex;align-items:center;justify-content:center;opacity:.85}.icn-top-menu__icon svg{display:block}.icn-top-menu__label{line-height:1}.icn-top-menu__divider{width:1px;height:16px;background:#ffffff1a;margin:0 2px}.icn-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);padding:10px 20px;background:#1a1a2ef2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:8px;box-shadow:0 4px 16px #00000080;color:#e0e0e0;font-size:13px;z-index:2000;animation:icn-toast-fade-in .2s ease-out}@keyframes icn-toast-fade-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.icn-toast--success{border-color:#4caf504d}.icn-toast--error{border-color:#ff6b6b4d}.icn-fullscreen-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;z-index:3000;display:flex;align-items:center;justify-content:center;cursor:pointer;animation:icn-fs-overlay-fade-in .2s ease-out}@keyframes icn-fs-overlay-fade-in{0%{opacity:0}to{opacity:1}}.icn-fullscreen-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;cursor:default}.icn-fullscreen-close{position:absolute;top:-40px;right:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;font-size:16px;cursor:pointer;transition:background .15s ease}.icn-fullscreen-close:hover{background:#fff3}.icn-fullscreen-image{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:4px;box-shadow:0 8px 32px #0009}.icn-fullscreen-name{margin-top:12px;color:#e0e0e0;font-size:14px;opacity:.8}.real-task-status-hint{margin-bottom:8px;padding:10px 12px;background:linear-gradient(135deg,#3b82f614,#6366f10f);border:1px solid rgba(59,130,246,.2);border-radius:8px;display:flex;flex-direction:column;gap:4px}.real-task-status-hint__title{font-size:12px;font-weight:700;color:#3b82f6e6}.real-task-status-hint__title--success{color:#10b981e6}.real-task-status-hint__title--error{color:#ef4444e6}.real-task-status-hint__detail{font-size:11px;color:#fff9;line-height:1.4}.real-task-result-hint{margin-bottom:8px;padding:10px 12px;background:linear-gradient(135deg,#10b98114,#0596690f);border:1px solid rgba(16,185,129,.2);border-radius:8px;display:flex;flex-direction:column;gap:4px}.real-task-result-hint__title{font-size:12px;font-weight:700;color:#10b981e6}.real-task-result-hint__detail{font-size:11px;color:#fff9;line-height:1.4}.real-task-result-asset-list{display:flex;flex-direction:column;gap:6px;margin-top:4px}.real-task-result-asset-item{padding:6px 8px;background:#10b9810d;border:1px solid rgba(16,185,129,.15);border-radius:6px;display:flex;flex-direction:column;gap:2px}.real-task-result-action-row{margin-top:6px;padding-top:6px;border-top:1px solid rgba(16,185,129,.1);display:flex;align-items:center;gap:8px}.real-task-result-add-btn{padding:4px 12px;font-size:11px;font-weight:600;color:#fff;background:linear-gradient(135deg,#3b82f6cc,#6366f1b3);border:1px solid rgba(59,130,246,.4);border-radius:4px;cursor:pointer;transition:all .2s ease}.real-task-result-add-btn:hover{background:linear-gradient(135deg,#3b82f6f2,#6366f1d9);border-color:#3b82f699;transform:translateY(-1px)}.real-task-result-add-btn:active{transform:translateY(0)}.real-task-result-added{font-size:11px;font-weight:600;color:#10b981e6}.real-task-result-unavailable{font-size:11px;color:#ffffff73}.real-task-success-hint{margin-bottom:8px;padding:10px 12px;background:linear-gradient(135deg,#10b98114,#34d3990f);border:1px solid rgba(16,185,129,.2);border-radius:8px;display:flex;flex-direction:column;gap:4px}.real-task-success-hint__title{font-size:12px;font-weight:700;color:#10b981e6}.real-task-success-hint__detail{font-size:11px;color:#fff9;line-height:1.4}.real-task-error-hint{margin-bottom:8px;padding:10px 12px;background:linear-gradient(135deg,#ef444414,#fb923c0f);border:1px solid rgba(239,68,68,.2);border-radius:8px;display:flex;flex-direction:column;gap:4px}.real-task-error-hint__title{font-size:12px;font-weight:700;color:#ef4444e6}.real-task-error-hint__detail{font-size:11px;color:#fff9;line-height:1.4}.real-task-fallback-hint{margin-bottom:8px;padding:6px 10px;background:#fb923c14;border:1px solid rgba(251,146,60,.2);border-radius:6px;color:#fb923cd9;font-size:11px;font-weight:500;text-align:center}.safe-display-image{position:relative;width:100%;max-width:240px;margin:8px 0;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#00000026}.safe-display-image--blocked{border-color:#fb923c40;background:#fb923c0f}.safe-display-image--error{border-color:#ef444440;background:#ef44440f}.safe-display-image__img{width:100%;height:auto;display:block}.safe-display-image__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 12px;gap:4px;min-height:80px}.safe-display-image__icon{font-size:20px}.safe-display-image__text{font-size:11px;color:#ffffff80;text-align:center}.safe-display-image__badge{display:inline-block;padding:2px 8px;font-size:10px;font-weight:500;color:#10b981d9;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:4px;margin-top:4px}.safe-display-image__badge--overlay{position:absolute;top:6px;right:6px;margin-top:0}.safe-display-fixture-section{margin-bottom:8px;padding:10px 12px;background:linear-gradient(135deg,#8b5cf614,#a855f70f);border:1px solid rgba(139,92,246,.2);border-radius:8px;display:flex;flex-direction:column;gap:6px}.safe-display-fixture-section__title{font-size:11px;font-weight:600;color:#8b5cf6d9}.safe-display-fixture-section__cards{display:flex;flex-wrap:wrap;gap:8px}.safe-display-fixture-card{display:flex;flex-direction:column;gap:6px}.safe-display-fixture-card__action{display:flex;justify-content:center}.safe-display-fixture-add-btn{padding:4px 10px;font-size:11px;background:#8b5cf633;color:#c4b5fd;border:1px solid rgba(139,92,246,.35);border-radius:4px;cursor:pointer;transition:background .15s}.safe-display-fixture-add-btn:hover{background:#8b5cf659}.safe-display-fixture-added{font-size:11px;color:#34d399;padding:4px 10px}.l3-dev-panels{border:1px dashed #666;border-radius:8px;padding:16px;margin-top:12px;background:#1a1a2e}.l3-dev-panels__header{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #333}.l3-dev-panels__title{font-size:14px;font-weight:600;color:#e0e0e0}.l3-dev-panels__badge{font-size:11px;color:#888;background:#2a2a4a;padding:2px 8px;border-radius:4px}.l3-dev-panels__content{min-height:40px}.l3-dev-panels__empty{color:#888;font-size:13px;text-align:center;padding:20px 0;margin:0}.project-debug-group{border:1px dashed #4a9eff;border-radius:6px;padding:14px;margin-bottom:12px;background:#4a9eff0d}.project-debug-group__header{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(74,158,255,.2)}.project-debug-group__title{font-size:13px;font-weight:600;color:#4a9eff}.project-debug-group__badge{font-size:11px;color:#888;background:#4a9eff1a;padding:2px 8px;border-radius:4px}.project-debug-group__content{min-height:36px}.project-debug-group__empty{color:#888;font-size:12px;text-align:center;padding:16px 0;margin:0}.task-asset-debug-group{border:1px dashed #a855f7;border-radius:6px;padding:14px;margin-bottom:12px;background:#a855f70d}.task-asset-debug-group__header{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(168,85,247,.2)}.task-asset-debug-group__title{font-size:13px;font-weight:600;color:#a855f7}.task-asset-debug-group__badge{font-size:11px;color:#888;background:#a855f71a;padding:2px 8px;border-radius:4px}.task-asset-debug-group__content{min-height:36px}.task-asset-debug-group__empty{color:#888;font-size:12px;text-align:center;padding:16px 0;margin:0}.l3-workspace{width:100%;height:100vh;background:#0f0f1a;overflow:hidden;position:relative;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px}.l3-workspace:before{display:none}.l3-floating-btn{padding:8px 18px;background:#16162ee6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.09);border-radius:var(--radius-md);color:#ffffffbf;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .15s ease-out;white-space:nowrap;z-index:10}.l3-floating-btn:hover{background:#ffffff1a;border-color:#4361ee66;color:#fffffff2;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.l3-floating-btn--back{position:absolute;left:20px;top:40px;opacity:.55}.l3-status-bar{position:absolute;right:24px;top:24px;display:flex;align-items:center;gap:7px;z-index:10;padding:2px 9px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:18px}.l3-status-group{display:flex;align-items:center;gap:6px}.l3-status-dot{width:5px;height:5px;border-radius:50%;background:#4caf50;flex-shrink:0}.l3-status-item{color:#ffffffa6;font-size:12px;font-weight:500}.l3-status-item--user{color:#fffc}.l3-status-item--highlight{color:#4cc9f0;font-weight:600}.l3-status-points-label{color:#ffffff73;font-size:12px}.l3-status-points-value{color:#4361ee;font-weight:600;font-size:12px}.l3-status-divider{color:#ffffff26;font-size:13px}.l3-status-bar-sep{width:1px;height:18px;background:#ffffff1a;flex-shrink:0}.l3-status-icon-btn{width:28px;height:28px;padding:0;background:transparent;border:1px solid transparent;border-radius:8px;color:#ffffffa6;cursor:pointer;transition:all .15s ease-out;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.l3-status-icon-btn:hover{background:#ffffff14;border-color:#ffffff1f;color:#fffffff2}.l3-status-icon-btn svg{flex-shrink:0}.l3-settings-btn{width:32px;height:32px;background:#ffffff0f;border:1px solid rgba(255,255,255,.09);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:all .15s ease-out}.l3-settings-btn:hover{background:#ffffff1a;border-color:#4361ee66}.l3-left-tools-area{position:absolute;left:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:0;z-index:10}.l3-toolbar-main{width:56px;background-color:#16162ed9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:28px;border:1px solid rgba(255,255,255,.06);box-shadow:0 8px 32px #0000004d;padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.l3-tool-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;cursor:pointer;font-size:18px;transition:all .15s ease-out;color:#4cc9f0}.l3-tool-icon svg{width:24px;height:24px;display:block;color:currentColor}.l3-tool-icon--upload{width:48px;height:48px;margin:0;border-radius:12px;background:linear-gradient(135deg,#4361ee,#4cc9f0);color:#fffffff2}.l3-tool-icon--upload-disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.l3-tool-icon:hover{background-color:#ffffff0f}.l3-tool-icon--active{background:linear-gradient(135deg,#4361ee,#4cc9f0);color:#fff}.l3-toolbar-divider{width:32px;height:1px;background:#ffffff1a;margin:8px 0;flex-shrink:0}.l3-tool-icon{position:relative}.l3-tool-icon[data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);padding:6px 12px;background:#16162ef2;color:#ffffffe6;font-size:var(--font-size-xs);font-weight:500;white-space:nowrap;border-radius:6px;pointer-events:none;opacity:0;transition:opacity .15s ease-out;z-index:100;box-shadow:0 4px 12px #0000004d}.l3-tool-icon[data-tooltip]:hover:after{opacity:1}.l3-canvas-area{position:relative;z-index:1;width:100%;height:100%;display:flex;align-items:stretch;justify-content:stretch;overflow:hidden}.l3-canvas-main{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;align-items:stretch;overflow:hidden}.l3-canvas-viewport{position:relative;flex:1;min-height:0;background:#0a0a14;background-image:radial-gradient(circle,rgba(125,150,184,.18) 1.1px,transparent 1.2px);background-repeat:repeat;overflow:hidden;cursor:default;-webkit-user-select:none;user-select:none;touch-action:none}.l3-canvas-viewport--panning{cursor:grabbing}.l3-canvas-interactive-layer{position:absolute;top:0;right:0;bottom:0;left:0;min-width:100%;min-height:100%;overflow:visible;transform-origin:0 0;will-change:transform}.l3-view-controller{position:fixed;width:176px;z-index:120;display:flex;align-items:center;gap:6px;padding:8px;background:#0c0c1ce0;border:1px solid rgba(255,255,255,.08);border-radius:10px;box-shadow:0 8px 24px #00000052;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.l3-view-controller__icon-btn,.l3-view-controller__percent{height:28px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:#ffffff0f;color:#ffffffd1;font-size:12px;font-weight:650;cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease}.l3-view-controller__icon-btn{width:28px;padding:0}.l3-view-controller__percent{min-width:46px;padding:0 8px;font-variant-numeric:tabular-nums}.l3-view-controller__icon-btn:hover:not(:disabled),.l3-view-controller__percent:hover{background:#4cc9f021;border-color:#4cc9f047;color:#fffffff5}.l3-view-controller__icon-btn:disabled{opacity:.38;cursor:not-allowed}.l3-view-controller__slider{width:64px;accent-color:#4cc9f0}.l3-view-controller__help{position:absolute;left:0;bottom:calc(100% + 8px);width:236px;padding:10px 12px;border:1px solid rgba(76,201,240,.16);border-radius:10px;background:#0c0c1cf0;box-shadow:0 10px 28px #0000005c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#ffffffc7;font-size:12px;line-height:1.65}.l3-selection-box{position:absolute;z-index:70;pointer-events:none;border:1px solid rgba(76,201,240,.78);background:#4cc9f01a;box-shadow:0 0 0 1px #070b1661}.l3-selection-bounds{position:fixed;z-index:72;pointer-events:none;border:1px solid rgba(76,201,240,.62);border-radius:6px;box-shadow:0 0 0 1px #070b167a}.l3-batch-toolbar{position:fixed;z-index:130;width:500px;max-width:calc(100vw - 24px);display:flex;align-items:center;justify-content:center;gap:6px;padding:5px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#0c0c1ce6;box-shadow:0 10px 26px #00000061;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.l3-batch-toolbar__button{height:28px;padding:0 9px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:#ffffff0f;color:#ffffffd1;font-size:12px;cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.l3-batch-toolbar__button:hover{background:#ffffff1a;border-color:#ffffff2e;color:#4cc9f0}.l3-batch-toolbar__button--danger{color:#ff7f8a}.l3-batch-toolbar__button--danger:hover{background:#ff6b6b24;border-color:#ff6b6b3d;color:#ff6b6b}.l3-batch-toolbar__button svg{width:18px;height:18px;flex-shrink:0;stroke-width:1.8}.l3-batch-toolbar__divider{width:1px;height:22px;margin:0 2px;background:#ffffff1f}.l3-offscreen-content-hint{position:fixed;z-index:122;transform:translate(-50%,-100%);display:flex;align-items:center;gap:16px;padding:9px 12px 9px 16px;border:1px solid rgba(76,201,240,.2);border-radius:999px;background:#0c0c1ce0;box-shadow:0 8px 24px #00000057;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fffc;font-size:12px;font-weight:600;white-space:nowrap}.l3-offscreen-content-hint button{height:26px;padding:0 11px;border:1px solid rgba(76,201,240,.3);border-radius:999px;background:#4cc9f021;color:#ffffffeb;font-size:12px;font-weight:650;cursor:pointer;transition:background .14s ease,border-color .14s ease}.l3-offscreen-content-hint button:hover{background:#4cc9f033;border-color:#4cc9f06b}.l3-canvas-viewport>.canvas-nodes-empty{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.l3-template-preview{pointer-events:none}.l3-template-preview-card{position:fixed;z-index:5;display:inline-block;overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;will-change:transform;pointer-events:auto}.l3-template-preview-card.is-dragging{cursor:grabbing}.l3-template-preview-media{position:relative;display:block;width:100%;height:100%;line-height:0;overflow:hidden;border-radius:6px}.l3-template-preview-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.l3-template-preview-tip{position:absolute;left:12px;right:12px;bottom:12px;width:auto;max-width:calc(100% - 24px);box-sizing:border-box;padding:10px 12px;border-radius:8px;background:#080c18ad;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffeb;font-size:12px;line-height:1.45;white-space:normal;pointer-events:none}.l3-result-sidebar{width:320px;flex-shrink:0;background:#0f0f1af2;border-left:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;overflow-y:auto}.l3-result-sidebar__header{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08);background:#16162e99}.l3-result-sidebar__title{font-size:14px;font-weight:600;color:#ffffffe6;display:flex;align-items:center;gap:8px}.l3-result-sidebar__body{flex:1;padding:16px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.l3-result-sidebar__empty{padding:40px 20px;text-align:center;color:#fff6;font-size:13px;line-height:1.5}.l3-canvas-empty-state{max-width:900px;width:90%;padding:60px 40px;display:flex;flex-direction:column;align-items:center;gap:32px}.l3-empty-hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.l3-empty-icon{font-size:60px;opacity:.45;filter:grayscale(30%)}.l3-empty-hero h2{font-size:32px;color:#ffffffe0;font-weight:700;margin:0;line-height:1.3;background:linear-gradient(135deg,#4361ee,#4cc9f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.l3-empty-hero p{font-size:16px;color:#ffffff8c;margin:0;line-height:1.6;max-width:520px}.l3-empty-tips{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px}.l3-tip-item{font-size:13.5px;color:#ffffff73;font-weight:500;display:flex;align-items:center;gap:6px}.l3-empty-footer{text-align:center;width:100%;max-width:560px;padding-top:20px;border-top:1px solid rgba(255,255,255,.05)}.l3-empty-footer p{font-size:12px;color:#ffffff59;margin:0;line-height:1.6}.l3-prompt-entry{width:76px;height:76px;border-radius:50%;background:linear-gradient(135deg,#4361ee,#4cc9f0);border:none;cursor:pointer;box-shadow:0 8px 28px #4361ee73,0 4px 12px #00000040,inset 0 1px #fff3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:all .2s ease-out;flex-shrink:0;margin-top:20px;color:#fff}.l3-prompt-entry:hover{transform:scale(1.1);box-shadow:0 12px 36px #4361ee8c,0 6px 16px #0000004d,inset 0 1px #ffffff40}.l3-prompt-entry svg{width:22px;height:22px}.l3-prompt-entry-text{font-size:11px;font-weight:600;letter-spacing:.3px}.l3-bottom-console{position:absolute;left:50%;transform:translate(-50%);bottom:16px;width:min(720px,calc(100vw - 96px));max-width:720px;min-width:unset;min-height:144px;max-height:400px;background:#0c0c1cf0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:26px 20px 22px;display:flex;flex-direction:column;gap:12px;z-index:100;box-shadow:0 12px 42px #0000007a,0 4px 16px #00000042,inset 0 1px #ffffff08;overflow:visible!important}.l3-generating-status-bar{width:100%;padding:10px 14px;background:#4361ee1f;border:1px solid rgba(67,97,238,.25);border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;overflow:hidden}.l3-generating-status-bar__left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.l3-generating-spinner{width:16px;height:16px;border:2px solid rgba(67,97,238,.3);border-top-color:#4361ee;border-radius:50%;animation:l3-spin .8s linear infinite;flex-shrink:0}@keyframes l3-spin{to{transform:rotate(360deg)}}.l3-generating-status-bar__text{font-size:13px;font-weight:500;color:#ffffffd9;white-space:nowrap}.l3-generating-status-bar__elapsed{font-size:12px;color:#ffffff8c;white-space:nowrap}.l3-generating-status-bar__right{flex-shrink:0}.l3-generating-cancel-btn{padding:4px 12px;font-size:12px;font-weight:500;color:#ffffffb3;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;cursor:pointer;transition:all .15s ease-out}.l3-generating-cancel-btn:hover{color:#fff;background:#ffffff24;border-color:#ffffff40}.l3-generating-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.l3-generating-progress-bar{position:absolute;bottom:0;left:0;right:0;height:2px;background:#4361ee26;overflow:hidden}.l3-generating-progress-bar__fill{height:100%;width:30%;background:linear-gradient(90deg,transparent,#4361ee,#4cc9f0,transparent);animation:l3-progress-flow 1.5s ease-in-out infinite}@keyframes l3-progress-flow{0%{transform:translate(-100%)}to{transform:translate(400%)}}.l3-console-main{width:100%;min-width:0;display:flex;flex-direction:column;gap:10px;overflow:visible!important}.l3-prompt-input{width:100%;min-height:48px;padding:10px 12px;background:transparent;border:none;border-radius:0;color:#ffffffad;font-size:14px;outline:none;font-family:inherit;transition:all .15s ease-out;box-shadow:none}.l3-prompt-input:focus{background:#ffffff09;border-radius:10px;outline:none;box-shadow:none}.l3-prompt-input::placeholder{color:#ffffff4d}.l3-reference-images-slot{display:flex;align-items:center;gap:8px;flex-shrink:0;overflow-x:auto;padding:4px 0;max-width:100%}.l3-reference-images-slot::-webkit-scrollbar{height:4px}.l3-reference-images-slot::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.l3-reference-image-card{position:relative;width:56px;height:56px;border-radius:6px;overflow:hidden;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);flex-shrink:0;transition:opacity .15s ease-out}.l3-reference-image-card--dragging{opacity:.5}.l3-reference-image-number{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:9px;background:#4361eecc;color:#fff;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;z-index:1}.l3-reference-image-thumb{width:100%;height:100%;object-fit:cover}.l3-reference-image-remove{position:absolute;top:2px;right:2px;width:18px;height:18px;border:none;border-radius:9px;background:#00000080;color:#fff;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease-out;opacity:0;z-index:1}.l3-reference-image-card:hover .l3-reference-image-remove{opacity:1}.l3-reference-image-remove:hover{background:#000000b3}.l3-console-input-row{display:flex;align-items:center;gap:8px;width:100%}.l3-reference-image-icon-btn{width:36px;height:36px;border:none;border-radius:8px;background:#ffffff0a;color:#ffffff80;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease-out;flex-shrink:0}.l3-reference-image-icon-btn:hover{background:#ffffff14;color:#ffffffb3}.l3-reference-image-fallback{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#333c;gap:2px}.l3-reference-image-fallback-label{font-size:12px;font-weight:600;color:#999999e6}.l3-reference-image-fallback-name{font-size:10px;color:#999999b3;max-width:56px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.l3-reference-image-card--uploading{opacity:.7}.l3-reference-image-uploading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2;border-radius:var(--radius-sm)}.l3-reference-image-uploading-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#4361ee;border-radius:50%;animation:l3-ref-spin .8s linear infinite}@keyframes l3-ref-spin{to{transform:rotate(360deg)}}.l3-reference-image-card--failed{border-color:#ff4d4d80}.l3-reference-image-failed-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ff000026;display:flex;align-items:center;justify-content:center;z-index:2;border-radius:var(--radius-sm);cursor:help}.l3-reference-image-failed-icon{width:22px;height:22px;background:#ff4d4de6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;line-height:1}.l3-prompt-images-slot{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.l3-prompt-images-empty{padding:10px 16px;font-size:var(--font-size-xs);color:#ffffff47;text-align:center;border-bottom:1px solid rgba(255,255,255,.04);line-height:1.5}.l3-prompt-input-hint{padding:6px 16px;font-size:var(--font-size-xs);color:#ffffff59;text-align:center;line-height:1.5}.l3-prompt-keyword{color:#4361ee;font-weight:500}.l3-prompt-image-card{position:relative;width:56px;height:56px;border-radius:8px;overflow:hidden;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.l3-prompt-image-thumb{width:100%;height:100%;object-fit:cover}.l3-prompt-image-remove{position:absolute;top:2px;right:2px;width:18px;height:18px;border:none;border-radius:9px;background:#00000080;color:#fff;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease-out}.l3-prompt-image-remove:hover{background:#000000b3}.l3-prompt-image-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#333c}.l3-prompt-image-fallback-name{font-size:9px;color:#c8c8c8b3;max-width:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 4px}.l3-console-options{display:flex;align-items:center;gap:8px;width:100%;flex-wrap:nowrap}.l3-option-tag,.l3-cost-display{height:32px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#ffffff0b;border:1px solid rgba(255,255,255,.075);color:#d2dcf0c7;font-size:13px;font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;transition:all .15s ease-out;transform:none}.l3-option-tag:hover{background:#ffffff16;border-color:#ffffff21;transform:none}.l3-option-tag:active{transform:none}.l3-option-tag--mode{background:#4361ee1a;border-color:#4361ee2e;color:#e1e8ffeb;font-weight:600}.l3-console-side{display:contents}.l3-generate-section{margin-left:auto;display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.l3-send-btn{width:42px;height:42px;flex-shrink:0;background:linear-gradient(135deg,#4361ee,#4cc9f0);border:none;border-radius:50%;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease-out}.l3-send-btn:hover{transform:scale(1.04);box-shadow:0 4px 14px #4361ee59,0 0 16px #4cc9f01f}.l3-prompt-panel{position:fixed;background:#0c0c1cf0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);display:flex;flex-direction:column;z-index:1000;box-shadow:0 12px 42px #0000007a,0 4px 16px #00000042,inset 0 1px #ffffff08}.l3-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 14px;border-bottom:1px solid rgba(255,255,255,.045);flex-shrink:0;cursor:grab}.l3-panel-header:active{cursor:grabbing}.l3-panel-title-group{display:flex;flex-direction:column;gap:3px}.l3-panel-title{font-size:17px;font-weight:700;color:#ffffffe6;margin:0;line-height:1.3}.l3-panel-subtitle{font-size:var(--font-size-xs);color:#ffffff73;font-weight:500;letter-spacing:.3px}.l3-panel-header-actions{display:flex;gap:8px}.l3-panel-btn{width:28px;height:28px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffa6;font-size:14px;cursor:pointer;transition:all .15s ease-out;display:flex;align-items:center;justify-content:center}.l3-panel-btn:hover{background:#ffffff1a;border-color:#ffffff24;color:#ffffffe0}.l3-panel-btn--close:hover{background:#ef44441f;border-color:#ef444447;color:#ef4444d9}.l3-chat-area{flex:1;overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column;gap:10px}.l3-chat-area::-webkit-scrollbar{width:4px}.l3-chat-area::-webkit-scrollbar-track{background:transparent}.l3-chat-area::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}.l3-chat-placeholder{font-size:var(--font-size-sm);color:#ffffff59;text-align:center;line-height:1.6;margin:auto 0}.l3-chat-msg{display:flex;max-width:100%}.l3-chat-msg--user{justify-content:flex-end}.l3-chat-msg--assistant{justify-content:flex-start}.l3-chat-msg-bubble{max-width:85%;padding:10px 14px;border-radius:12px;font-size:13px;line-height:1.6;word-break:break-word;white-space:pre-wrap}.l3-chat-msg--user .l3-chat-msg-bubble{background:#4361ee2e;border:1px solid rgba(67,97,238,.25);color:#ffffffe6;border-bottom-right-radius:4px}.l3-chat-msg--assistant .l3-chat-msg-bubble{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#ffffffd9;border-bottom-left-radius:4px}.l3-chat-msg-image{display:block;width:80px;height:80px;object-fit:cover;border-radius:8px;margin-bottom:6px;border:1px solid rgba(255,255,255,.08)}.l3-chat-msg-image-fallback{width:80px;height:80px;border-radius:8px;margin-bottom:6px;background:#333c;display:flex;align-items:center;justify-content:center;font-size:10px;color:#c8c8c899;text-align:center;padding:4px;overflow:hidden}.l3-chat-msg-text{white-space:pre-wrap;word-break:break-word;-webkit-user-select:text;user-select:text;cursor:text}.l3-prompt-block{margin:10px 0 6px;padding:10px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px}.l3-prompt-block__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.l3-prompt-block__label{font-size:11px;font-weight:500;color:#ffffff59;text-transform:uppercase;letter-spacing:.5px;-webkit-user-select:none;user-select:none}.l3-prompt-block__copy-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:transparent;color:#ffffff59;cursor:pointer;transition:color .15s,background .15s,border-color .15s;-webkit-user-select:none;user-select:none;flex-shrink:0}.l3-prompt-block__copy-btn:hover{color:#ffffffbf;background:#ffffff0f;border-color:#fff3}.l3-prompt-block__copy-btn:focus-visible{outline:2px solid rgba(67,97,238,.6);outline-offset:2px}.l3-prompt-block__copy-btn--copied{color:#4cc9f0d9;border-color:#4cc9f040}.l3-prompt-block__content{white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.5;color:#ffffffd9;-webkit-user-select:text;user-select:text;cursor:text}.l3-chat-thinking{animation:l3-pulse 1.5s ease-in-out infinite;color:#4cc9f0cc;font-style:italic}.l3-loading-hint{font-size:var(--font-size-sm);color:#4cc9f0cc;text-align:center;padding:12px;animation:l3-pulse 1.5s ease-in-out infinite}@keyframes l3-pulse{0%,to{opacity:.6}50%{opacity:1}}.l3-error-hint{font-size:var(--font-size-xs);color:#ff6b6be6;background:#ff6b6b14;border:1px solid rgba(255,107,107,.2);padding:10px 14px;border-radius:var(--radius-sm);margin-top:8px;line-height:1.5}.l3-prompt-error-hint{font-size:var(--font-size-xs);color:#ff9f40f2;background:#ff9f4014;border:1px solid rgba(255,159,64,.2);padding:8px 12px;border-radius:var(--radius-sm);margin-top:10px;text-align:center}.l3-resize-handle{position:absolute;bottom:0;right:0;width:14px;height:14px;cursor:nwse-resize;z-index:10}.l3-resize-handle:before,.l3-resize-handle:after{content:"";position:absolute;background:#ffffff1f;border-radius:2px}.l3-resize-handle:before{width:10px;height:2px;bottom:4px;right:4px;transform:rotate(-45deg)}.l3-resize-handle:after{width:6px;height:2px;bottom:7px;right:4px;transform:rotate(-45deg)}.l3-resize-handle:hover:before,.l3-resize-handle:hover:after{background:#ffffff40}.l3-resize-handle:hover{background:#ffffff0a;border-radius:4px}.l3-panel-input-area{display:flex;align-items:center;gap:10px;padding:14px 16px 16px;border-top:1px solid rgba(255,255,255,.045);flex-shrink:0}.l3-input-action-btn{width:34px;height:34px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);font-size:15px;cursor:pointer;transition:all .15s ease-out;display:flex;align-items:center;justify-content:center;flex-shrink:0}.l3-input-action-btn:hover{background:#ffffff1a;border-color:#ffffff24;transform:scale(1.05)}.l3-chat-input{flex:1;padding:9px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);color:#ffffffbf;font-size:13px;outline:none;font-family:inherit;transition:all .15s ease-out}.l3-chat-input:focus{border-color:#4361ee73;background:#ffffff0f}.l3-chat-input:disabled{opacity:.45;cursor:not-allowed}.l3-chat-input::placeholder{color:#ffffff4d}.l3-send-msg-btn{width:34px;height:34px;background:linear-gradient(135deg,#4361ee,#4cc9f0);border:none;border-radius:50%;color:#fff;font-size:15px;cursor:pointer;transition:all .2s ease-out;display:flex;align-items:center;justify-content:center;flex-shrink:0}.l3-send-msg-btn:hover{transform:scale(1.08);box-shadow:0 4px 14px #4361ee66}.l3-help-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;border-radius:var(--radius-lg)}.l3-help-modal{width:360px;max-width:calc(100% - 32px);max-height:calc(100% - 48px);background:#1a1a2e;border-radius:12px;box-shadow:0 8px 32px #00000080;overflow-y:auto}.l3-help-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.l3-help-modal-title{margin:0;font-size:15px;font-weight:600;color:#e0e0ff}.l3-help-modal-body{padding:20px}.l3-help-modal-text{margin:0 0 14px;font-size:13px;line-height:1.7;color:#ffffffd1}.l3-help-modal-text:last-child{margin-bottom:0}.l3-settings-panel{position:fixed;right:24px;top:64px;width:400px;max-height:70vh;background:#16162ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.09);border-radius:var(--radius-lg);display:flex;flex-direction:column;z-index:1000;box-shadow:0 12px 48px #00000080,0 0 0 1px #4361ee26;animation:l3-settings-slide-in .25s ease-out}@keyframes l3-settings-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.l3-settings-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 14px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.l3-settings-title-group{display:flex;flex-direction:column;gap:3px}.l3-settings-title{font-size:17px;font-weight:700;color:#ffffffeb;margin:0;line-height:1.3;background:linear-gradient(135deg,#4361ee,#4cc9f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.l3-prompt-textarea{resize:none;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap;transition:height .18s ease;min-height:44px;max-height:140px;line-height:24px;padding:10px 14px}.l3-prompt-textarea::-webkit-scrollbar{display:none}.l3-option-tag--selectable{cursor:pointer;transition:all .15s ease;border:1px solid transparent}.l3-option-tag--selectable:hover{background:#4361ee26;border-color:#4361ee4d}.l3-option-dropdown{position:relative;display:inline-block}.l3-dropdown-menu{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;background:#14141efa;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 8px 32px #0006;z-index:1000;min-width:120px;overflow:hidden}.l3-dropdown-menu--vertical{display:flex;flex-direction:column}.l3-dropdown-menu--grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px}.l3-dropdown-item{padding:10px 14px;background:transparent;border:none;color:#fffc;font-size:13px;cursor:pointer;text-align:left;transition:all .15s ease;white-space:nowrap}.l3-dropdown-menu--grid .l3-dropdown-item{padding:8px 12px;border-radius:6px;text-align:center}.l3-dropdown-item:hover{background:#4361ee26;color:#fffffff2}.l3-dropdown-item--selected{background:#4361ee40;color:#fff}.l3-dropdown-item--selected:hover{background:#4361ee4d}.l3-console-options{overflow:visible!important;position:relative}.l3-option-dropdown{overflow:visible!important;position:relative;z-index:1000}.l3-option-tag--model{min-width:164px;width:164px;text-align:left;justify-content:center;display:inline-flex;align-items:center;gap:6px}.l3-dropdown-menu--model{min-width:164px;width:164px}.l3-option-tag--mode{min-width:80px;max-width:180px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.l3-generate-section{margin-left:22px;display:flex;align-items:center;gap:12px;flex-shrink:0}.l3-cost-display{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.l3-ratio-option{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:12px 8px!important;min-width:70px}.l3-ratio-icon{width:28px;height:22px;border:1.5px solid rgba(255,255,255,.4);border-radius:3px;display:flex;align-items:center;justify-content:center}.l3-ratio-icon--square{width:22px;height:22px}.l3-ratio-icon--landscape{width:32px;height:20px}.l3-ratio-icon--portrait{width:20px;height:32px}.l3-ratio-icon--auto{width:26px;height:22px;font-size:12px;font-weight:700;color:#ffffff80}.l3-ratio-label{display:flex;flex-direction:column;align-items:center;gap:2px}.l3-ratio-value{font-size:11px;color:#ffffffb3;font-weight:500}.l3-ratio-pixel{font-size:9px;color:#fff6;font-weight:400;white-space:nowrap}.l3-dropdown-item--selected .l3-ratio-icon{border-color:#4361eecc;background:#4361ee1a}.l3-dropdown-item--selected .l3-ratio-value{color:#fff}.l3-dropdown-item--selected .l3-ratio-pixel{color:#ffffff80}.l3-settings-subtitle{font-size:var(--font-size-xs);color:#ffffff73;font-weight:500;letter-spacing:.3px}.l3-settings-content{flex:1;overflow-y:auto;padding:16px 18px 18px;display:flex;flex-direction:column;gap:20px}.l3-settings-content::-webkit-scrollbar{width:5px}.l3-settings-content::-webkit-scrollbar-track{background:transparent}.l3-settings-content::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:10px}.l3-settings-section{display:flex;flex-direction:column;gap:10px}.l3-section-title{font-size:13px;font-weight:700;color:#fffc;margin:0;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.06);text-transform:uppercase;letter-spacing:.8px}.l3-setting-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);transition:all .15s ease-out}.l3-setting-item:hover{background:#4361ee0f;border-color:#4361ee26}.l3-setting-label{font-size:13px;color:#ffffffbf;font-weight:500}.l3-setting-value{font-size:12px;color:#4cc9f0b3;font-weight:600;cursor:default}.l3-setting-value--status{color:#fff6;font-weight:500;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.l3-download-action-row{display:flex;align-items:center;gap:10px;padding:8px 0 0}.l3-download-btn{padding:5px 16px;background:#4361ee26;border:1px solid rgba(67,97,238,.3);border-radius:8px;color:#4cc9f0;font-size:12px;font-weight:600;cursor:default;transition:all .15s ease-out}.l3-download-btn:hover{background:#4361ee40;border-color:#4361ee73}.l3-download-desc{font-size:var(--font-size-xs);color:#ffffff73;line-height:1.4}.l3-static-note{margin:10px 0 0;padding:8px 10px;background:#4cc9f00f;border-left:3px solid rgba(76,201,240,.2);border-radius:6px;font-size:var(--font-size-xs);color:#ffffff80;line-height:1.5}.l3-shortcut-list{display:flex;flex-direction:column;gap:4px}.l3-shortcut-item{display:flex;align-items:center;gap:10px;padding:6px 8px;background:#ffffff05;border-radius:8px;transition:all .15s ease-out}.l3-shortcut-item:hover{background:#4361ee0d}.l3-shortcut-key{min-width:120px;padding:4px 10px;background:#16162ecc;border:1px solid rgba(255,255,255,.15);border-radius:6px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:var(--font-size-xs);font-weight:600;color:#4cc9f0;text-align:center;box-shadow:0 2px 4px #0003}.l3-shortcut-desc{font-size:13px;color:#ffffffb3;font-weight:500}.l3-info-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.l3-info-item{position:relative;padding-left:18px;font-size:13px;color:#ffffffa6;line-height:1.6}.l3-info-item:before{content:"•";position:absolute;left:0;color:#4361ee;font-weight:700;font-size:14px}.l3-settings-warning{background:linear-gradient(135deg,#ef444414,#fb923c0f);border:1px solid rgba(239,68,68,.15);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px}.l3-warning-header{display:flex;align-items:center;gap:8px}.l3-warning-icon{font-size:15px;flex-shrink:0}.l3-warning-title{font-size:12px;font-weight:700;color:#ef4444d9;letter-spacing:.3px}.l3-warning-list{display:flex;flex-wrap:wrap;gap:6px 12px}.l3-warning-item{font-size:var(--font-size-xs);color:#ffffff73;font-weight:500;opacity:.7}.l3-warning-footer{margin:10px 0 0;padding-top:10px;border-top:1px solid rgba(239,68,68,.12);font-size:11px;color:#ef444499;font-weight:500;line-height:1.5}.l3-mock-asset-panel{margin-top:0;padding:0;background:transparent;border:none;border-radius:0;font-size:11px}.l3-mock-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.l3-mock-title{font-size:12px;font-weight:700;color:#ffffffbf}.l3-mock-badge{padding:2px 8px;background:#fb923c26;border-radius:4px;font-size:10px;color:#fb923ccc;font-weight:600}.l3-mock-controls{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.l3-mock-btn{padding:4px 9px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:5px;color:#ffffffa6;font-size:10.5px;cursor:pointer;transition:all .15s ease-out}.l3-mock-btn:hover{background:#ffffff12;border-color:#ffffff26}.l3-mock-btn:disabled{opacity:.35;cursor:not-allowed}.l3-mock-btn:disabled:hover{background:#ffffff0a;border-color:#ffffff14}.l3-mock-btn--primary{background:#10b9811a;border-color:#10b98140;color:#34d399}.l3-mock-btn--primary:hover{background:#10b9812e}.l3-mock-btn--danger{background:#ef44441a;border-color:#ef444440;color:#f87171}.l3-mock-btn--danger:hover{background:#ef44442e}.l3-mock-btn--warning{background:#fb923c1a;border-color:#fb923c40;color:#fb923c}.l3-mock-btn--warning:hover{background:#fb923c2e}.l3-mock-status{display:flex;flex-direction:column;gap:5px;padding-top:8px;border-top:1px solid rgba(255,255,255,.05)}.l3-mock-row{display:flex;align-items:center;gap:6px}.l3-mock-label{min-width:90px;color:#ffffff73;font-weight:500;font-size:10.5px}.l3-mock-status-badge{padding:2px 7px;border-radius:4px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:10px;font-weight:600}.l3-mock-status-badge--local,.l3-mock-status-badge--uploading,.l3-mock-status-badge--uploaded,.l3-mock-status-badge--reviewing{background:#6b728033;color:#d1d5dbe6}.l3-mock-status-badge--ready{background:#10b98133;color:#34d399}.l3-mock-status-badge--failed{background:#ef444433;color:#f87171}.l3-mock-status-badge--rejected{background:#fb923c33;color:#fb923c}.l3-mock-ready-yes{color:#34d399;font-weight:700}.l3-mock-ready-no{color:#f87171;font-weight:600}.l3-mock-desc{color:#ffffff80;font-style:italic;font-size:11.5px;line-height:1.4}.l3-mock-divider{border:none;border-top:1px solid rgba(255,255,255,.08);margin:12px 0 10px}.l3-mock-canvas-node-section{padding-top:4px}.l3-mock-cn-controls{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.l3-mock-cn-highlight code{background:#4361ee26;padding:1px 5px;border-radius:3px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:10.5px}.l3-mock-task-info{display:flex;align-items:center;gap:8px;margin-bottom:6px}.l3-mock-task-label{color:#fff9;font-weight:600}.l3-mock-task-badge{padding:2px 8px;border-radius:4px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:10.5px;font-weight:600}.l3-mock-task-badge--pending,.l3-mock-task-badge--queued,.l3-mock-task-badge--running{background:#6b728033;color:#d1d5dbe6}.l3-mock-task-badge--success{background:#10b98133;color:#34d399}.l3-mock-task-badge--failed{background:#ef444433;color:#f87171}.l3-mock-task-badge--cancelled,.l3-mock-task-badge--timeout{background:#fb923c33;color:#fb923c}.l3-mock-task-badge--partial{background:#a855f733;color:#c084fc}.l3-mock-task-summary{color:#ffffff80;font-size:10.5px;margin-bottom:8px}.l3-mock-task-controls{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:8px}.l3-mock-task-desc{color:#ffffff80;font-style:italic;font-size:10.5px;line-height:1.5;border-top:1px solid rgba(255,255,255,.06);padding-top:6px}.l3-mock-credit-status-text{margin-top:6px;padding:4px 8px;background:#fb923c14;border-left:2px solid rgba(251,146,60,.4);color:#fbbf24e6;font-size:10.5px;line-height:1.4}.l3-mock-btn--recharge{background:#3b82f626;border:1px solid rgba(59,130,246,.4);color:#60a5fa}.l3-mock-btn--recharge:hover{background:#3b82f640}.l3-mock-btn--contact{background:#a855f726;border:1px solid rgba(168,85,247,.4);color:#c084fc}.l3-mock-btn--contact:hover{background:#a855f740}.l3-mock-dev-panel{position:absolute;top:80px;left:16px;width:400px;max-height:calc(100vh - 200px);overflow-y:auto;background:#16162ef2;border:1px solid rgba(255,255,255,.08);border-radius:10px;z-index:8}.l3-mock-dev-panel::-webkit-scrollbar{width:4px}.l3-mock-dev-panel::-webkit-scrollbar-track{background:transparent}.l3-mock-dev-panel::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.l3-mock-dev-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06);border-radius:10px 10px 0 0}.l3-mock-dev-title{font-size:11.5px;font-weight:600;color:#ffffffbf}.l3-mock-section{border-top:1px solid rgba(255,255,255,.06)}.l3-mock-section-summary{padding:8px 14px;font-size:11px;font-weight:600;color:#ffffffa6;cursor:pointer;list-style:none;transition:color .15s ease-out}.l3-mock-section-summary:hover{color:#ffffffd9}.l3-mock-section-summary::-webkit-details-marker{display:none}.l3-mock-section-content{padding:6px 14px 12px}.credit-fallback-hint{margin-bottom:8px;padding:6px 10px;background:#fb923c14;border:1px solid rgba(251,146,60,.2);border-radius:6px;color:#fb923cd9;font-size:11px;font-weight:500;text-align:center}.credit-insufficient-hint{margin-bottom:8px;padding:10px 12px;background:linear-gradient(135deg,#ef444414,#fb923c0f);border:1px solid rgba(239,68,68,.2);border-radius:8px;display:flex;flex-direction:column;gap:6px}.credit-insufficient-hint__title{font-size:12px;font-weight:700;color:#ef4444e6}.credit-insufficient-hint__detail{font-size:11px;color:#fff9;line-height:1.4}.credit-insufficient-hint__actions{display:flex;gap:6px;margin-top:4px}.l3-cost-display--prechecking{color:#4cc9f0;font-style:italic;animation:credit-pulse 1.5s ease-in-out infinite}@keyframes credit-pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 1024px){.l3-result-sidebar{width:280px}.l3-canvas-area{flex-direction:column}.l3-result-sidebar{width:100%;max-height:40vh;border-left:none;border-top:1px solid rgba(255,255,255,.08)}}@media (max-width: 768px){.l3-result-sidebar{display:none}.l3-bottom-console{width:94%;min-width:0;max-width:none;padding:14px 16px;min-height:auto;max-height:360px}.l3-prompt-input{padding:10px 12px;font-size:13px}.l3-option-tag,.l3-cost-display{padding:0 10px;font-size:12px}.l3-send-btn{width:38px;height:38px}.l3-console-options{flex-wrap:wrap;gap:8px}.l3-generate-section{margin-left:0;width:100%;justify-content:flex-end;margin-top:8px}}.l3-console-options--disabled{opacity:.5;pointer-events:none}.l3-dropdown-item--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.l3-dropdown-item__badge{margin-left:auto;font-size:10px;color:#9ca3afcc;background:#9ca3af1a;padding:1px 6px;border-radius:3px}.canvas-node-card-pending{pointer-events:none;z-index:1}.canvas-node-card-pending__inner{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:#1e1e32d9;border:2px dashed rgba(100,100,200,.4);border-radius:12px;gap:12px}.canvas-node-card-pending__spinner{width:32px;height:32px;border:3px solid rgba(100,100,200,.2);border-top-color:#6464c8cc;border-radius:50%;animation:canvas-node-pending-spin .8s linear infinite}@keyframes canvas-node-pending-spin{to{transform:rotate(360deg)}}.canvas-node-card-pending__label{color:#c8c8f0b3;font-size:13px;font-weight:500}.l3-template-bar{display:flex;align-items:center;gap:14px;padding:10px 16px;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.06);min-height:48px}.l3-template-bar-cover{width:36px;height:36px;border-radius:6px;object-fit:cover;flex-shrink:0;background:#ffffff0f}.l3-template-bar-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.l3-template-bar-name{font-size:13px;font-weight:600;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.l3-template-bar-desc{font-size:11.5px;color:#ffffff73;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.l3-template-bar-params{margin-left:auto;display:flex;gap:6px;flex-shrink:0}.l3-template-debug-scroll{max-height:160px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.l3-mock-payload-status{font-size:11.5px;color:#4cc9f0d9;padding:6px 10px;margin-top:4px;background:#4cc9f014;border:1px solid rgba(76,201,240,.18);border-radius:6px;text-align:center;font-weight:500}.l3-task-draft-info{font-size:11px;margin-top:8px;padding:10px 12px;background:#4cc9f00f;border:1px solid rgba(76,201,240,.14);border-radius:8px;display:flex;flex-direction:column;gap:4px}.l3-task-draft-row{display:flex;justify-content:space-between;align-items:center;color:#ffffffb3;gap:12px}.l3-task-draft-row span:first-child{color:#ffffff73;flex-shrink:0}.l3-task-draft-row span:last-child{color:#ffffffd9;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.l3-task-draft-footer{margin-top:4px;padding-top:6px;border-top:1px solid rgba(76,201,240,.1);color:#4cc9f099;text-align:center;font-size:10.5px}.admin-layout{display:flex;height:100vh;background:#f3f4f6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.admin-sidebar{width:240px;min-width:240px;background:#1e293b;color:#e2e8f0;display:flex;flex-direction:column;height:100vh;position:sticky;top:0;overflow-y:auto}.admin-sidebar-header{padding:20px 16px;border-bottom:1px solid #334155;display:flex;align-items:center;gap:10px}.admin-sidebar-header h2{font-size:16px;font-weight:700;color:#f1f5f9;margin:0;white-space:nowrap}.admin-sidebar-brand-icon{width:28px;height:28px;background:#3b82f6;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;flex-shrink:0}.admin-sidebar-menu{flex:1;padding:12px 0}.admin-menu-group{margin-bottom:4px}.admin-menu-group-title{padding:8px 16px 4px;font-size:11px;font-weight:600;text-transform:uppercase;color:#64748b;letter-spacing:.5px}.admin-menu-item{display:flex;align-items:center;gap:10px;padding:9px 16px;font-size:13px;color:#cbd5e1;cursor:pointer;text-decoration:none;transition:all .15s;border-left:3px solid transparent}.admin-menu-item:hover{background:#334155;color:#f1f5f9}.admin-menu-item.active{background:#334155;color:#3b82f6;border-left-color:#3b82f6}.admin-menu-item-icon{width:18px;text-align:center;font-size:14px;flex-shrink:0}.admin-sidebar-footer{padding:12px 16px;border-top:1px solid #334155;font-size:12px;color:#64748b}.admin-sidebar-user{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;color:#e2e8f0}.admin-sidebar-logout{display:block;width:100%;padding:6px 0;background:none;border:none;color:#94a3b8;font-size:12px;cursor:pointer;text-align:left}.admin-sidebar-logout:hover{color:#ef4444}.admin-main{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.admin-main-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:24px}.admin-placeholder{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:48px 24px;text-align:center}.admin-placeholder h3{font-size:18px;font-weight:600;color:#111827;margin:0 0 12px}.admin-placeholder p{font-size:14px;color:#6b7280;line-height:1.6;max-width:480px;margin:0 auto}.admin-placeholder-icon{font-size:40px;margin-bottom:16px;display:block}.admin-finance-notice{background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;padding:16px 20px;margin-top:16px;font-size:13px;color:#92400e;line-height:1.5}.admin-finance-notice strong{display:block;margin-bottom:4px}.admin-login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f3f4f6}.admin-login-box{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:40px 32px;width:360px;max-width:90vw;box-shadow:0 4px 24px #0000000f}.admin-login-box h2{font-size:22px;font-weight:700;color:#111827;margin:0 0 4px;text-align:center}.admin-login-subtitle{font-size:13px;color:#6b7280;margin:0 0 28px;text-align:center}.admin-login-field{margin-bottom:16px}.admin-login-field label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.admin-login-field input{width:100%;padding:9px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#111827;outline:none;transition:border-color .15s;box-sizing:border-box}.admin-login-field input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.admin-login-error{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:10px 12px;font-size:13px;color:#dc2626;margin-bottom:16px}.admin-login-btn{width:100%;padding:10px 0;background:#3b82f6;border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.admin-login-btn:hover{background:#2563eb}.admin-login-btn:disabled{background:#93c5fd;cursor:not-allowed}.admin-spinner{width:20px;height:20px;border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:admin-spin .6s linear infinite;margin:0 auto}@keyframes admin-spin{to{transform:rotate(360deg)}}.admin-templates-img-wrap{width:120px;min-width:120px;height:80px;border-radius:4px;overflow:hidden;background:#f9fafb;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center}.admin-templates-img{width:100%;height:100%;object-fit:cover}.admin-templates-img-err{display:none;font-size:11px;color:#9ca3af}.admin-templates-img-err-visible{display:block}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}