@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800;900&family=Noto+Serif+SC:wght@700;900&display=swap');
:root{--bg:#0e0e0f;--panel:#171719;--panel-2:#1e1e21;--line:#2b2b2f;--text:#f5f4ef;--muted:#8e8e96;--accent:#ff6b35;--accent-2:#ff966e;--canvas-scale:.7;font-family:"Noto Sans SC",system-ui,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:1024px;height:100vh;overflow:hidden;background:var(--bg)}button,input,select,textarea{font:inherit}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.app-shell{display:grid;grid-template-columns:68px 288px minmax(500px,1fr) 268px;grid-template-rows:58px 1fr;height:100vh}.topbar{grid-column:1/-1;display:flex;align-items:center;border-bottom:1px solid var(--line);background:#121214;padding:0 16px;z-index:20}.brand{display:flex;align-items:center;width:340px;gap:9px}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--accent);color:white;font-size:14px;font-weight:900}.brand strong{font-size:17px}.edition{padding:2px 5px;border:1px solid #3a3a3f;border-radius:4px;color:#8d8d95;font-size:9px;letter-spacing:.08em}.project-title{display:flex;align-items:center;gap:8px;flex:1}.project-title input{width:220px;border:0;outline:none;background:transparent;color:#dcdce0;font-size:13px}.status-dot{width:6px;height:6px;border-radius:50%;background:#62c487;box-shadow:0 0 0 3px #203628}.saved-state{color:#68686f;font-size:11px}.top-actions{display:flex;align-items:center;gap:8px}.icon-btn,.ghost-btn,.export-btn{height:34px;border-radius:8px;border:1px solid var(--line);color:#d6d6da;background:#1a1a1d}.icon-btn{display:grid;place-items:center;width:34px}.icon-btn:hover,.ghost-btn:hover{background:#242428}.ghost-btn{padding:0 14px}.export-btn{display:flex;align-items:center;gap:7px;padding:0 14px;border-color:var(--accent);background:var(--accent);color:white;font-weight:700}.export-btn:hover{background:#f25b26}.tool-rail{grid-column:1;grid-row:2;display:flex;flex-direction:column;align-items:center;padding:12px 7px 10px;border-right:1px solid var(--line);background:#131315}.rail-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:52px;height:54px;margin-bottom:5px;border:0;border-radius:9px;background:transparent;color:#777780;font-size:10px}.rail-btn svg{width:20px;height:20px}.rail-btn:hover{color:#d3d3d7;background:#1e1e21}.rail-btn.active{color:#fff;background:#292328}.rail-btn.active svg{color:var(--accent)}.rail-spacer{flex:1}.asset-panel{grid-column:2;grid-row:2;overflow-y:auto;border-right:1px solid var(--line);background:var(--panel);scrollbar-width:thin}.panel-view{display:none;padding:20px 16px}.panel-view.active{display:block}.panel-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:16px}.panel-heading h2{margin:0;font-size:16px}.panel-heading span{color:#707079;font-size:11px}.search-field{display:flex;align-items:center;gap:8px;height:36px;padding:0 10px;border:1px solid #303035;border-radius:8px;background:#111113;color:#66666e}.search-field svg{width:15px}.search-field input{width:100%;border:0;outline:none;background:transparent;color:#eee;font-size:12px}.chip-row{display:flex;gap:6px;margin:13px 0}.chip{height:28px;padding:0 11px;border:1px solid #303035;border-radius:999px;background:transparent;color:#898990;font-size:11px}.chip.active{border-color:#5c3a2d;background:#2b201d;color:#ff8a60}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 10px}.template-card{padding:0;border:0;background:none;color:#d7d7da;text-align:left}.template-card .thumb{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;aspect-ratio:1;overflow:hidden;border:2px solid transparent;border-radius:9px}.template-card.active .thumb{border-color:var(--accent)}.template-card p{margin:7px 1px 1px;font-size:12px}.template-card small{color:#686871;font-size:10px}.thumb b{font:900 21px/1 "Noto Serif SC"}.thumb span{font-size:7px;letter-spacing:.18em}.thumb.noir{background:radial-gradient(circle at 72% 42%,#755037,#16120f 35%,#070707 70%);color:#f4e0c1}.thumb.amber{background:linear-gradient(145deg,#6d361a,#d49a45);color:#fff4cd}.thumb.cream{background:linear-gradient(145deg,#fbf1e5,#d6bba0);color:#4a2d22}.thumb.electric{background:radial-gradient(circle at 75% 25%,#fa2cff,#3717d5 35%,#10052b 75%);color:white}.asset-category{margin-top:22px}.asset-category h3,.subhead{margin:0 0 10px;color:#aaaab1;font-size:11px;font-weight:600}.asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.asset-tile{position:relative;aspect-ratio:1.2;overflow:hidden;border:1px solid #303035;border-radius:8px;background:#222226}.asset-tile span{position:absolute}.asset-tile.glow span{inset:8%;background:radial-gradient(circle,#ff8d4e99,transparent 67%)}.asset-tile.orb span{width:45px;height:45px;left:30%;top:22%;border-radius:50%;background:linear-gradient(135deg,#fff,#ff7343);box-shadow:0 0 22px #ff633c}.asset-tile.line span{width:90px;height:2px;left:8%;top:50%;background:linear-gradient(90deg,transparent,#ffad83,transparent);transform:rotate(-25deg)}.asset-tile.grain span{inset:0;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 90' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.sticker-list,.copy-list{display:flex;flex-wrap:wrap;gap:7px}.sticker-list button,.copy-list button{padding:7px 10px;border:1px solid #37373c;border-radius:6px;background:#202024;color:#b9b9bf;font-size:11px}.add-text{width:100%;margin-bottom:8px;padding:16px;border:1px solid #303035;border-radius:8px;background:#202024;color:white;text-align:left}.add-text.title-style{font-size:22px;font-weight:900}.add-text.subtitle-style{font-size:15px;font-weight:600}.add-text.body-style{color:#aaa;font-size:12px}.subhead{margin-top:20px}.cutout-drop,.upload-drop{display:flex;flex-direction:column;align-items:center;padding:28px 16px;border:1px dashed #3a3a3f;border-radius:12px;background:#1c1c1f;text-align:center}.cutout-drop>svg,.upload-drop>svg{width:30px;height:30px;margin-bottom:12px;color:var(--accent)}.cutout-drop strong,.upload-drop strong{font-size:13px}.cutout-drop p,.upload-drop p{margin:7px 0 15px;color:#787880;font-size:11px;line-height:1.5}.cutout-drop button,.upload-drop span{padding:7px 12px;border:1px solid #44444a;border-radius:6px;background:#29292e;color:white;font-size:11px}.service-note{margin-top:14px;padding:12px;border-radius:8px;background:#201e19}.service-note span{color:#e4a45f;font-size:10px;font-weight:700}.service-note p{margin:5px 0 0;color:#858078;font-size:11px;line-height:1.6}.uploaded-assets{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.uploaded-assets button{padding:0;overflow:hidden;border:1px solid #333;border-radius:8px;background:#222}.uploaded-assets img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.workspace{grid-column:3;grid-row:2;position:relative;min-width:0;overflow:hidden;background:#222225}.workspace-toolbar{position:absolute;z-index:10;top:12px;left:18px;right:18px;display:flex;justify-content:space-between;pointer-events:none}.workspace-toolbar>*{pointer-events:auto}.size-control{position:relative}.size-control>button{display:flex;align-items:center;gap:8px;height:34px;padding:0 11px;border:1px solid #35353a;border-radius:7px;background:#171719;color:#bebec4;font-size:11px}.size-control svg{width:13px;transform:rotate(90deg)}.size-menu{position:absolute;display:none;top:40px;left:0;width:210px;padding:6px;border:1px solid #38383d;border-radius:8px;background:#171719;box-shadow:0 14px 35px #0008}.size-menu.open{display:block}.size-menu button{display:flex;justify-content:space-between;width:100%;padding:9px;border:0;border-radius:5px;background:transparent;color:#d1d1d6;font-size:11px}.size-menu button:hover{background:#29292d}.size-menu span{color:#717179}.zoom-control{display:flex;align-items:center;height:32px;border:1px solid #35353a;border-radius:7px;background:#171719}.zoom-control button{width:30px;border:0;background:none;color:#aaa}.zoom-control span{width:44px;color:#8d8d94;font-size:10px;text-align:center}.canvas-viewport{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:70px 38px 32px;overflow:auto}.canvas-wrap{position:relative;width:min(60vh,600px);transition:width .25s}.design-canvas{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:#090909;color:white;box-shadow:0 25px 80px #0009;transform:scale(var(--canvas-scale));transform-origin:center;transition:aspect-ratio .25s,background .25s}.design-canvas[data-size="detail"]{aspect-ratio:3/4}.design-canvas[data-size="banner"]{aspect-ratio:12/5}.design-canvas[data-size="story"]{aspect-ratio:3/4}.canvas-grid{position:absolute;inset:0;opacity:.08;background-image:linear-gradient(#fff2 1px,transparent 1px),linear-gradient(90deg,#fff2 1px,transparent 1px);background-size:8% 8%}.ambient{position:absolute;border-radius:50%;filter:blur(35px)}.ambient-one{width:45%;height:45%;right:-8%;top:8%;background:#b46b32aa}.ambient-two{width:38%;height:38%;left:15%;bottom:-20%;background:#e0823944}.editable{position:absolute;cursor:move;user-select:none}.badge-element{z-index:7;padding:1.2% 2.2%;border:1px solid #eec89666;border-radius:999px;background:#d9ac7122;font-size:clamp(8px,1.2vw,14px);letter-spacing:.16em}.headline-element{z-index:5}.headline-element h1{margin:0;font:900 clamp(24px,4.5vw,56px)/1.08 "Noto Serif SC",serif;letter-spacing:-.06em}.headline-element em{color:#efb469;font-style:normal}.subtitle-element{z-index:6;color:#d1c2ae;font-size:clamp(8px,1.2vw,14px);letter-spacing:.08em}.product-element{z-index:4;width:51%;height:67%;overflow:hidden;border-radius:48% 48% 12px 12px}.product-element img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.1)}.price-element{z-index:8}.price-element small{display:block;color:#ae9b84;font-size:clamp(7px,1vw,12px)}.price-element div{display:flex;align-items:baseline;gap:6px}.price-element sup{color:#efb469;font-size:clamp(10px,1.6vw,20px)}.price-element strong{font-size:clamp(26px,4vw,50px);letter-spacing:-.05em}.price-element del{color:#766d64;font-size:clamp(7px,1vw,12px)}.cta-element{z-index:8;display:flex;align-items:center;gap:10px;padding:1.5% 2.6%;border-radius:999px;background:#f3eee7;color:#1c1712;font-size:clamp(8px,1.1vw,13px);font-weight:700}.cta-element i{font-style:normal}.selection-outline{position:absolute;z-index:20;pointer-events:none;border:1px solid var(--accent)}.handle{position:absolute;width:7px;height:7px;border:1px solid var(--accent);background:white}.handle.tl{left:-4px;top:-4px}.handle.tr{right:-4px;top:-4px}.handle.bl{left:-4px;bottom:-4px}.handle.br{right:-4px;bottom:-4px}.element-tag{position:absolute;left:-1px;bottom:calc(100% + 1px);padding:2px 5px;background:var(--accent);color:white;font-size:8px}.theme-amber{background:linear-gradient(145deg,#321308,#9b4f19 55%,#e1a74d)}.theme-amber .ambient-one{background:#ffd78299}.theme-cream{background:linear-gradient(145deg,#fff8ef,#e0c8b1);color:#3b241c}.theme-cream .subtitle-element{color:#795e50}.theme-cream .headline-element em{color:#a74e2c}.theme-cream .product-element img{filter:saturate(.55) brightness(1.2)}.theme-electric{background:radial-gradient(circle at 60% 30%,#6022ff,#180546 60%,#080114)}.theme-electric .ambient-one{background:#ff2cb8aa}.theme-electric .headline-element em{color:#60fff1}.theme-electric .cta-element{background:#69fff2}.property-panel{grid-column:4;grid-row:2;overflow-y:auto;border-left:1px solid var(--line);background:var(--panel)}.property-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.property-tabs button{height:44px;border:0;border-bottom:2px solid transparent;background:none;color:#75757d;font-size:12px}.property-tabs button.active{border-color:var(--accent);color:white}.right-view{display:none}.right-view.active{display:block}.selected-info{display:flex;align-items:center;gap:10px;padding:17px;border-bottom:1px solid var(--line)}.type-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:7px;background:#2b2422;color:var(--accent);font:700 14px serif}.selected-info strong,.selected-info small{display:block}.selected-info strong{font-size:12px}.selected-info small{margin-top:3px;color:#74747c;font-size:10px}.property-group{padding:16px;border-bottom:1px solid var(--line)}.property-group h3{margin:0 0 11px;color:#97979e;font-size:10px;font-weight:600}.property-group label{display:flex;flex-direction:column;gap:7px;color:#77777f;font-size:10px}.property-group input,.property-group select,.property-group textarea{width:100%;border:1px solid #333338;border-radius:6px;outline:none;background:#111113;color:#d6d6da;font-size:11px}.property-group textarea{padding:9px;resize:vertical}.property-group input[type="number"],.property-group select{height:32px;padding:0 8px}.property-group input[type="color"]{height:32px;padding:3px}.property-group input[type="range"]{accent-color:var(--accent)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.quad-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.layers-heading{display:flex;justify-content:space-between;padding:16px;color:#a8a8ae;font-size:11px}.layer-list{padding:0 8px}.layer-list button{display:grid;grid-template-columns:22px 1fr 22px;align-items:center;width:100%;height:38px;padding:0 8px;border:0;border-radius:6px;background:none;color:#9a9aa2;text-align:left;font-size:11px}.layer-list button:hover,.layer-list button.active{background:#282327;color:#fff}.layer-list button.active>svg{color:var(--accent)}.layer-list svg{width:14px;height:14px}.layer-list i{display:grid;place-items:center}.modal-backdrop{position:fixed;z-index:100;inset:0;display:none;align-items:center;justify-content:center;background:#050505d9;backdrop-filter:blur(9px)}.modal-backdrop.open{display:flex}.preview-modal{width:min(88vw,820px);max-height:90vh;border:1px solid #38383d;border-radius:14px;background:#171719;box-shadow:0 35px 100px #000}.modal-head,.modal-actions{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #2e2e32}.modal-head strong,.modal-head span{display:block}.modal-head strong{font-size:14px}.modal-head span{margin-top:2px;color:#74747b;font-size:10px}.modal-head button{border:0;background:none;color:#888;font-size:24px}.modal-canvas{display:flex;justify-content:center;min-height:450px;max-height:65vh;padding:28px;overflow:auto;background:#202023}.modal-canvas .design-canvas{width:420px;flex:none;transform:none}.modal-actions{justify-content:flex-end;gap:8px;border-bottom:0;border-top:1px solid #2e2e32}.toast{position:fixed;z-index:200;left:50%;bottom:26px;display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #3a3a3f;border-radius:9px;background:#202023;box-shadow:0 15px 40px #0008;opacity:0;transform:translate(-50%,16px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}.toast span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#3b8e5b;color:white;font-size:10px}.toast p{margin:0;font-size:11px}
@media(max-width:1180px){.app-shell{grid-template-columns:60px 250px minmax(430px,1fr) 230px}.asset-panel{font-size:12px}.canvas-wrap{width:min(52vh,500px)}}
@media(max-width:900px){body{min-width:0;overflow:auto}.app-shell{grid-template-columns:56px 1fr;grid-template-rows:56px 1fr auto;height:auto;min-height:100vh}.topbar{position:sticky;top:0}.brand{width:auto}.brand strong,.edition,.saved-state,.project-title{display:none}.top-actions{margin-left:auto}.tool-rail{position:fixed;z-index:30;top:56px;bottom:0;left:0}.asset-panel{grid-column:2;grid-row:3;height:320px;border-top:1px solid var(--line);border-right:0}.workspace{grid-column:2;grid-row:2;height:calc(100vh - 56px)}.property-panel{display:none}.panel-view{padding:16px}.template-grid{grid-template-columns:repeat(4,1fr)}.canvas-wrap{width:min(66vw,540px)}}

/* 素材管理、缩放提示与导出菜单 */
.ghost-btn{display:flex;align-items:center;gap:6px}.export-control{position:relative}.export-chevron{width:12px!important;transform:rotate(90deg)}.export-menu{position:absolute;z-index:60;display:none;top:42px;right:0;width:260px;padding:6px;border:1px solid #36363b;border-radius:10px;background:#19191c;box-shadow:0 18px 50px #000a}.export-menu.open{display:block}.export-menu button{display:flex;align-items:center;gap:11px;width:100%;padding:10px;border:0;border-radius:7px;background:transparent;color:#e3e3e6;text-align:left}.export-menu button:hover{background:#28282c}.export-menu button+button{border-top:1px solid #29292d}.export-menu strong,.export-menu small{display:block}.export-menu strong{font-size:12px}.export-menu small{margin-top:3px;color:#777780;font-size:10px}.export-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:7px;background:#2b2421;color:var(--accent)}
.asset-heading{align-items:center}.asset-heading>div span{display:block;margin-top:3px}.add-asset-btn{height:30px;padding:0 10px;border:1px solid #8b442b;border-radius:7px;background:#33221c;color:#ff8a61;font-size:11px;font-weight:700}.my-assets-section{padding-top:16px;border-top:1px solid #2b2b30}.my-assets-head{display:flex;align-items:center;justify-content:space-between}.my-assets-head h3{margin:0}.my-assets-head button{border:0;background:none;color:#ff8358;font-size:11px}.asset-empty{display:flex;flex-direction:column;align-items:center;gap:9px;padding:22px 10px;border:1px dashed #38383d;border-radius:8px;color:#6f6f77;font-size:11px}.asset-empty button{padding:6px 9px;border:1px solid #44444a;border-radius:6px;background:#242428;color:#d3d3d7;font-size:10px}
.asset-card-uploaded{position:relative;overflow:hidden;border:1px solid #333;border-radius:8px;background:#222}.asset-card-uploaded .asset-use{display:block;width:100%;padding:0;border:0;background:none}.uploaded-assets .asset-card-uploaded img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.asset-card-uploaded .asset-name{display:block;overflow:hidden;padding:7px;color:#aaaab1;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.asset-delete{position:absolute;top:5px;right:5px;display:grid;place-items:center;width:25px;height:25px;padding:0!important;border:1px solid #6d3434!important;border-radius:6px!important;background:#271617e6!important;color:#ff7474;font-size:16px;opacity:0;transition:.15s}.asset-card-uploaded:hover .asset-delete,.asset-delete:focus{opacity:1}.asset-delete:hover{background:#522326!important;color:white}.zoom-area{display:flex;align-items:center;gap:9px}.zoom-hint{color:#777780;font-size:10px}

/* 导入中心、字体与光影素材 */
.uploadable-heading{align-items:center}.uploadable-heading>div span{display:block;margin-top:3px}.panel-upload-btn{display:flex;align-items:center;gap:5px;min-height:30px;padding:0 9px;border:1px solid #8b442b;border-radius:7px;background:#33221c;color:#ff8a61;font-size:10px;font-weight:700}.panel-upload-btn svg{width:13px;height:13px}.category-title{display:flex;align-items:center;justify-content:space-between}.category-title h3{margin:0}.category-title small{color:#686871;font-size:9px}.light-assets-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.light-asset{padding:0;overflow:hidden;border:1px solid #343439;border-radius:9px;background:linear-gradient(145deg,#242429,#111113);color:#aaaab2;text-align:left}.light-asset:hover{border-color:#8b442b;background:#292327}.light-asset img{display:block;width:100%;height:78px;padding:5px;object-fit:contain;background:radial-gradient(circle at 50% 50%,#393941,#151518 70%)}.light-asset.shadow-preview img{filter:grayscale(1) brightness(1.7);background:#e7e0d4}.light-asset span{display:block;overflow:hidden;padding:7px 8px;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.asset-source-note{margin:9px 0 0;color:#66666e;font-size:9px;line-height:1.55}.uploaded-template-background{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.image-effect-element{display:grid;place-items:center}.image-effect-element img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.file-preview{display:grid;place-items:center;width:100%;aspect-ratio:1;border-bottom:1px solid #333;background:linear-gradient(145deg,#31231f,#19191c);color:#ff8b62;font-size:12px;font-weight:800}.template-upload-card .asset-use{color:inherit}.upload-section{margin-top:22px;padding-top:17px;border-top:1px solid #2b2b30}.section-upload-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section-upload-head h3{margin:0;color:#c7c7cc;font-size:11px}.section-upload-head small{display:block;margin-top:3px;color:#686871;font-size:9px}.asset-empty.compact{padding:14px 8px}.font-list,.text-template-list{display:flex;flex-direction:column;gap:7px}.font-row{position:relative;display:flex;align-items:center;border:1px solid #333338;border-radius:8px;background:#202024}.font-use{flex:1;padding:9px 34px 9px 10px;border:0;background:none;color:#e5e5e8;text-align:left}.font-use span,.font-use small{display:block}.font-use span{font-size:15px}.font-use small{margin-top:3px;color:#777780;font:9px "Noto Sans SC",sans-serif}.mini-delete{display:grid;place-items:center;width:24px;height:24px;border:1px solid #5a3032;border-radius:6px;background:#2a191b;color:#f17a7f}.font-row>.mini-delete{position:absolute;right:7px}.text-template-group{border:1px solid #333338;border-radius:8px;background:#1d1d20}.text-template-group>div{display:flex;align-items:center;justify-content:space-between;padding:7px 8px;border-bottom:1px solid #2f2f34}.text-template-group strong{overflow:hidden;color:#a8a8af;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.text-template-group section{display:flex;flex-wrap:wrap;gap:5px;padding:8px}.text-template-group section button{padding:6px 8px;border:1px solid #3a3a40;border-radius:6px;background:#242428;color:#c9c9ce;font-size:10px}.upload-hub{display:flex;flex-direction:column;gap:9px}.upload-hub>button{display:flex;align-items:center;gap:11px;width:100%;padding:12px;border:1px solid #35353a;border-radius:9px;background:#202024;color:#dddde1;text-align:left}.upload-hub>button:hover{border-color:#8b442b;background:#292327}.upload-hub>button>svg{width:22px;height:22px;color:var(--accent)}.upload-hub span,.upload-hub strong,.upload-hub small{display:block}.upload-hub strong{font-size:11px}.upload-hub small{margin-top:3px;color:#73737b;font-size:9px}.canvas-viewport{overscroll-behavior:contain}.zoom-hint{padding:5px 8px;border-radius:6px;background:#171719cc;color:#aaaab1}

/* 清晰可见的删除入口 */
.selected-info>div{min-width:0}.delete-layer-btn{margin-left:auto;padding:6px 8px;border:1px solid #71383b;border-radius:6px;background:#2b191b;color:#ff8589;font-size:9px;white-space:nowrap}.delete-layer-btn:hover{background:#512326;color:#fff}.asset-delete.asset-delete-labelled{top:6px;right:6px;width:auto;height:25px;padding:0 8px!important;opacity:1;font-size:9px;font-weight:700}.product-element.empty-product{border:1px dashed #ffffff40;background:repeating-linear-gradient(45deg,#ffffff0b 0 8px,#0000000d 8px 16px)}

/* 一键翻译 */
.translation-control{position:relative}.translate-btn{display:flex;align-items:center;gap:7px;height:34px;padding:0 11px;border:1px solid #3a3431;border-radius:7px;background:#1c1918;color:#e3c4b4;font-size:11px}.translate-btn>svg:first-child{width:15px;height:15px;color:#ff8155}.translate-chevron{width:11px;height:11px;transform:rotate(90deg)}.translate-menu{position:absolute;z-index:70;display:none;top:41px;left:50%;width:264px;padding:12px;border:1px solid #3b3838;border-radius:11px;background:#18181b;box-shadow:0 20px 55px #000b;transform:translateX(-50%)}.translate-menu.open{display:block}.translate-menu-head{display:flex;align-items:center;justify-content:space-between}.translate-menu-head strong{font-size:12px}.translate-menu-head small,.translate-menu>p{color:#72727b;font-size:9px}.translate-scope{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:10px 0}.translate-scope button{height:29px;border:1px solid #333338;border-radius:6px;background:#222226;color:#8f8f97;font-size:10px}.translate-scope button.active{border-color:#9b4f34;background:#36231d;color:#ff966f}.language-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}.language-list button{display:flex;align-items:center;gap:8px;padding:7px;border:1px solid #333338;border-radius:7px;background:#222226;color:#d6d6da;text-align:left}.language-list button:hover{border-color:#8c4932;background:#2c2422}.language-list button:disabled{opacity:.45}.language-list b{display:grid;place-items:center;width:28px;height:28px;border-radius:6px;background:#302722;color:#ff936b;font-size:9px}.language-list span{font-size:10px}.translate-status{margin-top:9px;padding:7px;border-radius:6px;background:#202024;color:#777780;font-size:9px;text-align:center}

/* 可编辑 3D 金属文字 */
.property-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.property-title-row small{color:#66666f;font-size:8px;line-height:1.4;text-align:right}.text-effect-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.text-effect-grid button{display:flex;align-items:center;gap:7px;min-width:0;padding:8px;border:1px solid #343439;border-radius:8px;background:#202024;color:#cfcfd4;text-align:left}.text-effect-grid button:hover,.text-effect-grid button.active{border-color:#a05637;background:#2d2421;box-shadow:0 0 0 1px #a0563728}.text-effect-grid span,.text-effect-grid strong,.text-effect-grid small{display:block;min-width:0}.text-effect-grid strong{font-size:10px}.text-effect-grid small{margin-top:2px;color:#73737b;font-size:8px}.effect-swatch{display:grid;flex:none;place-items:center;width:27px;height:27px;border-radius:6px;font-style:normal}.effect-swatch.gold{background:linear-gradient(145deg,#fff8bc 0%,#e5a72e 35%,#70400d 62%,#ffe886 100%);box-shadow:inset -2px -2px 3px #593108,0 2px 4px #0008}.effect-swatch.silver{background:linear-gradient(145deg,#fff 0%,#aeb5c0 33%,#414853 62%,#f6faff 100%);box-shadow:inset -2px -2px 3px #252a31,0 2px 4px #0008}.effect-swatch.rose{background:linear-gradient(145deg,#fff0e7 0%,#d88772 36%,#784845 64%,#ffd0c3 100%);box-shadow:inset -2px -2px 3px #5d302e,0 2px 4px #0008}.effect-swatch.none{border:1px dashed #4a4a50;color:#777;background:#18181b}
.text-fx-gold,.text-fx-gold *,.text-fx-silver,.text-fx-silver *,.text-fx-rose,.text-fx-rose *{-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important}.text-fx-gold,.text-fx-gold *{background-image:linear-gradient(180deg,#fff9c9 0%,#f3c55a 24%,#8a4d0b 50%,#ffd96c 72%,#6a3505 100%)!important;text-shadow:1px 1px 0 #7f4508,2px 2px 0 #6b3907,3px 3px 0 #542b05,4px 4px 7px #0009,0 0 10px #ffbd4d55!important}.text-fx-silver,.text-fx-silver *{background-image:linear-gradient(180deg,#fff 0%,#cfd5dd 22%,#59616d 48%,#f9fbff 70%,#737b86 100%)!important;text-shadow:1px 1px 0 #565d67,2px 2px 0 #424953,3px 3px 0 #303740,4px 4px 7px #0009,0 0 9px #d8e7ff55!important}.text-fx-rose,.text-fx-rose *{background-image:linear-gradient(180deg,#fff2eb 0%,#eaa38e 25%,#87504b 49%,#ffd2c4 72%,#7a403d 100%)!important;text-shadow:1px 1px 0 #8a5149,2px 2px 0 #73413d,3px 3px 0 #5b302e,4px 4px 7px #0009,0 0 9px #ff9d8a55!important}

/* 团队共享空间 */
.team-entry{display:flex;align-items:center;gap:7px;height:34px;padding:0 11px;border:1px solid #34343a;border-radius:8px;background:#1a1a1d;color:#c2c2c8;font-size:11px}.team-entry:hover{border-color:#554139;background:#242022;color:#fff}.team-entry-dot{width:7px;height:7px;border-radius:50%;background:#66666e;box-shadow:0 0 0 3px #2a2a2e}.team-entry.online .team-entry-dot{background:#63d58b;box-shadow:0 0 0 3px #203c2b}.team-panel-heading{align-items:center}.team-panel-heading>div span{display:block;margin-top:3px}.team-online-badge{padding:4px 7px;border:1px solid #3b3b40;border-radius:999px;background:#222226;color:#85858d!important;font-size:9px!important}.team-online-badge.online{border-color:#2f6543;background:#1b3224;color:#72d99a!important}.team-signed-out{display:flex;flex-direction:column;align-items:center;padding:30px 16px;border:1px solid #303035;border-radius:13px;background:linear-gradient(160deg,#211d1b,#19191c);text-align:center}.team-intro-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:14px;border:1px solid #70402e;border-radius:14px;background:#33231d;color:#ff8358}.team-intro-icon svg{width:24px;height:24px}.team-signed-out>strong{font-size:14px}.team-signed-out p{margin:8px 0 17px;color:#85858d;font-size:11px;line-height:1.7}.team-primary,.team-secondary{min-height:34px;padding:0 12px;border-radius:8px;font-size:11px;font-weight:700}.team-primary{border:1px solid var(--accent);background:var(--accent);color:#fff}.team-primary:hover{background:#f25b26}.team-secondary{border:1px solid #39393e;background:#252529;color:#c4c4ca}.team-member-card{display:flex;align-items:center;justify-content:space-between;padding:11px;border:1px solid #303035;border-radius:10px;background:#1e1e21}.team-member-card>div{display:flex;align-items:center;gap:9px}.team-member-card>div>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#3a251e;color:#ff9069;font-size:13px;font-weight:800}.team-member-card p{margin:0}.team-member-card strong,.team-member-card small{display:block}.team-member-card strong{font-size:11px}.team-member-card small{margin-top:3px;color:#71717a;font-size:9px}.team-member-card>button{border:0;background:none;color:#888891;font-size:10px}.cloud-save-state{position:relative;display:grid;grid-template-columns:10px 1fr;gap:2px 7px;margin-top:10px;padding:11px;border:1px solid #303035;border-radius:9px;background:#171719}.cloud-save-state>span{grid-row:1/3;width:8px;height:8px;margin-top:3px;border-radius:50%;background:#74747c}.cloud-save-state>strong{font-size:10px}.cloud-save-state>small{color:#71717a;font-size:9px;line-height:1.45}.cloud-save-state.saving>span{background:#f1ad54;box-shadow:0 0 0 3px #4c351c}.cloud-save-state.saved>span{background:#5fd287;box-shadow:0 0 0 3px #1f422c}.cloud-save-state.error>span{background:#ff6c6c;box-shadow:0 0 0 3px #4c2222}.team-action-row{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:10px}.team-section-head{display:flex;align-items:center;justify-content:space-between;margin:22px 0 9px}.team-section-head h3,.team-section-head small{display:block;margin:0}.team-section-head h3{font-size:11px}.team-section-head small{margin-top:3px;color:#686871;font-size:9px}.cloud-project-list{display:flex;flex-direction:column;gap:7px}.cloud-project-card{padding:10px;border:1px solid #303035;border-radius:9px;background:#1e1e21}.cloud-project-card.active{border-color:#8b442b;background:#29201d}.cloud-project-main{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.cloud-project-main>button{min-width:0;flex:1;padding:0;border:0;background:none;color:#dedee2;text-align:left}.cloud-project-main strong,.cloud-project-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cloud-project-main strong{font-size:11px}.cloud-project-main small{margin-top:4px;color:#74747c;font-size:9px}.cloud-project-actions{display:flex;gap:4px}.cloud-project-actions button{display:grid;place-items:center;height:25px;padding:0 7px;border:1px solid #38383e;border-radius:6px;background:#27272b;color:#9999a1;font-size:9px}.cloud-project-actions button:hover{color:#fff}.cloud-project-lock{display:inline-flex;margin-top:7px;padding:3px 6px;border-radius:999px;background:#34241f;color:#ee906b;font-size:8px}.shared-assets-head{margin-top:24px}.shared-kind-row{display:flex;gap:5px;margin:8px 0}.shared-kind-row button{padding:5px 8px;border:1px solid #333338;border-radius:999px;background:#202024;color:#777780;font-size:9px}.shared-kind-row button.active{border-color:#78412e;background:#33231d;color:#ff8b63}.shared-assets{margin-top:8px}.shared-file-preview{display:grid;place-items:center;width:100%;aspect-ratio:1;background:linear-gradient(145deg,#29292d,#19191b);color:#a7a7af;font-size:12px;font-weight:800}.shared-asset-meta{display:block;padding:0 7px 7px;color:#64646c;font-size:8px}.team-backup-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:34px;margin-top:18px;border:1px solid #35353a;border-radius:8px;background:#202024;color:#9999a1;font-size:10px}.team-backup-btn svg{width:14px}.team-login-modal,.version-modal{width:min(92vw,420px);border:1px solid #3a3a40;border-radius:15px;background:#19191c;box-shadow:0 30px 100px #000c}.team-login-modal{padding:26px}.team-login-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#39251e;color:#ff8b61}.team-login-modal h2{margin:15px 0 5px;font-size:18px}.team-login-modal>p{margin:0 0 18px;color:#818189;font-size:11px;line-height:1.6}.team-login-modal label{display:flex;flex-direction:column;gap:6px;margin-top:11px;color:#9c9ca4;font-size:10px}.team-login-modal input{height:38px;padding:0 11px;border:1px solid #37373d;border-radius:8px;outline:none;background:#111113;color:#eee}.team-login-modal input:focus{border-color:#9b4f32}.team-login-error{min-height:18px;padding-top:6px;color:#ff7777;font-size:10px}.team-login-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:7px}.team-login-actions button{height:36px}.version-modal{overflow:hidden}.version-list{max-height:60vh;padding:10px;overflow:auto}.version-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border-bottom:1px solid #2b2b30}.version-row:last-child{border-bottom:0}.version-row strong,.version-row small{display:block}.version-row strong{font-size:11px}.version-row small{margin-top:3px;color:#73737b;font-size:9px}.version-row button{height:28px;padding:0 9px;border:1px solid #49413e;border-radius:6px;background:#2b2421;color:#ef906c;font-size:9px}
@media(max-width:900px){.team-entry{padding:0 9px}.team-entry span:last-child{display:none}.team-login-modal{width:calc(100vw - 32px)}}