:root{color:#25262b;background:#f3f1ec;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #25262b;--muted: #76766f;--line: #dedbd3;--surface: #ffffff;--canvas: #f6f4ef;--sidebar: #202226;--accent: #e85d3f;--accent-dark: #c94a31;--violet: #6f62d8;--green: #2d8a65;--soft-orange: #fff0e9}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:var(--canvas)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}.auth-loading{min-height:100dvh;display:grid;place-items:center;align-content:center;gap:10px;background:#f2f3f6;color:#767b86;font-size:11px}.login-page{min-height:100dvh;padding:24px;display:grid;place-items:center;background:#eceef2}.login-shell{width:min(900px,100%);min-height:540px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);overflow:hidden;border:1px solid #d9dce3;border-radius:8px;background:#fff;box-shadow:0 24px 64px #20243021}.login-brand{min-width:0;padding:40px;display:flex;flex-direction:column;color:#f7f8fb;background:#252934}.login-brand__name{display:flex;align-items:center;gap:11px}.login-brand__name>span{width:40px;height:40px;display:grid;place-items:center;border-radius:8px;background:#e85d3f;color:#fff}.login-brand__name>div{display:grid;gap:2px}.login-brand__name b{font-size:19px}.login-brand__name small{color:#aeb3c0;font-size:10px}.login-brand>p{margin:auto 0 0;color:#aeb3c0;font-size:10px}.login-canvas{height:260px;margin:auto 0;position:relative;overflow:hidden;border:1px solid #414653;border-radius:8px;background:#20232b}.login-canvas i{width:104px;height:60px;position:absolute;border:1px solid #656d80;border-radius:6px;background:#343945;box-shadow:0 8px 18px #0000002e}.login-canvas i:nth-child(1){left:28px;top:33px}.login-canvas i:nth-child(2){right:26px;top:65px;width:132px;height:78px;border-color:#6575ff}.login-canvas i:nth-child(3){left:51px;bottom:33px;width:138px;height:72px}.login-canvas i:nth-child(4){right:45px;bottom:25px;width:82px;height:45px}.login-canvas>span{width:48px;height:48px;position:absolute;left:50%;top:50%;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:8px;background:#e85d3f;color:#fff;box-shadow:0 12px 30px #0000004d}.login-form{align-self:center;padding:48px 50px;display:grid;gap:18px}.login-form>header{margin-bottom:11px;display:flex;align-items:center;gap:12px}.login-form__icon{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;background:#eef0ff;color:#5262e5}.login-form h1{margin:0;color:#252934;font-size:22px;letter-spacing:0}.login-form header p{margin:4px 0 0;color:#8b909a;font-size:10px}.login-form>label{display:grid;gap:7px;color:#5e636e;font-size:10px;font-weight:700}.login-form input{height:44px;border-color:#d9dce3;border-radius:6px;font-size:12px}.login-password{position:relative}.login-password input{padding-right:44px}.login-password .icon-button{position:absolute;right:5px;top:5px}.login-error{min-height:20px;display:flex;align-items:center;gap:6px;color:#b44235;font-size:10px}.login-submit{width:100%;height:44px;margin-top:-3px;background:#252934;border-color:#252934}.login-submit:disabled svg{animation:spin .8s linear infinite}.canvas-app{width:100%;height:100vh;height:100dvh;overflow:hidden;background:#f3f4f8}.workspace-empty{width:100%;min-height:100dvh;padding:24px;display:grid;place-items:center;align-content:center;gap:9px;background:#f3f4f8;color:#747984;text-align:center}.workspace-empty>span{width:48px;height:48px;display:grid;place-items:center;border-radius:8px;background:#5b6cf9;color:#fff}.workspace-empty h1{margin:7px 0 0;color:#252934;font-size:20px;letter-spacing:0}.workspace-empty p{margin:0 0 9px;font-size:11px}.workspace-empty__actions{display:flex;align-items:center;gap:8px}.workspace-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;justify-content:flex-end;background:#191c2638;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.workspace-drawer{width:min(660px,92vw);height:100%;overflow-y:auto;border-left:1px solid #dfe2e9;background:#f7f8fa;box-shadow:-18px 0 55px #191c262e}.workspace-drawer__header{height:64px;padding:0 16px 0 22px;position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e1e3e8;background:#fffffff5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.workspace-drawer__header>div{display:grid;gap:1px}.workspace-drawer__header .eyebrow{margin:0;color:#5b6cf9}.workspace-drawer__header b{color:#252934;font-size:14px}.app-shell{min-height:100vh;display:grid;grid-template-columns:232px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:var(--sidebar);color:#f9f8f5;display:flex;flex-direction:column;padding:22px 15px 15px;z-index:20}.brand{display:flex;gap:11px;align-items:center;padding:0 7px 23px}.brand__mark{width:36px;height:36px;display:grid;place-items:center;background:var(--accent);color:#fff;border-radius:8px}.brand div{display:grid;gap:1px}.brand b{font-size:17px;letter-spacing:.08em}.brand small{color:#9d9fa4;font-size:11px}.side-nav{display:grid;gap:5px}.side-nav button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:#b9bbc0;height:42px;border-radius:6px;display:flex;align-items:center;gap:10px;padding:0 11px;cursor:pointer;text-align:left}.side-nav button:hover{background:#2a2d32;color:#fff}.side-nav button.active{background:#31343b;color:#fff;box-shadow:inset 3px 0 var(--accent)}.nav-count{margin-left:auto;min-width:22px;height:20px;display:grid;place-items:center;border-radius:10px;background:#444850;color:#dedfe2;font-size:11px}.sidebar__label{margin:26px 9px 9px;color:#777a81;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.project-switcher{position:relative;display:flex;align-items:center;gap:8px;padding:0 8px;height:45px;border:1px solid #363940;background:#272a2f;border-radius:7px}.project-switcher select{min-width:0;flex:1;border:0;color:#f4f4f5;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;font-size:12px;font-weight:650}.project-switcher svg:last-child{color:#777a81;pointer-events:none}.new-project{height:38px;margin-top:8px;border:1px dashed #444850;background:transparent;color:#aaaeb5;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px}.new-project:hover{color:#fff;border-color:#777b84}.sidebar__spacer{flex:1}.provider-card{display:flex;gap:9px;align-items:center;padding:10px;border:1px solid #34373e;background:#272a2f;border-radius:7px}.provider-dot{width:8px;height:8px;border-radius:50%;background:#888b92;box-shadow:0 0 0 4px #373a40}.provider-dot.online{background:#5bd69b;box-shadow:0 0 0 4px #5bd69b1f}.provider-card div,.user-row div{min-width:0;display:grid;gap:2px}.provider-card b,.user-row b{font-size:11px}.provider-card small,.user-row small{color:#81848b;font-size:10px}.user-row{margin-top:10px;border-top:1px solid #303238;padding:14px 7px 0;display:flex;align-items:center;gap:9px}.user-row svg{margin-left:auto;color:#6f7279}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#3a3e45;font-size:10px;font-weight:800;color:#ddd}.main{min-width:0}.topbar{height:68px;border-bottom:1px solid var(--line);background:#ffffffe6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;padding:0 26px;position:sticky;top:0;z-index:15}.breadcrumbs{display:flex;align-items:center;gap:7px;min-width:0;font-size:12px;color:var(--muted)}.breadcrumbs span{max-width:220px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breadcrumbs b{color:var(--ink)}.topbar__actions{margin-left:auto;display:flex;gap:8px;align-items:center}.mobile-brand{display:none;white-space:nowrap;flex:0 0 auto}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;min-height:38px;padding:0 14px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;font-weight:700;font-size:12px;transition:.15s ease;white-space:nowrap}.button:hover{transform:translateY(-1px)}.button:disabled,.button.disabled{pointer-events:none;opacity:.45}.button--default,.button--outline{background:#fff;border-color:var(--line);color:var(--ink)}.button--outline:hover{border-color:#bdb9ae}.button--ghost{background:transparent;color:#62625d}.button--ghost:hover{background:#eeeae2}.button--primary{background:var(--ink);color:#fff;border-color:var(--ink)}.button--primary:hover{background:#111215}.icon-button{width:34px;height:34px;flex:0 0 auto;border:1px solid transparent;border-radius:6px;display:inline-grid;place-items:center;background:transparent;cursor:pointer;color:#686962}.icon-button:hover{background:#efede7;color:var(--ink)}.icon-button.active{background:#eceae4;color:var(--ink)}.icon-button.active.success{background:#e5f5ed;color:var(--green)}.icon-button.active.danger{background:#fff0ed;color:#c94a31}.alert{margin:14px 26px -2px;min-height:42px;padding:8px 8px 8px 12px;display:flex;align-items:center;gap:9px;color:#8b351f;background:#fff1ec;border:1px solid #f1c9bb;border-radius:6px;font-size:12px}.alert span{flex:1}.job-bar{margin:14px 26px -2px;min-height:48px;padding:9px 12px;display:grid;grid-template-columns:auto minmax(90px,260px) 36px;align-items:center;gap:14px;background:#282a2f;color:#fff;border-radius:7px}.job-bar>div:first-child{display:flex;align-items:center;gap:8px;font-size:12px}.job-bar span{color:#aaadb4}.job-progress{height:6px;border-radius:3px;background:#42454d;overflow:hidden}.job-progress i{display:block;height:100%;background:#f07858}.job-bar strong{font-size:11px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero-row{padding:34px 28px 24px;display:flex;justify-content:space-between;align-items:end;gap:24px}.eyebrow{display:block;margin-bottom:7px;color:var(--accent);font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.hero-row h1,.assets-header h1{margin:0;max-width:720px;font-family:ui-serif,Songti SC,Georgia,serif;font-size:clamp(27px,3vw,42px);line-height:1.14;letter-spacing:-.025em}.hero-row p,.assets-header p{margin:9px 0 0;color:var(--muted);font-size:12px}.hero-stats{display:flex;border:1px solid var(--line);background:#fff;border-radius:7px;overflow:hidden}.hero-stats div{min-width:76px;padding:10px 14px;border-left:1px solid #ebe8e0;display:grid;gap:2px}.hero-stats div:first-child{border-left:0}.hero-stats small{color:#898981;font-size:9px}.hero-stats b{font-size:20px}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 316px;gap:18px;padding:0 28px 38px;align-items:start}.catalog-panel{min-width:0}.catalog-toolbar{display:flex;gap:9px;justify-content:space-between}.search-field{flex:1;max-width:420px;height:40px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#fff;padding:0 11px;border-radius:6px;color:#85857e}.search-field input{width:100%;border:0;outline:0;background:transparent;font-size:12px}.group-tabs{display:flex;gap:5px;margin:16px 0 13px;overflow:auto;scrollbar-width:none}.group-tabs::-webkit-scrollbar{display:none}.group-tabs button,.asset-filters button{border:1px solid transparent;padding:7px 11px;border-radius:5px;background:transparent;color:#74746e;cursor:pointer;white-space:nowrap;font-size:11px;font-weight:650}.group-tabs button:hover,.asset-filters button:hover{background:#ece9e2}.group-tabs button.active,.asset-filters button.active{background:var(--ink);color:#fff}.component-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.component-card{position:relative;min-height:122px;display:flex;align-items:flex-start;gap:10px;padding:14px;border:1px solid var(--line);background:#fff;border-radius:7px;cursor:pointer;text-align:left;transition:.15s ease}.component-card:hover{border-color:#bdb9ae;transform:translateY(-1px);box-shadow:0 7px 20px #1f20230f}.component-card.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.component-card__icon{width:35px;height:35px;flex:0 0 auto;border-radius:7px;background:#f2eee8;color:#52534f;display:grid;place-items:center}.component-card.selected .component-card__icon{background:var(--soft-orange);color:var(--accent)}.component-card__body{min-width:0;display:grid;gap:5px}.component-card__body b{font-size:13px}.component-card__body small{color:#797971;font-size:10px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.component-card__body em{color:#aaa89f;font-style:normal;font-size:9px}.component-check{position:absolute;top:9px;right:9px;width:20px;height:20px;display:grid;place-items:center;border:1px solid #d8d5cd;background:#fff;border-radius:5px;color:#fff}.component-card.selected .component-check{background:var(--accent);border-color:var(--accent)}.config-editor{margin-top:18px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:7px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-heading h2,.batch-panel h2{margin:0;font-size:18px}.section-heading__actions{display:flex;align-items:center;gap:4px}.config-tabs{display:flex;gap:5px;margin:18px 0;overflow:auto}.config-tabs button{border:1px solid #e0ddd6;background:#f7f5f1;color:#6e6e68;border-radius:5px;padding:7px 10px;cursor:pointer;white-space:nowrap;font-size:10px}.config-tabs button.active{color:#fff;background:var(--violet);border-color:var(--violet)}.form-grid,.project-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid label,.project-form label,.quality-row label{min-width:0;display:grid;gap:6px}.form-grid label>span,.project-form label>span,.quality-row label>span,.project-form legend{color:#5f605b;font-size:10px;font-weight:750}input,select,textarea{width:100%;border:1px solid #dcd9d1;background:#fff;color:var(--ink);border-radius:5px;outline:0}input:focus,select:focus,textarea:focus{border-color:#88837b;box-shadow:0 0 0 3px #25262b0f}input,select{height:39px;padding:0 10px}textarea{padding:10px;resize:vertical;line-height:1.55}input:disabled{background:#f1efea;color:#aaa}.span-2{grid-column:1 / -1}.stepper{display:grid;grid-template-columns:36px 1fr 36px;border:1px solid #dcd9d1;border-radius:5px;overflow:hidden}.stepper button{border:0;background:#f5f3ef;cursor:pointer}.stepper input{height:37px;border:0;border-left:1px solid #e1ded7;border-right:1px solid #e1ded7;border-radius:0;text-align:center}.custom-size>div{display:grid;grid-template-columns:1fr 18px 1fr;align-items:center}.custom-size i{text-align:center;color:#99968e;font-style:normal}.required-mark{margin-left:5px;color:var(--accent);font-size:9px;font-style:normal;font-weight:800}.source-note{margin-top:16px;padding:11px;display:grid;grid-template-columns:auto 1fr;gap:6px 8px;color:#77766f;background:#f6f4ef;border-radius:5px;font-size:10px;line-height:1.5}.source-note b{grid-column:2;color:#4f504c}.batch-panel{position:sticky;top:86px;padding:18px;border:1px solid #d9d5cc;background:#fff;border-radius:7px;box-shadow:0 12px 32px #23242812}.batch-panel__header{display:flex;justify-content:space-between;gap:12px;align-items:center}.batch-badge{padding:5px 8px;background:#f1eee8;color:#797971;border-radius:4px;font-size:9px;font-weight:750}.brand-strip{margin:16px 0;padding:11px;border:1px solid #e3e0d9;display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;border-radius:6px}.brand-strip__colors{display:flex}.brand-strip__colors i{width:18px;height:30px;border:2px solid white;margin-left:-4px;border-radius:4px}.brand-strip__colors i:first-child{margin-left:0}.brand-strip div:nth-child(2){display:grid;gap:1px}.brand-strip b{font-size:11px}.brand-strip small{color:#8a8982;font-size:9px}.brand-strip svg{color:#92918a}.selected-list{display:grid;max-height:330px;overflow:auto;margin:0 -5px;padding:0 5px}.selected-list>button{position:relative;border:0;border-bottom:1px solid #eeeae3;background:transparent;padding:10px 25px 10px 6px;display:grid;gap:2px;text-align:left;cursor:pointer}.selected-list>button:hover,.selected-list>button.active{background:#f7f5f0}.selected-list>button span{font-size:11px;font-weight:750}.selected-list>button small{color:#898981;font-size:9px}.selected-list>button svg{position:absolute;right:6px;top:50%;transform:translateY(-50%);color:#a6a49d}.quality-row{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-top:17px;padding-top:15px;border-top:1px solid #eae7df}.quality-row label{flex:1}.queue-info{display:flex;gap:4px;align-items:center;color:#93928a;font-size:9px;padding-bottom:9px}.generate-button{width:100%;height:46px;margin-top:14px;background:var(--accent);border-color:var(--accent)}.generate-button:hover{background:var(--accent-dark)}.batch-tip{margin:9px 4px 0;color:#97958c;font-size:9px;line-height:1.5;text-align:center}.empty{min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;color:#77766f}.empty__icon{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#eeebe5;color:#8b8981}.empty h3{margin:12px 0 3px;color:#484944;font-size:13px}.empty p{max-width:300px;margin:0 0 14px;font-size:10px;line-height:1.5}.assets-page{padding:34px 28px 42px}.assets-page--compact{padding:22px}.assets-page--compact .assets-header{align-items:center}.assets-page--compact .assets-header .eyebrow{display:none}.assets-page--compact .assets-header h1{font-family:inherit;font-size:18px;letter-spacing:0}.assets-page--compact .asset-search{width:100%;margin-top:17px}.assets-page--compact .asset-toolbar{margin-top:17px}.assets-page--compact .asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.assets-header{display:flex;justify-content:space-between;align-items:end;gap:20px}.assets-header>div:last-child{display:flex;gap:8px}.asset-search{width:min(720px,100%);height:42px;margin-top:22px;padding:0 8px 0 12px;display:flex;align-items:center;gap:9px;border:1px solid #cfcbc1;background:#fff;border-radius:7px;color:#85837b;box-shadow:0 5px 16px #23242809}.asset-search:focus-within{border-color:#88837b;box-shadow:0 0 0 3px #25262b0f}.asset-search input{min-width:0;height:40px;padding:0;border:0;box-shadow:none;background:transparent;font-size:11px}.asset-search input:focus{border:0;box-shadow:none}.asset-search button{width:28px;height:28px;flex:0 0 auto;display:grid;place-items:center;padding:0;border:0;border-radius:5px;background:transparent;color:#8d8b84;cursor:pointer}.asset-search button:hover{background:#efede7;color:var(--ink)}.client-overview{margin-top:12px;padding:13px 14px;display:flex;align-items:center;gap:17px;border:1px solid var(--line);background:#fff;border-radius:7px}.client-overview>div:first-child{min-width:145px;display:grid;gap:2px}.client-overview>div:first-child .eyebrow{margin-bottom:1px}.client-overview>div:first-child b{font-size:12px}.client-overview>div:first-child small{color:#929089;font-size:9px;line-height:1.35}.client-list{min-width:0;flex:1;display:flex;gap:7px;overflow:auto}.client-list button{min-width:180px;display:flex;align-items:center;gap:8px;padding:8px 9px;border:1px solid #e4e1da;background:#faf9f6;border-radius:5px;cursor:pointer;text-align:left}.client-list button:hover,.client-list button.active{border-color:var(--accent);background:var(--soft-orange)}.client-list button>span:nth-child(2){min-width:0;flex:1;display:grid;gap:2px}.client-list b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.client-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#929089;font-size:8px}.client-dot{width:20px;height:20px;flex:0 0 auto;border-radius:4px}.client-list svg{color:#9b9991}.client-list__empty{align-self:center;padding:0 8px;color:#99978f;font-size:9px}.client-overview__actions{flex:0 0 auto;display:grid;gap:6px}.client-overview__actions .button{width:100%}.asset-toolbar{margin:25px 0 14px;display:flex;align-items:center;justify-content:space-between;gap:16px}.asset-filters{display:flex;gap:4px}.asset-toolbar>span{color:#98968e;font-size:9px}.asset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.asset-card{min-width:0;border:1px solid var(--line);background:#fff;border-radius:7px;overflow:hidden}.asset-card__image{position:relative;display:grid;place-items:center;width:100%;min-height:80px;max-height:360px;padding:0;border:0;background:#ece9e2;cursor:zoom-in;overflow:hidden}.asset-card__image img{width:100%;height:100%;object-fit:contain;display:block}.asset-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#8c8b84;font-size:10px}.status{position:absolute;top:8px;left:8px;padding:4px 7px;border-radius:4px;background:#25262be0;color:#fff;font-size:8px;font-weight:800}.status--approved{background:#2d8a65eb}.status--failed,.status--rejected{background:#b6402be6}.asset-card__body{padding:11px 12px}.asset-card__body>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.asset-card__body b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.asset-card__body small{flex:0 0 auto;color:#99978f;font-size:8px}.asset-card__body p{margin:6px 0 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#77766f;font-size:9px}.asset-card__body em{display:block;margin-top:6px;color:#b14e36;font-size:8px;font-style:normal;line-height:1.4}.asset-card footer{min-height:43px;border-top:1px solid #eeeae3;display:flex;align-items:center;padding:4px 7px}.asset-card__spacer{flex:1}.modal-backdrop,.preview-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#15161994;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px}.modal{width:min(720px,100%);max-height:calc(100vh - 40px);background:#fff;border-radius:8px;box-shadow:0 26px 70px #0000003d;overflow:auto}.modal__header,.modal__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px}.modal__header{border-bottom:1px solid #e7e3dc}.modal__header h2{margin:0;font-size:18px}.modal__body{padding:20px}.modal__footer{justify-content:flex-end;border-top:1px solid #e7e3dc}.project-form fieldset{grid-column:1 / -1;margin:0;padding:0;border:0}.project-form legend{margin-bottom:7px}.project-form__note{margin:0;padding:10px 12px;color:#66665f;background:#f4f1ea;border-radius:5px;font-size:10px;line-height:1.55}.project-form input[readonly],.project-form select:disabled{color:#77766f;background:#f1efea}.color-fields{display:flex;gap:9px}.color-fields label{flex:1;height:48px;display:flex;flex-direction:row;align-items:center;padding:6px;border:1px solid #dedbd4;border-radius:5px}.color-fields input{width:35px;height:34px;border:0;padding:0;background:transparent}.color-fields span{font-size:10px}.preview{width:min(920px,100%);max-height:calc(100vh - 40px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#fff;border-radius:8px;overflow:hidden}.preview header,.preview footer{padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px}.preview header div{min-width:0;display:grid;gap:2px}.preview header b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.preview header small,.preview footer span{color:#8c8b84;font-size:9px}.preview__canvas{min-height:300px;background-color:#e6e3dc;display:grid;place-items:center;overflow:auto;padding:20px}.preview__canvas img{max-width:100%;max-height:calc(100vh - 190px);object-fit:contain;box-shadow:0 9px 34px #0000002e}.preview footer{border-top:1px solid #e6e3dc}.toast{position:fixed;right:22px;bottom:22px;z-index:120;min-height:42px;padding:0 14px;background:#25262b;color:#fff;border-radius:6px;display:flex;align-items:center;gap:8px;box-shadow:0 12px 34px #00000038;font-size:11px}.toast--error{bottom:74px;background:#9b3d33}@media(max-width:1180px){.component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:920px){.app-shell{display:block}.sidebar{position:fixed;top:auto;bottom:0;width:100%;height:62px;padding:6px 12px;flex-direction:row;z-index:40;border-top:1px solid #3b3e45}.brand,.sidebar__label,.project-switcher,.new-project,.sidebar__spacer,.provider-card,.user-row{display:none}.side-nav{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.side-nav button{height:49px;flex-direction:column;justify-content:center;gap:3px;padding:0;font-size:9px}.side-nav button.active{box-shadow:inset 0 -3px var(--accent)}.nav-count{display:none}.topbar{padding:0 16px}.mobile-brand{display:flex;align-items:center;gap:7px;margin-right:12px}.breadcrumbs,.topbar__actions .button--ghost,.topbar__actions .button--outline{display:none}.workspace-grid{grid-template-columns:1fr}.batch-panel{position:static}.hero-row{align-items:flex-start}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.assets-page{padding-bottom:90px}.toast{bottom:78px}}@media(max-width:620px){.login-page{padding:0;background:#fff}.login-shell{min-height:100dvh;grid-template-columns:1fr;border:0;border-radius:0;box-shadow:none}.login-brand{min-height:176px;padding:24px}.login-canvas{height:72px;margin:22px 0 0}.login-canvas i{display:none}.login-canvas>span{width:40px;height:40px}.login-brand>p{display:none}.login-form{width:100%;padding:34px 24px 48px;align-self:start}.workspace-drawer{width:100%;max-width:none}.assets-page--compact{padding:16px}.assets-page--compact .asset-grid{grid-template-columns:1fr}.topbar{height:60px}.topbar__actions{width:100%}.topbar__actions .button--primary{margin-left:auto}.hero-row,.assets-header{display:grid;align-items:start}.hero-row{padding:24px 16px 18px}.hero-row h1,.assets-header h1{font-size:28px}.hero-stats{width:100%}.hero-stats div{flex:1;min-width:0}.workspace-grid,.assets-page{padding-left:16px;padding-right:16px}.catalog-toolbar{display:grid;grid-template-columns:1fr auto}.component-grid{grid-template-columns:1fr}.component-card{min-height:104px}.form-grid,.project-form{grid-template-columns:1fr}.span-2,.project-form fieldset{grid-column:auto}.job-bar{margin:10px 16px 0;grid-template-columns:1fr 34px}.job-bar>div:first-child span{display:none}.job-progress{grid-row:2;grid-column:1 / -1}.asset-grid{grid-template-columns:1fr}.asset-toolbar{display:grid}.asset-toolbar>span{display:none}.asset-filters{overflow:auto}.assets-header>div:last-child{width:100%}.assets-header .button{flex:1}.client-overview{align-items:stretch;flex-direction:column;gap:10px}.client-overview__actions{align-self:flex-start;display:flex;flex-wrap:wrap}.modal-backdrop,.preview-backdrop{padding:0;place-items:end center}.modal,.preview{width:100%;max-height:94vh;border-radius:8px 8px 0 0}.color-fields{display:grid;grid-template-columns:repeat(3,1fr)}}.chat-page{padding:36px 28px 44px}.chat-workspace{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,760px) 240px;gap:32px;align-items:start}.chat-column{min-width:0}.chat-intro{padding:4px 0 20px}.chat-intro h1{margin:0;font-family:ui-serif,Songti SC,Georgia,serif;font-size:clamp(31px,4vw,48px);line-height:1.08;letter-spacing:-.035em}.chat-intro p{margin:12px 0 0;color:var(--muted);font-size:12px}.quick-prompts{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 21px}.quick-prompts button{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #dedbd3;border-radius:5px;background:#fff;color:#696963;cursor:pointer;font-size:10px}.quick-prompts button:hover{border-color:var(--accent);color:var(--accent)}.chat-thread{min-height:170px;display:grid;gap:16px}.chat-message{display:flex;align-items:flex-start;gap:10px;max-width:620px}.chat-message--user{justify-self:end;flex-direction:row-reverse}.chat-avatar{width:28px;height:28px;flex:0 0 auto;display:grid;place-items:center;border-radius:7px;background:#e9e5dc;color:#6f6d64;font-size:9px;font-weight:800}.chat-message--assistant .chat-avatar{background:var(--accent);color:#fff}.chat-message>div{min-width:0}.chat-message p{margin:0;padding:11px 13px;border:1px solid #e1ded7;background:#fff;border-radius:6px 9px 9px;color:#4f504b;font-size:12px;line-height:1.6;white-space:pre-wrap}.chat-message--user p{border-color:#2c2e33;background:#2c2e33;color:#fff;border-radius:9px 6px 9px 9px}.chat-message small{display:block;margin:5px 3px 0;color:#aaa79e;font-size:9px}.chat-message--user small{text-align:right}.recommendation-card{padding:18px;border:1px solid #d9d5cc;background:#fff;border-radius:8px;box-shadow:0 10px 28px #2324280f}.recommendation-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.recommendation-card h2{margin:0;font-size:18px}.recommendation-total{padding:6px 8px;border-radius:5px;background:var(--soft-orange);color:var(--accent);font-size:11px;font-weight:800;white-space:nowrap}.recommendation-meta{display:flex;gap:14px;margin:13px 0;color:#85837b;font-size:10px}.recommendation-meta span{display:inline-flex;align-items:center;gap:5px}.recommendation-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.recommendation-item{min-width:0;display:flex;align-items:center;gap:8px;padding:9px;border:1px solid #e7e3dc;border-radius:5px;background:#faf9f6}.recommendation-item__icon{width:28px;height:28px;flex:0 0 auto;display:grid;place-items:center;border-radius:5px;color:var(--violet);background:#eeebfb}.recommendation-item>div{min-width:0;flex:1;display:grid;gap:2px}.recommendation-item b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.recommendation-item small{color:#8e8c84;font-size:9px}.ready-dot,.needs-dot{width:7px;height:7px;border-radius:50%}.ready-dot{background:var(--green)}.needs-dot{background:#d39a36}.recommendation-question{margin-top:12px;padding:9px 10px;display:grid;grid-template-columns:auto 1fr;gap:5px 7px;border:1px solid #eed5a3;background:#fff8e9;color:#84601e;border-radius:5px;font-size:10px;line-height:1.45}.recommendation-question>div{grid-column:2;display:flex;flex-wrap:wrap;gap:5px}.recommendation-question button{padding:5px 7px;border:1px solid #e7c981;border-radius:4px;background:#fff;color:#805c1f;cursor:pointer;font-size:9px}.recommendation-card>footer{display:flex;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid #eeeae3}.generation-status{padding:13px;border:1px solid #3a3d44;background:#292b30;color:#fff;border-radius:7px;display:grid;grid-template-columns:auto 1fr 38px;align-items:center;gap:12px}.generation-status>div:first-child{display:flex;align-items:center;gap:7px;font-size:11px}.generation-status span{color:#a8abb1;font-size:9px}.generation-progress{height:5px;border-radius:3px;background:#484b52;overflow:hidden}.generation-progress i{display:block;height:100%;background:var(--accent)}.generation-status strong{font-size:10px}.advanced-panel{margin-top:12px;padding:16px;border:1px solid #d9d5cc;background:#fbfaf7;border-radius:7px}.advanced-panel>header{display:flex;align-items:center;justify-content:space-between}.advanced-panel h2{margin:0;font-size:15px}.advanced-list{display:grid;gap:8px;margin-top:13px}.advanced-item{padding:10px;border:1px solid #e5e1da;background:#fff;border-radius:5px}.advanced-item__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.advanced-item__head b{font-size:10px}.advanced-fields{display:grid;grid-template-columns:110px minmax(0,1fr);gap:9px}.advanced-fields label,.advanced-quality{display:grid;gap:4px}.advanced-fields .advanced-span-2{grid-column:1 / -1}.advanced-fields textarea{min-height:56px;resize:vertical;font-size:10px;line-height:1.45}.advanced-fields span,.advanced-quality span{color:#77756e;font-size:9px;font-weight:700}.advanced-fields input,.advanced-fields select,.advanced-quality select{height:33px;font-size:10px}.size-inputs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:5px}.size-inputs span{color:#aaa69d;text-align:center;font-weight:500}.size-inputs input{min-width:0}.advanced-quality{margin-top:12px;max-width:200px}.recent-results{padding:16px;border:1px solid #dedbd3;background:#fff;border-radius:7px}.recent-results>header{display:flex;align-items:center;justify-content:space-between}.recent-results h2{margin:0;font-size:15px}.recent-results>header button{display:inline-flex;align-items:center;gap:4px;padding:5px;border:0;background:transparent;color:var(--accent);cursor:pointer;font-size:10px}.recent-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-top:13px}.recent-grid button{min-width:0;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.recent-grid img{display:block;width:100%;object-fit:contain;border-radius:4px;background:#efede7}.recent-grid span,.recent-grid small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-grid span{margin-top:5px;color:#50514c;font-size:9px}.recent-grid small{margin-top:2px;color:#96938a;font-size:8px}.chat-composer{margin-top:16px;padding:10px;border:1px solid #cfcac0;background:#fff;border-radius:8px;box-shadow:0 8px 22px #2324280d}.chat-composer textarea{display:block;min-height:62px;padding:6px 5px;border:0;resize:vertical;font-size:12px;line-height:1.55;box-shadow:none}.chat-composer textarea:focus{box-shadow:none}.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #eeeae3;padding-top:8px}.composer-footer>span{display:inline-flex;align-items:center;gap:5px;color:#96938a;font-size:9px}.button.is-loading svg{animation:spin 1s linear infinite}.context-rail{position:sticky;top:88px;display:grid;gap:10px}.context-card{padding:15px;border:1px solid var(--line);background:#fff;border-radius:7px}.context-card h2{margin:0;font-size:17px}.context-card p{margin:5px 0 13px;color:#95928a;font-size:10px}.context-card .button{width:100%;margin-top:15px}.context-colors{display:flex;gap:5px}.context-colors i{width:24px;height:24px;border-radius:4px}.context-stat{display:flex;align-items:baseline;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eeeae3}.context-stat:last-child{border-bottom:0;padding-bottom:0}.context-stat b{font-size:22px}.context-stat span{color:#8e8b83;font-size:9px}.context-link{display:flex;align-items:center;gap:8px;padding:12px;border:1px solid #dedbd3;border-radius:6px;background:#fff;color:#5a5a54;cursor:pointer;text-align:left;font-size:10px}.context-link span{flex:1}.context-link:hover{border-color:var(--accent);color:var(--accent)}@media(max-width:920px){.chat-page{padding:26px 16px 92px}.chat-workspace{display:block}.context-rail{display:none}.side-nav{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:620px){.chat-intro h1{font-size:32px}.quick-prompts{flex-wrap:nowrap;overflow:auto;margin-right:-16px;padding-right:16px}.quick-prompts{scrollbar-width:none}.quick-prompts::-webkit-scrollbar{display:none}.quick-prompts button{flex:0 0 auto}.recommendation-items{grid-template-columns:1fr}.recommendation-card>footer{display:grid;grid-template-columns:1fr 1fr}.recommendation-card>footer .button{width:100%;padding-left:7px;padding-right:7px}.generation-status{grid-template-columns:1fr 40px}.generation-status>div:first-child{grid-column:1 / -1}.generation-progress{grid-column:1}.recent-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.composer-footer>span{max-width:190px;line-height:1.35}.advanced-fields{grid-template-columns:88px minmax(0,1fr)}}.diy-editor,.diy-editor *{box-sizing:border-box}.diy-editor{--diy-blue: #5b6cf9;--diy-blue-strong: #4354eb;--diy-blue-soft: #eef0ff;--diy-ink: #171923;--diy-text: #313543;--diy-muted: #858b9a;--diy-line: #e6e8ef;--diy-panel: #ffffff;width:100%;height:100vh;height:100dvh;overflow:hidden;background:#f3f4f8;color:var(--diy-text);font-family:Inter,ui-sans-serif,PingFang SC,Microsoft YaHei,Arial,sans-serif}.diy-editor button,.diy-editor input,.diy-editor select,.diy-editor textarea{font:inherit;letter-spacing:0}.diy-editor button{color:inherit}.diy-editor button:focus-visible,.diy-editor input:focus-visible,.diy-editor textarea:focus-visible,.diy-editor select:focus-visible{outline:2px solid rgba(91,108,249,.42);outline-offset:2px}.diy-canvas-node:focus-visible{outline:3px solid rgba(91,108,249,.48);outline-offset:3px}.diy-editor__header{height:64px;display:grid;grid-template-columns:minmax(210px,280px) minmax(290px,1fr) auto;align-items:center;gap:22px;padding:0 18px;position:relative;z-index:60;border-bottom:1px solid var(--diy-line);background:#fffffff5;box-shadow:0 1px #14182805;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.diy-page-tabs button,.diy-header-actions button,.diy-mobile-tabs button{border:0;background:transparent;cursor:pointer}.diy-editor__logo{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#6979ff,#4455e8);color:#fff;box-shadow:0 7px 16px #4f5fef3d}.diy-project-control{min-width:0;height:44px;padding:0 10px 0 5px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid #e2e4ea;border-radius:10px;background:#fafafd}.diy-project-control label{min-width:0;display:grid;gap:1px}.diy-project-control label>span{color:#969ca8;font-size:8px;font-weight:700}.diy-project-control select{width:100%;height:20px;padding:0;overflow:hidden;border:0;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:var(--diy-ink);font-size:11px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.diy-project-control>svg{color:#8c929e;pointer-events:none}.diy-page-tabs{height:100%;display:flex;align-items:stretch;justify-content:center;gap:10px}.diy-page-tabs button{min-width:100px;padding:0 16px;display:flex;align-items:center;justify-content:center;gap:7px;position:relative;border-radius:8px;color:#686e7b;font-size:12px}.diy-page-tabs button:after{content:"";position:absolute;left:22px;right:22px;bottom:-1px;height:3px;border-radius:4px 4px 0 0;background:transparent}.diy-page-tabs button:hover{color:var(--diy-ink);background:#f7f7fa}.diy-page-tabs button.is-active{color:var(--diy-blue-strong);font-weight:750;background:transparent}.diy-page-tabs button.is-active:after{background:var(--diy-blue)}.diy-header-actions{justify-self:end;display:flex;align-items:center;gap:8px}.diy-header-actions>span{max-width:112px;margin-right:2px;overflow:hidden;color:var(--diy-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.diy-header-actions>span.is-dirty{color:#d68a1b}.diy-header-actions>span.is-conflict{color:#c7463b}.diy-button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;border-radius:8px;font-size:11px;font-weight:720;cursor:pointer;white-space:nowrap}.diy-button--outline{border:1px solid #dfe2e9!important;background:#fff!important}.diy-button--outline:hover{border-color:#c8ccd6!important;background:#fafafd!important}.diy-button--primary{border:1px solid var(--diy-blue)!important;background:linear-gradient(135deg,var(--diy-blue),var(--diy-blue-strong))!important;color:#fff!important;box-shadow:0 7px 18px #4d5dec38}.diy-button:disabled{opacity:.55;cursor:wait;box-shadow:none}.diy-assets-button b{min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;border-radius:9px;background:var(--diy-blue-soft);color:var(--diy-blue-strong);font-size:8px}.diy-workspace-menu{position:relative}.diy-workspace-menu>summary{list-style:none;cursor:pointer}.diy-workspace-menu>summary::-webkit-details-marker{display:none}.diy-workspace-menu[open]>summary{border-color:#bfc5ff!important;background:var(--diy-blue-soft)!important;color:var(--diy-blue-strong)}.diy-workspace-menu__panel{width:270px;max-height:calc(100dvh - 76px);padding:9px;position:absolute;right:0;top:calc(100% + 9px);z-index:90;display:grid;gap:3px;overflow-y:auto;border:1px solid #dfe2e9;border-radius:11px;background:#fffffffa;box-shadow:0 18px 48px #1f23372e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.diy-workspace-menu__panel>header{min-width:0;padding:7px 8px 10px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;border-bottom:1px solid #eceef3}.diy-workspace-menu__panel>header>div{min-width:0;display:grid;gap:3px}.diy-workspace-menu__panel>header b{overflow:hidden;color:var(--diy-ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.diy-workspace-menu__panel>header small{overflow:hidden;color:var(--diy-muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.diy-workspace-menu__panel>button{width:100%;min-height:34px;padding:0 9px;display:flex;align-items:center;gap:8px;border-radius:7px;color:#505663;font-size:10px;text-align:left}.diy-workspace-menu__panel>button:hover:not(:disabled){background:#f4f5f8;color:var(--diy-ink)}.diy-workspace-menu__panel>button:disabled{opacity:.42;cursor:default}.diy-workspace-menu__panel>label{margin:5px 7px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;color:#686e7b;font-size:9px}.diy-workspace-menu__panel>label select{height:32px;padding:0 8px;border:1px solid #e0e3e9;border-radius:7px;background:#fafafd;color:#434955;font-size:9px}.diy-workspace-menu__panel>i{height:1px;margin:4px 7px;background:#eceef3}.diy-workspace-menu__panel>footer{padding:8px 7px 3px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;border-top:1px solid #eceef3;color:#6d7380;font-size:9px}.diy-workspace-menu__panel>footer small{color:#a0a5b0;font-size:8px}.diy-provider-dot{width:7px;height:7px;display:block;border-radius:50%;background:#b5bac4;box-shadow:0 0 0 3px #b5bac426}.diy-provider-dot.is-online{background:#35b87c;box-shadow:0 0 0 3px #35b87c21}.diy-mobile-tabs{display:none}.diy-editor__body{height:calc(100dvh - 64px);display:grid;grid-template-columns:clamp(236px,16.5vw,276px) minmax(420px,1fr) clamp(330px,24vw,390px);min-width:0}.diy-library,.diy-inspector{min-width:0;overflow-y:auto;background:var(--diy-panel);scrollbar-width:thin;scrollbar-color:#d8dbe3 transparent}.diy-library{padding:19px 16px 42px;border-right:1px solid var(--diy-line)}.diy-library__title{margin-bottom:14px;display:flex;align-items:flex-start;justify-content:space-between}.diy-library__title>div{display:grid;gap:4px}.diy-library__title span{color:var(--diy-ink);font-size:14px;font-weight:800}.diy-library__title small{color:var(--diy-muted);font-size:9px;line-height:1.4}.diy-library__title>b{min-width:28px;height:24px;display:grid;place-items:center;border-radius:12px;background:var(--diy-blue-soft);color:var(--diy-blue-strong);font-size:10px}.diy-library__search{height:36px;margin-bottom:21px;padding:0 10px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;border:1px solid #e1e3ea;border-radius:9px;background:#f8f8fb;color:#9aa0ad}.diy-library__search:focus-within{border-color:#aeb7ff;background:#fff;box-shadow:0 0 0 3px #5b6cf914}.diy-library__search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--diy-text);font-size:10px}.diy-library__search button{width:23px;height:23px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#979daa;cursor:pointer}.diy-library__group+.diy-library__group{margin-top:24px}.diy-library__group h2{margin:0 0 11px;color:#555b68;font-size:10px;font-weight:760;letter-spacing:.04em}.diy-library__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.diy-library__item{min-width:0;min-height:92px;padding:13px 7px 10px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid #e8e9ee;border-radius:10px;background:#fafafd;color:#484e5b;cursor:pointer;font-size:10px;line-height:1.25}.diy-library__item>span:not(.diy-library__item-icon):not(.diy-library__action){max-width:100%;min-height:25px;display:-webkit-box;overflow:hidden;text-align:center;-webkit-box-orient:vertical;-webkit-line-clamp:2}.diy-library__item>small{max-width:100%;overflow:hidden;color:#a0a5b0;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.diy-library__item>em{min-width:17px;height:17px;padding:0 4px;position:absolute;left:7px;top:7px;display:grid;place-items:center;border-radius:9px;background:#242936;color:#fff;font-size:8px;font-style:normal}.diy-library__item:hover{border-color:#bfc6ff;background:#f7f8ff;transform:translateY(-1px);box-shadow:0 5px 13px #28305a0f}.diy-library__item.is-active{border-color:var(--diy-blue);background:var(--diy-blue-soft);color:#3444cc;box-shadow:inset 0 0 0 1px #5b6cf914}.diy-library__item-icon{width:30px;height:30px;display:grid;place-items:center;color:#626977}.diy-library__item.is-active .diy-library__item-icon{color:var(--diy-blue-strong)}.diy-library__action{width:20px;height:20px;position:absolute;top:7px;right:7px;display:grid;place-items:center;border:1px solid #d3d6de;border-radius:50%;background:#fff;color:#8a909d}.diy-library__action:hover{border-color:var(--diy-blue);color:var(--diy-blue)}.diy-library__action.is-present{border-color:var(--diy-blue);background:var(--diy-blue);color:#fff}.diy-library__empty{min-height:160px;display:grid;place-items:center;align-content:center;gap:9px;color:#9aa0ad;font-size:10px}.diy-canvas-viewport{min-width:0;min-height:0;position:relative;overflow:hidden;isolation:isolate;background:#ebecef;-webkit-user-select:none;user-select:none;touch-action:none}.diy-canvas-hitplane{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;cursor:default;background-color:#edeef2;background-image:radial-gradient(circle,#bdc1cc 1px,transparent 1.15px);background-size:var(--canvas-grid) var(--canvas-grid);background-position:var(--canvas-x) var(--canvas-y)}.diy-canvas-viewport.is-panning .diy-canvas-hitplane,.diy-canvas-viewport.is-panning{cursor:grab}.diy-canvas-viewport.is-panning:active{cursor:grabbing}.diy-canvas-world{width:1px;height:1px;position:absolute;left:0;top:0;z-index:2;transform-origin:0 0;pointer-events:none;will-change:transform}.diy-canvas-links{width:10000px;height:10000px;position:absolute;left:-5000px;top:-5000px;overflow:visible;pointer-events:none}.diy-canvas-links path{fill:none;stroke:#c2c6d0;stroke-width:2;stroke-dasharray:7 8;opacity:.7;vector-effect:non-scaling-stroke}.diy-canvas-links path.is-complete{stroke:#8190ff;stroke-dasharray:none;opacity:.56}.diy-canvas-toolbar{min-height:44px;padding:5px;position:absolute;left:50%;top:13px;z-index:30;display:flex;align-items:center;gap:5px;transform:translate(-50%);border:1px solid rgba(210,213,221,.95);border-radius:11px;background:#fffffff2;box-shadow:0 10px 28px #24283e24;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);touch-action:pan-x}.diy-canvas-toolbar>i{width:1px;height:22px;display:block;background:#e6e7ec}.diy-canvas-toolbar__group{display:flex;align-items:center;gap:2px}.diy-canvas-toolbar button{height:32px;min-width:32px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:7px;background:transparent;color:#5f6572;cursor:pointer}.diy-canvas-toolbar button:hover:not(:disabled),.diy-canvas-toolbar button.is-active{background:#eff1ff;color:var(--diy-blue-strong)}.diy-canvas-toolbar button:disabled{opacity:.34;cursor:default}.diy-canvas-toolbar__zoom{width:48px;font-size:9px;font-weight:760}.diy-canvas-toolbar .diy-canvas-toolbar__generate{min-width:126px;padding:0 12px;background:linear-gradient(135deg,var(--diy-blue),var(--diy-blue-strong));color:#fff;font-size:10px;font-weight:730;box-shadow:0 5px 12px #4d5dec36}.diy-canvas-toolbar .diy-canvas-toolbar__generate:hover:not(:disabled){background:linear-gradient(135deg,#6575ff,#3d4dde);color:#fff}.diy-canvas-assistant{width:min(660px,calc(100% - 28px));padding:6px;position:absolute;left:50%;bottom:42px;z-index:35;transform:translate(-50%);border:1px solid rgba(205,209,220,.96);border-radius:11px;background:#fffffff5;box-shadow:0 14px 36px #1f23372b;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);touch-action:manipulation;-webkit-user-select:text;user-select:text}.diy-canvas-assistant:focus-within{border-color:#aeb6ff;box-shadow:0 0 0 3px #5b6cf91a,0 16px 40px #1f23372e}.diy-canvas-assistant__status{min-width:0;min-height:28px;padding:2px 7px 7px;display:flex;align-items:center;gap:7px;color:#676e7b;font-size:9px}.diy-canvas-assistant__status>svg{flex:0 0 auto;color:var(--diy-blue-strong)}.diy-canvas-assistant__status>span{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diy-canvas-assistant__status>i{width:94px;height:4px;flex:0 0 auto;overflow:hidden;border-radius:2px;background:#e8eaf1}.diy-canvas-assistant__status>i>b{height:100%;display:block;border-radius:inherit;background:var(--diy-blue);transition:width .2s ease}.diy-canvas-assistant__status>strong{width:30px;flex:0 0 auto;color:#69707e;font-size:8px;font-variant-numeric:tabular-nums;text-align:right}.diy-canvas-assistant__quick{max-height:0;padding:0 2px;display:flex;align-items:center;gap:6px;overflow:hidden;opacity:0;transform:translateY(4px);transition:max-height .16s ease,opacity .14s ease,transform .16s ease,padding .16s ease}.diy-canvas-assistant.is-idle:focus-within .diy-canvas-assistant__quick{max-height:40px;padding:0 2px 6px;opacity:1;transform:none}.diy-canvas-assistant__quick button{min-width:0;height:28px;padding:0 9px;overflow:hidden;flex:0 1 auto;border:1px solid #e1e3ea;border-radius:7px;background:#f8f8fb;color:#676e7a;cursor:pointer;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.diy-canvas-assistant__quick button:hover{border-color:#c4c9ff;background:#f1f2ff;color:var(--diy-blue-strong)}.diy-canvas-assistant__form{height:42px;padding:4px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:5px;border-radius:8px;background:#f6f7fa}.diy-canvas-assistant__mark{width:30px;height:30px;display:grid;place-items:center;border-radius:7px;background:var(--diy-blue-soft);color:var(--diy-blue-strong)}.diy-canvas-assistant__form input{width:100%;min-width:0;height:34px;padding:0 5px;border:0;outline:0;background:transparent;color:#343946;font-size:11px}.diy-canvas-assistant__form input::placeholder{color:#989eaa}.diy-canvas-assistant__form input:disabled{cursor:wait}.diy-canvas-assistant__form button{min-width:76px;height:34px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:7px;background:var(--diy-blue);color:#fff;cursor:pointer;font-size:10px;font-weight:730;box-shadow:0 4px 10px #4354eb33}.diy-canvas-assistant__form button:hover:not(:disabled){background:var(--diy-blue-strong)}.diy-canvas-assistant__form button:disabled{opacity:.42;cursor:default;box-shadow:none}.diy-canvas-viewport.has-assistant .diy-canvas-minimap{top:70px;bottom:auto}.diy-canvas-phone{width:415px;height:890px;position:absolute;overflow:hidden;pointer-events:auto;border:1px solid #d9dce5;border-radius:14px;background:#f8f8fb;box-shadow:0 20px 48px #1f233626}.diy-canvas-phone__header{height:46px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e7ed;background:#fff;cursor:move}.diy-canvas-phone__header>span{display:flex;align-items:center;gap:7px;color:#3a3f4c;font-size:10px;font-weight:750}.diy-canvas-phone__header small{color:#9ba0ab;font-size:8px}.diy-canvas-phone__body{height:844px;padding:16px 20px;background:linear-gradient(145deg,#f9f9fb,#f1f2f6)}.diy-canvas-node{position:absolute;display:grid;grid-template-rows:39px 26px minmax(0,1fr) 36px;overflow:visible;pointer-events:auto;border:1px solid #d7dae3;border-radius:12px;background:#fff;box-shadow:0 11px 28px #25293b1c}.diy-canvas-node:hover{border-color:#aeb5c6;box-shadow:0 14px 32px #25293b24}.diy-canvas-node.is-selected{border-color:var(--diy-blue);box-shadow:0 0 0 2px #5b6cf933,0 15px 34px #2b336a2b}.diy-canvas-node.is-locked{border-style:dashed}.diy-canvas-node__header{min-width:0;padding:0 10px;display:flex;align-items:center;gap:7px;border-bottom:1px solid #eceef2;border-radius:11px 11px 0 0;background:#fbfbfd;cursor:move}.diy-canvas-node__type{min-width:0;display:flex;align-items:center;gap:6px;color:#404552}.diy-canvas-node__type svg{flex:0 0 auto;color:#747b8a}.diy-canvas-node__type b{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.diy-canvas-node__size{margin-left:auto;flex:0 0 auto;color:#7f8693;font-size:10px;font-variant-numeric:tabular-nums}.diy-canvas-node__mapping{min-width:0;padding:0 10px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid #f0f1f4;background:#fff;color:#858b98;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.diy-canvas-node__preview{min-height:0;position:relative;overflow:hidden;background:#f6f7f9}.diy-canvas-node__preview>:first-child{width:100%}.diy-canvas-node__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;gap:7px;background:#f8f9fde0;color:var(--diy-blue-strong);font-size:9px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.diy-canvas-node__error{position:absolute;left:8px;right:8px;bottom:8px;padding:6px 8px;border-radius:6px;background:#b53939e6;color:#fff;font-size:8px;text-align:center}.diy-canvas-node__footer{padding:0 8px 0 10px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eceef2;border-radius:0 0 11px 11px;background:#fff}.diy-canvas-node__footer>span{display:flex;align-items:center;gap:6px;color:#838a97;font-size:11px}.diy-canvas-node__footer>span>i{width:6px;height:6px;border-radius:50%;background:#c7cbd3}.diy-canvas-node__footer>span.is-ready{color:#31835c}.diy-canvas-node__footer>span.is-ready>i{background:#3bb67c;box-shadow:0 0 0 3px #3bb67c1f}.diy-canvas-node__footer>div{display:flex;gap:3px}.diy-canvas-node__footer a,.diy-canvas-node__footer button{width:27px;height:27px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:#6d7380;cursor:pointer}.diy-canvas-node__footer a:hover,.diy-canvas-node__footer button:hover{background:var(--diy-blue-soft);color:var(--diy-blue-strong)}.diy-canvas-resize{width:10px;height:10px;padding:0;position:absolute;z-index:4;display:none;border:2px solid #fff;border-radius:50%;background:var(--diy-blue);box-shadow:0 0 0 1px var(--diy-blue);cursor:nwse-resize}.diy-canvas-node.is-selected .diy-canvas-resize{display:block}.diy-canvas-resize--nw{left:-5px;top:-5px}.diy-canvas-resize--ne{right:-5px;top:-5px;cursor:nesw-resize}.diy-canvas-resize--se{right:-5px;bottom:-5px}.diy-canvas-resize--sw{left:-5px;bottom:-5px;cursor:nesw-resize}.diy-canvas-minimap{width:190px;height:122px;padding:8px;position:absolute;right:13px;bottom:36px;z-index:25;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(202,205,214,.9);border-radius:10px;background:#ffffffe6;box-shadow:0 8px 24px #2327391f;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.diy-canvas-minimap__world{position:relative;max-width:172px;max-height:104px}.diy-canvas-minimap__world>i{position:absolute;display:block;border-radius:2px;background:#aeb4c3}.diy-canvas-minimap__world>i.is-artboard{border:1px solid #787f91;background:#fff}.diy-canvas-minimap__world>i.is-node{background:#b5bac6}.diy-canvas-minimap__world>i.is-node.is-ready{background:#7987fb}.diy-canvas-minimap__world>b{position:absolute;min-width:5px;min-height:5px;display:block;border:1px solid #4c5ce5;background:#5b6cf91a}.diy-canvas-status{height:25px;padding:0 11px;position:absolute;left:12px;bottom:9px;z-index:25;display:flex;align-items:center;gap:8px;border:1px solid rgba(208,211,220,.85);border-radius:13px;background:#ffffffdb;color:#7c828f;font-size:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.diy-canvas-status i{width:3px;height:3px;border-radius:50%;background:#b0b5bf}.diy-canvas-status__touch{display:none}.diy-component-preview__image{width:100%;display:block;object-fit:cover}.diy-component-preview{width:100%;display:flex;color:#303540}.diy-component-preview--placeholder{align-items:center;justify-content:center;flex-direction:column;gap:6px;background:linear-gradient(145deg,#fafbfc,#f0f2f6);text-align:center}.diy-component-preview--placeholder>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#fff;box-shadow:0 4px 12px #262a3b14}.diy-component-preview--placeholder strong{font-size:10px}.diy-component-preview--placeholder small{max-width:86%;overflow:hidden;color:#9a9fac;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.diy-component-preview--carousel{padding:17px;justify-content:center;flex-direction:column;position:relative;gap:7px}.diy-component-preview--carousel strong{max-width:78%;font-size:13px}.diy-component-preview__eyebrow{color:#7f8795;font-size:8px;letter-spacing:.08em}.diy-component-preview__dots{position:absolute;left:17px;bottom:13px;display:flex;gap:4px}.diy-component-preview__dots i{width:5px;height:5px;border-radius:50%;background:#d1d4dc}.diy-component-preview--functions{padding:12px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;background:#fff}.diy-component-preview--functions>span{min-width:0;display:grid;place-items:center;gap:6px}.diy-component-preview--functions i{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;font-size:8px;font-style:normal;font-weight:800}.diy-component-preview--functions small{max-width:100%;overflow:hidden;color:#6e7480;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.diy-component-preview--single-icon{align-items:center;justify-content:center;flex-direction:column;gap:6px;background:#fff}.diy-component-preview--single-icon>span{width:46px;height:46px;display:grid;place-items:center;border-radius:14px}.diy-component-preview--single-icon strong{font-size:10px}.diy-component-preview--single-icon small{color:#979da8;font-size:8px}.diy-component-preview--notice{padding:0 13px;align-items:center;gap:8px;background:#fff;color:#626875;font-size:8px}.diy-component-preview--notice span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diy-component-preview--coupon{padding:12px 13px;align-items:center;justify-content:space-between;gap:10px;border-left:4px solid;background:#fff}.diy-component-preview--coupon>div{min-width:0;display:grid;gap:4px}.diy-component-preview--coupon strong{font-size:10px}.diy-component-preview--coupon small{overflow:hidden;color:#9499a4;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.diy-component-preview--coupon>i{padding:5px 9px;border-radius:12px;color:#fff;font-size:7px;font-style:normal}.diy-phone-frame{width:375px;height:812px;position:relative;overflow:hidden;border:1px solid #dfe2e8;border-radius:26px;background:#fff;box-shadow:0 13px 32px #1f243524}.diy-phone-status{height:34px;padding:0 27px;display:flex;align-items:center;justify-content:space-between;background:#fff;color:#20232a;font-size:11px}.diy-phone-status span{font-size:8px;letter-spacing:1px}.diy-phone-nav{height:49px;padding:0 20px;display:flex;align-items:center;justify-content:center;position:relative;border-bottom:1px solid rgba(0,0,0,.04);background:#fff}.diy-phone-nav strong{font-size:14px}.diy-phone-nav span{position:absolute;right:17px;font-size:11px}.diy-phone-screen{height:calc(100% - 145px);overflow-y:auto;background:#f5f5f5;scrollbar-width:none;touch-action:pan-y;overscroll-behavior:contain}.diy-phone-screen::-webkit-scrollbar{display:none}.diy-phone-home{min-height:100%;padding:34px 10px 18px;position:relative;display:flex;flex-direction:column;gap:var(--component-gap);background-position:center top;background-repeat:no-repeat;background-size:100% auto}.diy-phone-background-switcher{position:absolute;right:8px;top:6px;z-index:5;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.diy-phone-background-select{height:24px;padding:0 8px;display:flex;align-items:center;gap:4px;border:1px solid rgba(255,255,255,.78);border-radius:12px;background:#1f232d94;color:#fff!important;cursor:pointer;font-size:8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.diy-phone-background-select.is-active{outline:2px solid var(--diy-blue);outline-offset:1px}.diy-phone-node{width:100%;min-height:40px;padding:0;display:block;position:relative;overflow:hidden;border:0;border-radius:var(--component-radius);background:transparent;cursor:pointer;box-shadow:0 2px 9px #2226360d}.diy-phone-node.is-active{outline:2px solid var(--diy-blue);outline-offset:-2px;z-index:8}.diy-phone-component-group{padding:8px;display:grid;gap:7px;border:1px solid #e3e5eb;border-radius:var(--component-radius,10px);background:#ffffffb8}.diy-phone-component-group>header{display:flex;align-items:center;justify-content:space-between;color:#565d69}.diy-phone-component-group>header strong{font-size:10px}.diy-phone-component-group>header small{color:#989eaa;font-size:8px}.diy-phone-component-group>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.diy-phone-component-group>div>.diy-phone-node:first-child:nth-last-child(n+3){grid-column:1 / -1}.diy-phone-empty{min-height:500px;display:grid;place-items:center;align-content:center;gap:8px;color:#9ba0ab;text-align:center}.diy-phone-empty strong{color:#555b67;font-size:12px}.diy-phone-empty small{font-size:9px}.diy-phone-tabbar{height:62px;position:absolute;left:12px;right:12px;bottom:7px;z-index:12;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;overflow:hidden;border:1px solid rgba(225,227,233,.8);border-radius:31px;background-position:center;background-size:cover;box-shadow:0 -3px 17px #1f26321f}.diy-phone-tabbar button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#777d88;cursor:pointer}.diy-phone-tabbar button span{line-height:1}.diy-phone-tabbar button img{display:block;object-fit:contain}.diy-phone-order{min-height:100%;padding-bottom:18px}.diy-phone-order__hero{height:150px;display:grid;place-items:center;align-content:center;gap:9px;background:linear-gradient(135deg,#272b34,#69707e);color:#fff;font-size:10px}.diy-phone-order__tabs{height:46px;display:flex;align-items:center;gap:25px;padding:0 16px;background:#fff;font-size:10px}.diy-phone-order__item{margin:8px 10px;padding:9px;display:grid;grid-template-columns:72px 1fr 25px;gap:10px;align-items:center;border-radius:9px;background:#fff}.diy-phone-order__item>span{width:72px;height:64px;border-radius:7px}.diy-phone-order__item>div{min-width:0;display:grid;gap:5px}.diy-phone-order__item b{font-size:11px}.diy-phone-order__item small{color:#989da5;font-size:8px}.diy-phone-order__item strong{color:#e45b38;font-size:11px}.diy-phone-order__add{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;color:#fff}.diy-phone-mine{min-height:100%;padding:15px 12px 24px}.diy-phone-mine__hero{height:112px;padding:18px;display:flex;align-items:center;gap:12px;border-radius:9px;background:linear-gradient(135deg,#24272d,#4d535d);color:#fff}.diy-phone-mine__hero>span{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#262a31;font-size:18px;font-weight:800}.diy-phone-mine__hero div{display:grid;gap:5px}.diy-phone-mine__hero small{color:#ffffffa6;font-size:8px}.diy-phone-mine__assets{height:70px;margin:-18px 10px 10px;position:relative;display:grid;grid-template-columns:repeat(3,1fr);border-radius:8px;background:#fff;box-shadow:0 7px 18px #1f263217}.diy-phone-mine__assets div{display:grid;place-items:center;align-content:center;gap:4px}.diy-phone-mine__assets b{font-size:13px}.diy-phone-mine__assets span{color:#969ca5;font-size:8px}.diy-phone-mine section{margin-top:10px;padding:13px;border-radius:8px;background:#fff}.diy-phone-mine h3{margin:0 0 14px;font-size:11px}.diy-phone-mine>section:not(.diy-phone-mine__custom)>div{display:grid;grid-template-columns:repeat(4,1fr)}.diy-phone-mine>section:not(.diy-phone-mine__custom) span{display:grid;place-items:center;gap:7px;font-size:8px}.diy-phone-mine__custom-list{display:grid;gap:8px}.diy-phone-marketing{min-height:100%;padding:15px 12px 28px}.diy-phone-marketing>header{margin-bottom:12px;padding:14px;display:flex;align-items:center;gap:10px;border-radius:10px;background:#fff;box-shadow:0 5px 16px #1f263214}.diy-phone-marketing>header>div{display:grid;gap:3px}.diy-phone-marketing>header strong{font-size:12px}.diy-phone-marketing>header small{color:#8b919c;font-size:9px}.diy-phone-marketing__list{display:grid;gap:10px}.diy-inspector{border-left:1px solid var(--diy-line);padding-bottom:36px}.diy-inspector__header{min-height:68px;padding:13px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--diy-line)}.diy-inspector__header>div{min-width:0;display:grid;gap:4px}.diy-inspector__header span{overflow:hidden;color:var(--diy-ink);font-size:14px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.diy-inspector__header small{overflow:hidden;color:var(--diy-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.diy-inspector__header>b{flex:0 0 auto;color:var(--diy-muted);font-size:9px;font-weight:650}.diy-visibility{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border:1px solid #dfe2e9;border-radius:8px;background:#fff;cursor:pointer}.diy-visibility:hover{border-color:#bec4d0;background:#f8f8fb}.diy-inspector__section{padding:19px 20px;border-bottom:1px solid var(--diy-line)}.diy-inspector__section h3{margin:0 0 16px;color:#454b57;font-size:11px}.diy-inspector__section>label{display:grid;gap:8px;margin-top:15px}.diy-inspector__section>label:first-of-type{margin-top:0}.diy-inspector__section label>span,.diy-field>span{display:flex;justify-content:space-between;color:#747a87;font-size:10px;font-weight:650}.diy-field{display:grid;gap:9px}.diy-inspector input:not([type=color]):not([type=range]),.diy-inspector select,.diy-inspector textarea{width:100%;min-height:38px;padding:8px 10px;border:1px solid #dfe2e9;border-radius:7px;outline:0;background:#fff;color:#383e4a;font-size:10px}.diy-inspector textarea{resize:vertical;line-height:1.55}.diy-inspector input:focus,.diy-inspector select:focus,.diy-inspector textarea:focus{border-color:#9ea8ff;box-shadow:0 0 0 3px #5b6cf917}.diy-inspector input[type=range]{width:100%;accent-color:var(--diy-blue)}.diy-color-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.diy-color-options>button,.diy-color-options>label{min-width:0;position:relative;display:grid;justify-items:center;gap:6px;border:0;background:transparent;color:#8a9099;cursor:pointer;font-size:9px}.diy-color-options i{width:100%;aspect-ratio:1.32;display:block;border:1px solid #e2e5ea;border-radius:8px}.diy-color-options .is-active i{border-color:var(--diy-blue);box-shadow:0 0 0 2px #5b6cf921}.diy-color-options .is-active span{color:var(--diy-blue-strong)}.diy-color-options input{width:auto;height:auto;position:absolute;top:0;right:0;bottom:17px;left:0;opacity:.001;cursor:pointer}.diy-color-options>label:focus-within i{outline:2px solid rgba(91,108,249,.5);outline-offset:2px}.diy-custom-color{background-image:linear-gradient(135deg,rgba(255,255,255,.5) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.5) 75%);background-size:12px 12px}.diy-theme-colors{display:flex;align-items:center;gap:10px}.diy-theme-colors button,.diy-theme-colors input{width:29px;height:29px;padding:0;border:3px solid #fff;border-radius:7px;box-shadow:0 0 0 1px #dfe3e9;cursor:pointer}.diy-theme-colors button.is-active{box-shadow:0 0 0 2px var(--diy-blue)}.diy-segmented{min-height:38px;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:3px;border:1px solid #e1e4ea;border-radius:8px;background:#f5f6f9}.diy-segmented button{min-width:0;border:0;border-radius:6px;background:transparent;color:#7d838f;cursor:pointer;font-size:9px}.diy-segmented button.is-active{background:#fff;color:var(--diy-blue-strong);box-shadow:0 1px 5px #1f26321a;font-weight:730}.diy-inspector__media{width:100%;min-height:122px;max-height:230px;display:grid;place-items:center;overflow:hidden;border:1px solid #e2e5ea;border-radius:9px;background:#f5f6f9}.diy-inspector__media img{width:100%;max-height:230px;display:block;object-fit:contain}.diy-inspector__media span{display:grid;place-items:center;gap:8px;color:#959ba4;font-size:9px}.diy-ai-button{width:100%;min-height:40px;margin-top:11px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #c3c9ff;border-radius:8px;background:var(--diy-blue-soft);color:var(--diy-blue-strong)!important;cursor:pointer;font-size:10px;font-weight:740}.diy-ai-button:hover:not(:disabled){border-color:#9da7ff;background:#e6e9ff}.diy-ai-button:disabled{opacity:.55;cursor:not-allowed}.diy-ai-button[aria-busy=true]{cursor:wait}.diy-generation-error{margin:9px 0 0;padding:8px 9px;border-radius:7px;background:#fff0f0;color:#b64d4d;font-size:9px;line-height:1.45}.diy-no-text-hint{margin:12px 0 0;padding:9px 10px;border-radius:7px;background:#f4f5f8;color:#7c828e;font-size:9px;line-height:1.5}.diy-size-fields{margin-top:15px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.diy-size-fields label{display:grid;gap:7px}.diy-size-fields span{color:#727985;font-size:10px;font-weight:650}.diy-inspector__hint{margin:-7px 0 0;padding:9px 10px;border-radius:7px;background:#f5f6fb;color:#848a97;font-size:9px;line-height:1.5}.diy-size-warning{margin:10px 0 0;padding:9px 10px;border:1px solid #f1d08d;border-radius:7px;background:#fff9e9;color:#9b6b17;font-size:9px;line-height:1.5}.diy-size-error{margin:8px 0 0;color:#b64d4d;font-size:9px;line-height:1.4}.diy-size-confirm{width:100%;min-height:36px;margin-top:11px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #b9c1ff;border-radius:7px;background:#eef0ff;color:#4657df!important;cursor:pointer;font-size:9px;font-weight:720}.diy-size-confirm.is-confirmed{border-color:#bde2ce;background:#effaf4;color:#35815b!important}.diy-size-confirm:disabled{border-color:#e0e2e8;background:#f4f5f7;color:#a0a5af!important;cursor:not-allowed}.diy-inspector__mapping dl{margin:0;display:grid;gap:7px}.diy-inspector__mapping dl>div{min-width:0;padding:7px 9px;display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px;border-radius:6px;background:#f7f8fa;font-size:9px}.diy-inspector__mapping dt{color:#9096a1}.diy-inspector__mapping dd{min-width:0;margin:0;color:#505663;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.45;overflow-wrap:anywhere}.diy-navigation-list{display:grid;gap:8px}.diy-navigation-entry{padding:8px;display:grid;grid-template-columns:20px minmax(0,1fr) 86px 52px;align-items:center;gap:7px;border:1px solid #e5e7ed;border-radius:8px;background:#fafafd}.diy-navigation-entry>b{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#e9ebff;color:var(--diy-blue-strong);font-size:9px}.diy-navigation-entry>div{display:grid;gap:5px}.diy-navigation-entry input,.diy-navigation-entry select{min-height:30px!important;padding:5px 7px!important;font-size:9px!important}.diy-navigation-entry>span{display:flex;gap:3px}.diy-navigation-entry>span button{width:24px;height:28px;display:grid;place-items:center;border:1px solid #dfe2e9;border-radius:6px;background:#fff;color:#707784;cursor:pointer}.diy-navigation-entry>span button:disabled{opacity:.35;cursor:not-allowed}.diy-selected-list{display:grid;gap:7px}.diy-selected-list>div{min-width:0;padding:9px;display:flex;align-items:center;gap:9px;border:1px solid #e8e9ee;border-radius:8px;background:#fafafd}.diy-selected-list>div>span{width:10px;height:10px;display:grid;place-items:center;border-radius:50%;background:#d3d6de}.diy-selected-list>div>span.is-ready{background:#42b77e}.diy-selected-list>div>div{min-width:0;display:grid;gap:3px}.diy-selected-list b{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.diy-selected-list small{color:#979ca7;font-size:8px}.diy-inspector__actions{padding:15px 20px;display:flex;flex-wrap:wrap;gap:7px}.diy-inspector__actions button{min-width:62px;height:34px;flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid #dfe2e9;border-radius:7px;background:#fff;cursor:pointer;font-size:9px}.diy-inspector__actions button:hover{background:#f7f8fa;border-color:#cdd1da}.diy-inspector__actions button.is-danger{color:#c7463b}.diy-editor-loading{min-height:100dvh;display:grid;place-items:center;align-content:center;gap:12px;background:#f3f4f8;color:#69717d;font-size:11px}.diy-editor-load-error{min-height:100dvh;padding:24px;display:grid;place-items:center;align-content:center;gap:10px;background:#f3f4f8;color:#69717d;text-align:center}.diy-editor-load-error>svg{color:#c86a48}.diy-editor-load-error strong{color:#313744;font-size:14px}.diy-editor-load-error>span{max-width:460px;font-size:10px;line-height:1.5}.diy-editor-load-error>div{margin-top:5px;display:flex;gap:8px}.diy-editor-loading svg,.diy-editor .spin{animation:diy-spin 1s linear infinite}@keyframes diy-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.diy-editor *,.diy-editor *:before,.diy-editor *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(max-width:1320px){.diy-editor__header{gap:12px}.diy-editor__header{grid-template-columns:minmax(190px,240px) minmax(290px,1fr) auto}.diy-editor__body{grid-template-columns:226px minmax(410px,1fr) 330px}.diy-canvas-minimap{width:164px}}@media(max-width:1040px){.diy-header-actions>span:not(.is-conflict){display:none}.diy-header-actions .diy-export-button,.diy-header-actions .diy-conflict-reload{width:38px;padding:0;font-size:0}.diy-header-actions .diy-assets-button,.diy-workspace-menu>summary{width:38px;padding:0;font-size:0}.diy-header-actions .diy-assets-button b,.diy-workspace-menu>summary svg:last-child{display:none}.diy-page-tabs button{min-width:84px;padding:0 10px}.diy-editor__body{grid-template-columns:210px minmax(390px,1fr) 310px}.diy-library{padding-left:11px;padding-right:11px}.diy-library__item{min-height:86px}.diy-inspector__section{padding-left:16px;padding-right:16px}.diy-canvas-toolbar .diy-canvas-toolbar__generate{min-width:100px;font-size:0}.diy-canvas-toolbar .diy-canvas-toolbar__generate svg{margin:0}.diy-canvas-assistant__status>i{width:68px}}@media(max-width:920px){.diy-editor__header{grid-template-columns:1fr auto;padding:0 12px}.diy-project-control{max-width:210px}.diy-page-tabs,.diy-header-actions>span{display:none}.diy-header-actions{grid-column:2;justify-self:end}.diy-mobile-tabs{padding:3px;display:flex;align-items:center;gap:3px;position:absolute;left:50%;transform:translate(-50%);border:1px solid #e0e3e9;border-radius:8px;background:#f5f6f9}.diy-mobile-tabs select{width:76px;height:32px;padding:0 7px;border:0;border-right:1px solid #e0e3e9;border-radius:6px 0 0 6px;outline:0;background:#fff;color:#49505c;font-size:11px}.diy-mobile-tabs button{width:34px;height:32px;display:grid;place-items:center;border-radius:6px;color:#7b828d}.diy-mobile-tabs button.is-active{background:#fff;color:var(--diy-blue);box-shadow:0 1px 5px #1f26321a}.diy-editor__body{display:block}.diy-library,.diy-canvas-viewport,.diy-inspector{display:none;width:100%;height:100%;border:0}.diy-editor__body[data-mobile-panel=library] .diy-library,.diy-editor__body[data-mobile-panel=canvas] .diy-canvas-viewport,.diy-editor__body[data-mobile-panel=inspector] .diy-inspector{display:block}.diy-library__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.diy-project-control,.diy-assets-button{display:none!important}.diy-mobile-tabs{left:8px;transform:none}.diy-workspace-menu__panel{width:min(270px,calc(100vw - 16px));right:-44px}.diy-header-actions .diy-button{width:38px;padding:0;font-size:0}.diy-header-actions .diy-button svg{width:18px;height:18px}.diy-header-actions.is-conflict .diy-save-button{display:none}.diy-library__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.diy-canvas-toolbar{max-width:calc(100% - 16px);left:8px;right:8px;transform:none;overflow-x:auto;justify-content:flex-start}.diy-canvas-toolbar>i:nth-of-type(2){display:none}.diy-canvas-minimap{display:none}.diy-canvas-assistant{width:calc(100% - 16px);bottom:40px;padding:5px}.diy-canvas-assistant__status{padding-left:5px;padding-right:5px}.diy-canvas-assistant__status>i{width:54px}.diy-canvas-assistant__status>strong{display:none}.diy-canvas-assistant__quick{overflow-x:auto;scrollbar-width:none}.diy-canvas-assistant__quick::-webkit-scrollbar{display:none}.diy-canvas-assistant__quick button{flex:0 0 auto;max-width:72%}.diy-canvas-assistant__form{grid-template-columns:30px minmax(0,1fr) 36px}.diy-canvas-assistant__form button{min-width:36px;width:36px;padding:0}.diy-canvas-assistant__form button span{display:none}.diy-canvas-status{max-width:calc(100% - 24px);overflow:hidden;white-space:nowrap}.diy-canvas-status__desktop{display:none}.diy-canvas-status__touch{display:inline}}