.member-layout{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:calc(100dvh - 70px)}.member-layout>aside{border-right:1px solid var(--border);padding:30px 18px;display:flex;flex-direction:column;gap:8px;background:var(--surface)}.member-layout>aside button{text-align:left;padding:13px;border-radius:8px;color:var(--muted)}.member-layout>aside button.selected{color:var(--accent);background:var(--accent-soft)}.member-layout>main{padding:48px;min-width:0}.member-layout h1{margin:10px 0 30px}.member-layout .admin-card{margin-bottom:20px}.member-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.member-stats h2{font-size:23px;overflow-wrap:anywhere}.member-stats small{color:var(--muted)}.member-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.member-star{float:right;color:var(--accent);font-size:24px}.member-link{display:block;overflow-wrap:anywhere;padding:18px;background:var(--surface-soft);margin:18px 0}.member-profile>div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border);padding:15px 0;font-size:13px}.member-profile dd{margin:0;overflow-wrap:anywhere}.account-menu{position:relative}.account-menu summary{cursor:pointer;list-style:none;border:1px solid var(--border);border-radius:50%;width:36px;height:36px;display:grid;place-items:center}.account-menu>div{position:absolute;right:0;top:45px;z-index:70;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px;min-width:180px;box-shadow:0 12px 40px #0005}.account-menu button{display:block;text-align:left;width:100%;padding:12px;font-size:12px}.account-menu button:hover{color:var(--accent);background:var(--accent-soft)}.member-crm{border-top:1px solid var(--border);margin-top:25px;padding-top:20px}@media(max-width:850px){.member-layout{grid-template-columns:1fr}.member-layout>aside{flex-direction:row;flex-wrap:wrap;padding:12px}.member-layout>main{padding:24px}.member-stats,.member-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.member-stats,.member-project-grid{grid-template-columns:1fr}}.identity-providers{display:grid;gap:8px}.login-theme{display:flex;align-items:center;gap:8px}.identity-providers button{justify-content:flex-start}.identity-providers button b{width:17px;text-align:center}.identity-providers button small{margin-inline-start:auto}.identity-options>.text-btn{margin-top:12px}.member-identity{margin-top:16px}.member-identity>a{display:inline-block;margin-top:12px}.member-identity .identity-providers{margin-top:12px}.identity-linked{list-style:none;padding:0;margin:12px 0}.identity-linked li{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding-block:7px}.identity-linked li span{margin-inline-start:auto}.product-toolbox{position:relative;z-index:30}.product-toolbox>button{display:flex;align-items:center;gap:7px;white-space:nowrap}.product-toolbox-menu{position:absolute;left:0;top:calc(100% + 12px);width:540px;max-width:calc(100vw - 36px);background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px;box-shadow:0 18px 60px #0005}.toolbox-heading{display:grid;gap:7px;margin-bottom:14px}.toolbox-heading>span{font-size:10px;letter-spacing:.15em;color:var(--accent)}.toolbox-heading small{color:var(--muted);font-size:12px}.toolbox-grid{display:grid;gap:6px}.public-nav .toolbox-entry,.ai-nav .toolbox-entry{display:flex;width:100%;padding:12px;text-align:left;align-items:center;gap:14px;border-radius:9px;background:var(--surface-soft);color:var(--text)}.toolbox-entry:hover{outline:1px solid var(--accent)}.toolbox-entry>svg:first-child{width:57px;height:48px;border-radius:7px;background:var(--accent-soft);color:var(--accent);flex-shrink:0}.toolbox-entry span{display:grid;gap:6px;flex:1}.toolbox-entry strong{font-size:14px}.toolbox-entry small{font-size:11px;line-height:1.5;color:var(--muted)}.wechat-contact{position:relative;z-index:35}.wechat-trigger{display:flex;align-items:center;gap:8px;color:var(--text);background:transparent;padding:9px;border-radius:7px}.wechat-trigger:hover{background:var(--accent-soft);color:var(--accent)}.wechat-trigger span{font-size:12px;white-space:nowrap}.wechat-popover{position:absolute;right:0;top:calc(100% + 10px);width:245px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 45px #0005;overflow-wrap:anywhere}.wechat-popover p{font-size:13px;color:var(--muted)}.wechat-popover img{display:block;width:100%;margin-top:14px;border-radius:6px}.business-heading{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:28px}.business-heading h1{margin:10px 0}.business-heading p{color:var(--muted);font-size:13px}.supplier-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:24px}.supplier-card{padding:14px;border:1px solid var(--border);border-radius:13px;background:var(--surface);display:flex;flex-direction:column;gap:12px;min-width:0}.supplier-photo{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:9px;background:var(--surface-soft)}.supplier-photo img{width:100%;height:100%;object-fit:cover}.supplier-photo .pro-badge{position:absolute;left:10px;top:10px;background:#f50;color:#fff;font-size:11px}.supplier-card small{color:var(--muted);font-size:11px}.supplier-card h2{font-size:17px;line-height:1.5;margin:0}.supplier-card p{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 6px;flex:1}.supplier-card>button{font-size:11px;align-self:start}.supplier-card .supplier-photo-label{position:absolute;right:8px;bottom:8px;font-size:9px;color:#fff;background:#0008;padding:3px 6px;border-radius:4px}.supplier-admin{width:100%;min-width:0}.supplier-admin .content-table{min-width:760px}.supplier-admin .content-table td{vertical-align:middle}.supplier-thumb{width:64px;height:45px;border-radius:5px;object-fit:cover}.supplier-settings{margin:20px 0;max-width:900px}.supplier-editor{max-width:1000px}.supplier-image-control{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;margin:22px 0}.supplier-image-control>img{width:230px;aspect-ratio:4/3;object-fit:cover;border:1px solid var(--border);border-radius:9px}.supplier-image-control>div{display:grid;gap:12px;align-content:start}.supplier-upload{cursor:pointer;text-align:center;display:inline-block;width:fit-content;font-size:12px}.supplier-settings .supplier-image-control{grid-template-columns:130px 1fr}.supplier-settings .supplier-image-control>img{width:130px;aspect-ratio:1;object-fit:contain}.supplier-contact-dialog{max-width:470px!important}.supplier-contact-dialog .supplier-contact-field{border:1px solid var(--border);padding:16px;margin-top:12px;border-radius:8px;overflow-wrap:anywhere}.supplier-contact-field p{color:var(--muted);font-size:13px}.supplier-contact-field button{font-size:11px}.business-loading{padding:40px;color:var(--muted)}.public-nav{flex-wrap:wrap}.public-nav>button{white-space:nowrap}.business-directory .supplier-card h2{font-size:17px;line-height:1.5;letter-spacing:0;margin:0;font-weight:650}.business-directory .supplier-card p{font-size:12px;line-height:1.9}.business-directory .supplier-card{gap:12px}.business-directory .supplier-card>.supplier-open-photo{display:block;width:100%;padding:0;align-self:stretch;flex-shrink:0;border:0;cursor:pointer}.supplier-open-title{font:inherit;color:inherit;text-align:left;background:transparent;border:0;padding:0;cursor:pointer}.supplier-open-title:hover{color:var(--accent)}.supplier-card>p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.supplier-card>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supplier-detail-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000b;display:flex;align-items:center;justify-content:center;padding:28px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.supplier-detail-modal{width:min(1280px,100%);max-height:92dvh;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 24px 90px #0008;color:var(--text)}.supplier-detail-toolbar{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:var(--surface-soft)}.supplier-detail-toolbar>span{font-size:10px;letter-spacing:.14em;color:var(--muted)}.supplier-detail-toolbar>button{font-size:25px;line-height:1;background:transparent;color:var(--text);border:0;padding:5px 8px}.supplier-detail-banner{width:100%;height:auto;aspect-ratio:16/5;object-fit:cover;display:block;background:var(--surface-soft)}.supplier-detail-body{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:32px;padding:30px 36px 36px}.supplier-detail-modal #supplier-detail-title{font-size:30px;line-height:1.4;margin:8px 0 22px;letter-spacing:0}.supplier-detail-body main{min-width:0}.supplier-detail-body dl{margin:0;display:grid;gap:20px}.supplier-detail-body dl>div{display:grid;grid-template-columns:108px minmax(0,1fr);gap:16px;font-size:14px;line-height:1.9}.supplier-detail-body dt{font-weight:650;color:var(--text)}.supplier-detail-body dd{margin:0;color:var(--muted);white-space:pre-line;overflow-wrap:anywhere}.supplier-detail-contacts{border-left:1px solid var(--border);padding-left:26px}.supplier-detail-contacts>h3{font-size:12px;line-height:1.6;margin:0 0 18px;color:var(--muted)}.global-contact-codes{display:grid;gap:24px}.global-contact-code{text-align:center;min-width:0}.global-contact-code h3{font-size:13px!important;line-height:1.5;margin:0 0 10px!important;letter-spacing:0}.global-contact-code .contact-qr{width:100%;max-width:150px;aspect-ratio:1;object-fit:contain;padding:7px;background:#fff;border-radius:5px;margin:0 auto;display:block}.contact-qr-placeholder{width:100%;max-width:150px;aspect-ratio:1;border:1px dashed var(--border);border-radius:6px;background:var(--surface-soft);display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;color:var(--subtle);margin:auto}.contact-qr-placeholder small{font-size:10px}.global-contact-code p{font-size:11px!important;line-height:1.7;overflow-wrap:anywhere;margin:8px 0!important}.global-contact-code button{font-size:10px;padding:6px 10px}.wechat-popover{max-height:calc(100dvh - 100px);overflow:auto}.wechat-popover .contact-qr,.wechat-popover .contact-qr-placeholder{max-width:130px}.supplier-media-panels{display:grid;grid-template-columns:1fr 1.3fr;gap:20px;margin:25px 0}.supplier-media-panels>section{padding:16px;border:1px solid var(--border);border-radius:9px;min-width:0}.supplier-media-panels h3{font-size:14px}.supplier-cover-preview{width:100%;max-height:180px;aspect-ratio:4/3;object-fit:cover;border-radius:5px;margin-bottom:14px}.supplier-banner-preview{width:100%;aspect-ratio:16/5;object-fit:cover;border-radius:5px;margin:0 0 14px}.supplier-media-panels .control{margin-top:14px}.supplier-language-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:30px}.business-contact-settings-row+.business-contact-settings-row{border-top:1px solid var(--border);padding-top:12px;margin-top:20px}@media(max-width:680px){.supplier-detail-backdrop{padding:12px}.supplier-detail-body{grid-template-columns:1fr;padding:22px;gap:25px}.supplier-detail-body dl>div{grid-template-columns:1fr;gap:3px}.supplier-detail-contacts{border-left:0;border-top:1px solid var(--border);padding:20px 0 0}.supplier-detail-contacts .global-contact-codes{grid-template-columns:1fr 1fr;gap:18px}.supplier-detail-modal #supplier-detail-title{font-size:24px}.supplier-media-panels{grid-template-columns:1fr}.supplier-detail-modal{max-height:95dvh}.supplier-detail-banner{min-height:0}}@media(max-width:1100px){.supplier-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.supplier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-toolbox-menu{position:fixed;top:125px;left:18px}.supplier-image-control{grid-template-columns:1fr}.business-heading{flex-wrap:wrap}}@media(max-width:480px){.supplier-grid,.supplier-settings .supplier-image-control{grid-template-columns:1fr}.top-actions .wechat-trigger{padding:6px}.supplier-photo{aspect-ratio:16/10}}.supplier-detail-modal{width:min(1200px,100%)}.supplier-detail-contacts .contact-qr,.supplier-detail-contacts .contact-qr-placeholder{max-width:112px}.supplier-detail-contacts .global-contact-codes{gap:16px}.visual-style-picker{margin:14px 0 18px;min-width:0}.visual-style-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.visual-style-heading h3{margin:0;font-size:14px;font-weight:650}.view-all-styles{font-size:11px;color:var(--muted);padding:4px 0;white-space:nowrap}.view-all-styles:hover{color:var(--accent)}.visual-style-strip-wrap{position:relative;min-width:0}.visual-style-strip{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:1px 24px 2px 1px;scroll-snap-type:x proximity}.visual-style-strip::-webkit-scrollbar{display:none}.visual-style-card{position:relative;flex:0 0 82px;min-width:0;min-height:103px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2,var(--surface));display:flex;flex-direction:column;justify-content:flex-start;gap:5px;padding:10px 5px 9px;scroll-snap-align:start;color:var(--muted)}.visual-style-card:hover{border-color:var(--muted);color:var(--text)}.visual-style-card.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface));color:var(--text)}.visual-style-preview{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:57px}.visual-style-preview>svg{width:60px;height:56px;overflow:visible}.visual-style-preview>.pro-badge{position:absolute;right:-1px;bottom:-2px;font-size:8px;padding:2px 4px}.visual-style-label{font-size:10px;line-height:1.4;text-align:center;overflow-wrap:anywhere}.visual-style-check{position:absolute;right:5px;top:5px;color:var(--accent)}.visual-style-more{position:absolute;right:0;top:0;bottom:0;width:28px;padding:0;color:var(--text);border-radius:0 10px 10px 0;background:linear-gradient(90deg,transparent,var(--surface) 58%)}.visual-style-more:hover{color:var(--accent)}.right-panel,.path-properties{position:relative}.style-browser{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--surface);display:flex;flex-direction:column;min-height:0;border-radius:inherit}.style-browser>header{display:flex;align-items:center;gap:13px;padding:18px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.style-browser>header h3{margin:0;font-size:14px}.style-browser-back{font-size:11px;padding:6px 0;gap:5px}.style-browser-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px;padding:16px;overflow-y:auto;min-height:0}.style-browser-grid .visual-style-card{width:100%;min-height:122px}.style-browser-grid .visual-style-preview{height:76px}.style-browser-grid .visual-style-preview>svg{width:75px;height:70px}@media(min-width:721px){.left-panel{position:relative}}@media(max-width:720px){.visual-style-card{flex-basis:78px}}.visual-style-strip{position:relative}.visual-style-previous{left:0;right:auto;border-radius:10px 0 0 10px;background:linear-gradient(270deg,transparent,var(--surface) 58%)}.ai-site{min-height:100vh;background:var(--page);color:var(--text)}.ai-nav{height:58px;display:flex;gap:20px;align-items:center;padding:0 clamp(24px,5vw,80px);border-bottom:1px solid var(--border);font-size:12px}.ai-nav button{color:var(--muted)}.ai-nav button.selected{color:var(--accent)}.ai-nav .ai-nav-end{margin-left:auto}.ai-landing,.ai-studio{max-width:1200px;margin:auto;padding:48px 28px 90px}.ai-hero{text-align:center;padding:70px 18px 80px}.ai-hero h1,.ai-studio-heading h1{font-size:clamp(35px,5vw,66px);line-height:1.12;max-width:850px;margin:18px auto}.ai-hero p,.ai-studio-heading p{max-width:700px;margin:0 auto 28px;color:var(--muted);line-height:1.8;font-size:16px}.ai-hero>div{display:flex;justify-content:center;gap:12px;margin:34px 0 28px}.ai-hero small{display:block;color:var(--subtle);max-width:700px;margin:auto;line-height:1.7}.ai-showcase{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:32px}.ai-showcase h2{font-size:29px;margin:15px 0}.ai-showcase p{color:var(--muted);line-height:1.7}.ai-pattern-preview{display:block;width:100%;max-height:420px;aspect-ratio:1.6;background:#141414;border:1px solid #333;border-radius:8px;padding:25px}.ai-mcp-section{padding:85px 8px 30px;scroll-margin-top:70px}.ai-mcp-section h2{font-size:32px;margin:15px 0}.ai-mcp-section>p{max-width:680px;color:var(--muted);line-height:1.7}.ai-mcp-section>code,.ai-token-once code{display:inline-block;background:var(--surface);border:1px solid var(--border);padding:13px;border-radius:6px;color:var(--accent);overflow-wrap:anywhere}.ai-mcp-tools{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.ai-mcp-tools span{padding:8px 10px;border:1px solid var(--border);border-radius:5px;font-size:12px;color:var(--muted)}.ai-token-panel{max-width:680px;padding:20px;border:1px solid var(--border);border-radius:8px;background:var(--surface);display:flex;gap:12px;align-items:end;flex-wrap:wrap}.ai-token-panel label{display:grid;gap:7px;font-size:12px;color:var(--muted);flex:1}.ai-token-panel input{padding:10px;background:var(--surface);border:1px solid var(--border);border-radius:5px;color:var(--text)}.ai-token-once,.ai-token-row{width:100%;border-top:1px solid var(--border);padding-top:12px}.ai-token-once p{font-size:12px;color:var(--accent)}.ai-token-once code{display:block;margin-bottom:9px}.ai-token-row{display:flex;justify-content:space-between;align-items:center;font-size:12px}.ai-token-row small{color:var(--muted);margin-left:12px}.ai-token-row button{color:var(--muted);display:flex;gap:5px;align-items:center}.ai-token-row button:hover{color:var(--accent)}.ai-studio-heading{text-align:center;padding:30px 0 15px}.ai-chat-card{max-width:880px;margin:30px auto;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 15px 45px #0002;overflow:hidden}.ai-chat-top{display:flex;align-items:center;gap:10px;padding:20px;color:var(--muted);font-size:12px}.ai-chat-top svg{color:var(--accent)}.ai-chat-card textarea{display:block;width:calc(100% - 40px);height:170px;margin:0 20px;background:transparent;border:0;resize:vertical;outline:0;color:var(--text);font:inherit;font-size:17px;line-height:1.6}.ai-chat-actions{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}.ai-chat-actions button,.ai-result button,.ai-hero button{display:inline-flex;align-items:center;gap:9px}.ai-message,.ai-error{max-width:880px;margin:14px auto;padding:13px 16px;border:1px solid var(--border);border-radius:6px;color:var(--muted);font-size:12px;display:flex;gap:8px;align-items:center}.ai-message button{color:var(--accent);margin-left:auto}.ai-error{color:#e46e5a;border-color:#783727}.ai-examples{max-width:880px;margin:45px auto}.ai-examples h2{font-size:15px;margin-bottom:15px}.ai-examples button{display:flex;width:100%;justify-content:space-between;align-items:center;text-align:left;padding:14px 10px;border-bottom:1px solid var(--border);color:var(--muted)}.ai-examples button:hover{color:var(--accent)}.ai-result{max-width:880px;margin:30px auto;display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:24px;border:1px solid var(--accent);border-radius:9px}.ai-result p{color:var(--muted);line-height:1.6}.ai-result .ai-pattern-preview{max-height:290px}.ai-result h2{font-size:25px}.ai-result button{margin-top:12px}@media(max-width:700px){.ai-landing,.ai-studio{padding:22px 16px 70px}.ai-hero{padding:45px 0}.ai-hero>div{flex-direction:column}.ai-showcase,.ai-result{grid-template-columns:1fr}.ai-mcp-section{padding-top:55px}.ai-chat-card textarea{height:220px}.ai-nav{padding:0 14px;gap:10px}}.ai-plan-backdrop{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;background:#000a;display:grid;place-items:center;padding:16px}.ai-plan-modal{position:relative;width:min(950px,100%);max-height:90vh;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:30px}.ai-plan-modal h2{font-size:29px;margin:10px 0}.ai-plan-modal>p{color:var(--muted);font-size:13px}.ai-plan-close{position:absolute;right:20px;top:15px;font-size:25px;color:var(--muted)}.ai-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.ai-plan-grid article{border:1px solid var(--border);border-radius:8px;padding:20px;display:flex;flex-direction:column;min-height:275px}.ai-plan-grid article.featured{border-color:var(--accent);background:var(--accent-soft)}.ai-plan-grid small{color:var(--accent);font-size:10px}.ai-plan-grid h3{font-size:19px;margin:13px 0}.ai-plan-grid strong{font-size:26px}.ai-plan-grid strong span{font-size:12px;color:var(--muted)}.ai-plan-grid p{font-size:12px;color:var(--muted);line-height:1.7;flex:1}.ai-plan-grid button{justify-content:center}.ai-plan-grid .primary,.ai-plan-grid .secondary{display:flex;align-items:center;min-height:38px}@media(max-width:700px){.ai-plan-grid{grid-template-columns:1fr}.ai-plan-grid article{min-height:0}.ai-plan-modal{padding:20px}}.asset-icon{width:1em;height:1em;display:inline-block;vertical-align:-.13em;flex:none}h2>.asset-icon,h3>.asset-icon{margin-right:8px}.unit-switch{font-size:11px;padding:5px 7px;max-width:100px;background:var(--surface);border:1px solid var(--border);border-radius:5px;color:var(--muted)}.workspace-tools .active{background:var(--accent);color:#fff}.ruler-view{background-image:none!important}.ruler-top,.ruler-left{position:absolute;pointer-events:none;background:var(--surface);color:var(--muted);fill:currentColor;stroke:currentColor;stroke-width:.4;font-size:3px;overflow:visible}.ruler-top{left:0;top:-24px;width:100%;height:20px}.ruler-left{left:-24px;top:0;width:20px;height:100%}.ruler-origin{position:absolute;left:-24px;top:-24px;font-size:8px;color:var(--muted)}.measure-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:8;touch-action:none;cursor:crosshair}.setup-checklist table{width:100%;line-height:1.7}.setup-checklist td,.setup-checklist th{white-space:normal;vertical-align:top}.setup-checklist td:last-child{max-width:520px}.public-site{min-height:100vh;background:var(--bg);color:var(--text)}.public-nav{display:flex;gap:8px;align-items:center;padding:14px max(5vw,24px);border-bottom:1px solid var(--border)}.public-nav button{padding:9px 16px;font-size:13px;color:var(--muted);border-radius:5px}.public-nav .selected{color:var(--accent);background:var(--surface)}.public-nav .primary{margin-left:auto;color:#fff}.public-hero{max-width:1280px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:80px 50px}.public-hero h1{font-size:clamp(36px,4vw,62px);line-height:1.18;letter-spacing:-2px;margin:22px 0}.public-hero p{font-size:17px;line-height:1.9;max-width:480px;color:var(--muted)}.hero-buttons{display:flex;gap:12px;margin:30px 0 20px}.public-hero small{color:var(--muted);font-size:11px}.hero-pattern{position:relative;border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:25px}.hero-pattern svg{width:100%;display:block}.hero-pattern>span{font-size:10px;letter-spacing:2px;color:var(--muted);position:absolute;bottom:15px;left:25px}.public-section{max-width:1180px;margin:auto;padding:66px 30px;border-bottom:1px solid var(--border)}.public-section h2{font-size:clamp(25px,3vw,38px);line-height:1.4;margin:15px 0 22px}.public-section p{color:var(--muted);line-height:1.9}.partner-section{padding:30px 30px 50px;text-align:center;border-block:1px solid var(--border);background:var(--surface)}.partner-section>p{font-size:13px;color:var(--muted)}.partner-logos{display:flex;justify-content:center;align-items:center;gap:70px;flex-wrap:wrap;margin:35px auto 0}.partner-logos>div{width:150px;height:45px;display:flex;align-items:center;justify-content:center}.partner-logos strong{font-size:26px;letter-spacing:-1px}.partner-logos img{max-width:145px;max-height:40px;filter:grayscale(1)}[data-theme=dark] .partner-logos img{filter:grayscale(1) brightness(0) invert(.8)}.marketing-row{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}.marketing-row.reverse>div:first-child{order:2}.marketing-pattern{border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:20px}.marketing-pattern svg{width:100%;display:block}.industry-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.industry-chips button{border:1px solid var(--border);border-radius:4px;padding:6px 10px;font-size:12px}.workflow-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.workflow-cards article{padding:25px;background:var(--surface);border:1px solid var(--border);border-radius:8px}.workflow-cards b{color:var(--accent);font-size:12px}.workflow-cards h3{margin:22px 0 12px}.workflow-cards p{font-size:13px}.faq-section{max-width:950px}.faq-section details{border-bottom:1px solid var(--border);padding:20px 0}.faq-section summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:15px;gap:20px}.faq-section summary span{color:var(--accent);font-size:22px}.faq-section details[open] summary span{transform:rotate(45deg)}.faq-section p{font-size:14px;max-width:770px}.faq-section a{color:var(--accent);font-size:13px}.public-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1180px;margin:40px auto;padding:40px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.public-cta h2{font-size:26px}.public-cta p{color:var(--muted)}.public-footer{padding:30px 5vw;display:flex;gap:24px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}.public-footer a{margin-left:auto}.public-title{text-align:center;padding:65px 24px 25px;max-width:850px;margin:auto}.public-title h1{font-size:44px;margin:20px 0}.public-title p{line-height:1.8;color:var(--muted)}.pricing-grid{max-width:1180px;margin:25px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0 30px}.pricing-grid article{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:28px;display:flex;flex-direction:column}.pricing-grid article.featured{border-color:var(--accent)}.pricing-grid article>span{font-size:10px;letter-spacing:2px;color:var(--accent)}.pricing-grid h2{font-size:24px;margin:18px 0}.pricing-grid strong{font-size:29px}.pricing-grid p{font-size:13px;line-height:1.8;color:var(--muted)}.pricing-grid ul{padding-left:20px;margin:16px 0 28px;line-height:2.5;font-size:13px;flex:1}.pricing-grid a{display:flex;justify-content:center}.feature-table{width:100%;border-collapse:collapse;font-size:13px}.feature-table td,.feature-table th{padding:18px;border-bottom:1px solid var(--border);text-align:left}.public-template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:25px}.public-template-grid svg{width:100%;display:block;background:var(--surface);padding:10px}.public-template-grid .preset-card{text-align:left}.header-pricing{font-size:12px}.public-template-grid:empty:after{content:"暂无匹配模板，请调整分类。";color:var(--muted);padding:30px}@media(max-width:900px){.public-hero{gap:25px;padding:50px 25px}.marketing-row,.partner-logos{gap:30px}.public-template-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.public-hero,.marketing-row{grid-template-columns:1fr}.marketing-row.reverse>div:first-child{order:0}.pricing-grid,.workflow-cards{grid-template-columns:1fr}.public-title h1{font-size:32px}.public-nav{gap:0;padding:10px 12px}.public-nav button{padding:8px;font-size:12px}.public-template-grid{grid-template-columns:repeat(2,1fr)}.public-cta{margin:25px 16px;padding:24px;flex-direction:column;align-items:flex-start}.public-footer{gap:15px}.public-footer a{margin-left:0}.unit-switch{max-width:70px}.header-pricing{display:none}}.ruler-top,.ruler-left{font-size:8px;stroke-width:.5}.public-site{background:var(--page)}.cms-columns textarea{min-height:100px}.ruler-view .dimension-x,.ruler-view .dimension-y{display:none}.ruler-top text,.ruler-left text{stroke:none;font-family:Arial,sans-serif;font-size:7px}.path-editor .path-layer-name{justify-content:flex-start}.controller-envelope .field-envelope{opacity:1}.controller-envelope{pointer-events:none}.axis-guide-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:7;pointer-events:none;overflow:visible}.axis-guide-overlay .movable-guide path:last-child{pointer-events:stroke}.xy-axes text{fill:var(--accent);font-size:8px;font-weight:700}.field-rotate-handle circle,.path-rotate-handle circle{cursor:grab}.field-rotate-handle circle:active,.path-rotate-handle circle:active{cursor:grabbing}.pro-badge{background:#ff550021;border:1px solid rgba(255,85,0,.38);color:var(--accent);border-radius:5px;font-size:8px;padding:2px 6px;font-weight:700}.layer-channel-picker{padding:15px 0 10px}.layer-channel-picker .section-heading{margin-bottom:10px}.layer-name-inline{height:26px;width:100%;min-width:0;padding:2px 5px;border-color:var(--accent);font-size:11px}.canvas-stage .ruler-top,.canvas-stage .ruler-left{z-index:12;touch-action:none;pointer-events:auto}.canvas-stage .ruler-top{top:0;left:0;width:100%;height:22px;cursor:ns-resize}.canvas-stage .ruler-left{top:0;left:0;width:22px;height:100%;cursor:ew-resize}.canvas-stage .ruler-origin{position:absolute;top:0;left:0;width:22px;height:22px;z-index:13;display:grid;place-items:center;background:var(--surface-raised);font-size:8px;pointer-events:none}.hero-buttons{flex-wrap:wrap}.hero-buttons .home-contact{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid var(--accent);color:var(--accent)}.topbar .language-switch select{font-size:11px;max-width:86px;border:1px solid var(--border);padding:6px 8px;border-radius:5px;color:var(--text);background:var(--surface)}.content-manager{display:grid;grid-template-columns:minmax(235px,29%) minmax(0,1fr);gap:20px;align-items:start}.content-index,.content-editor{background:var(--surface);border:1px solid var(--border);border-radius:11px;min-width:0}.content-index{padding:18px;position:sticky;top:12px;max-height:calc(100dvh - 125px);overflow:auto}.content-index-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:700}.content-index-head .primary{font-size:11px;padding:8px}.content-index>p{font-size:11px;color:var(--muted);line-height:1.6}.content-list{display:flex;flex-direction:column;gap:6px;margin-top:15px}.content-list button{text-align:left;border:1px solid var(--border);border-radius:6px;padding:10px 11px;display:grid;gap:4px;background:var(--surface-soft);color:var(--text)}.content-list button:hover,.content-list button.selected{border-color:var(--accent);background:var(--accent-soft)}.content-list strong{font-size:12px}.content-list small{font-size:10px;color:var(--muted);font-family:monospace}.content-list span{font-size:10px;color:var(--accent)}.content-editor{padding:22px}.content-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.content-editor-head h2{font-size:23px;margin:6px 0}.content-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.content-meta-grid label,.content-fields label,.media-control{display:grid;gap:7px;font-size:11px;color:var(--muted);font-weight:600}.content-meta-grid input,.content-meta-grid select,.content-fields input,.content-fields textarea{width:100%;background:var(--surface-soft);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:10px 11px;font:inherit}.content-fields{display:grid;gap:13px}.content-fields textarea{resize:vertical;line-height:1.6}.media-control{margin:20px 0}.media-control input{color:var(--text);font-size:11px}.content-cover-preview{position:relative;max-width:420px}.content-cover-preview img{display:block;width:100%;max-height:200px;object-fit:cover;border:1px solid var(--border);border-radius:6px}.content-cover-preview button{position:absolute;right:8px;bottom:8px;background:var(--surface);padding:7px;color:var(--text);border-radius:4px}.locale-tabs{display:flex;flex-wrap:wrap;gap:5px;margin:22px 0 18px;border-bottom:1px solid var(--border);padding-bottom:10px}.locale-tabs button{border:1px solid var(--border);border-radius:5px;color:var(--muted);font-size:10px;padding:8px 9px}.locale-tabs button.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.content-actions{display:flex;align-items:center;gap:12px;margin:18px 0}.content-actions span{font-size:10px;color:var(--muted);line-height:1.5}.content-live-preview{margin-top:23px;padding:24px;background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;min-height:250px}.content-live-preview>img,.content-live-preview>svg{display:block;max-width:100%;width:100%;max-height:245px;object-fit:cover;background:#171717;border-radius:6px;margin:12px 0 18px}.content-live-preview h2{font-size:25px}.content-live-preview p{color:var(--muted);font-size:12px;line-height:1.7}.content-preview-pattern{height:110px;background:repeating-linear-gradient(125deg,#ff5500 0 2px,transparent 2px 16px),#171717;opacity:.55;border-radius:6px;margin:12px 0}.work-card{text-align:left;display:flex;flex-direction:column;min-height:270px}.work-card-art{height:165px;background:#141414;display:grid;place-items:center;overflow:hidden}.work-card-art svg,.work-card-art img{width:100%;height:100%;object-fit:cover}.work-card .preset-caption{margin-top:0}.work-card>p{font-size:11px;line-height:1.55;color:var(--muted);padding:0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.work-card>b{margin:auto 12px 12px;color:var(--accent);font-size:11px}.work-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:6%;align-items:center}.work-stage{background:#121212;border:1px solid var(--border);border-radius:12px;min-height:430px;display:grid;place-items:center;overflow:hidden}.work-stage svg,.work-stage img{width:100%;height:100%;max-height:520px;object-fit:contain}.work-summary h1{font-size:clamp(30px,4vw,58px);line-height:1.1;margin:17px 0}.work-summary>p{line-height:1.8;color:var(--muted);font-size:15px}.work-kicker{color:var(--accent)!important;font-size:12px!important}.work-metrics{border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:grid;gap:12px;padding:20px 0;margin:24px 0}.work-metrics span{font-size:11px;color:var(--muted);display:flex;justify-content:space-between}.work-metrics b{color:var(--text)}.work-notes{max-width:960px}.work-notes>p{font-size:15px;line-height:1.9;color:var(--muted)}.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.journal-card{display:flex;flex-direction:column;align-items:stretch;text-align:left;border:1px solid var(--border);border-radius:9px;overflow:hidden;background:var(--surface);color:var(--text);min-height:365px}.journal-card:hover{border-color:var(--accent);transform:translateY(-2px)}.journal-card img,.journal-card-art{height:185px;width:100%;object-fit:cover}.journal-card-art{background:#161616;position:relative;overflow:hidden}.journal-card-art:before{content:"";position:absolute;top:15%;right:15%;bottom:15%;left:15%;background:repeating-radial-gradient(circle at 50% 65%,transparent 0 8px,#ff5500 9px 11px,transparent 12px 18px);transform:rotate(-20deg);opacity:.9}.journal-card-art.news:before{background:repeating-linear-gradient(125deg,#ff5500 0 2px,transparent 2px 12px)}.journal-card-art span{position:absolute;left:16px;bottom:13px;color:#fff;font-size:9px;letter-spacing:.18em}.journal-card>.eyebrow{padding:17px 17px 0;color:var(--accent)}.journal-card h3{font-size:18px;line-height:1.35;margin:8px 17px}.journal-card p{font-size:12px;line-height:1.65;color:var(--muted);margin:0 17px 15px}.journal-card>b{font-size:11px;color:var(--accent);margin:auto 17px 17px}.article-hero{max-width:1040px;margin:auto;text-align:center}.article-hero h1{font-size:clamp(34px,5vw,68px);line-height:1.13;max-width:900px;margin:25px auto}.article-hero>p{font-size:16px;color:var(--muted);max-width:700px;margin:0 auto 30px;line-height:1.7}.article-hero>img,.article-hero-art{width:100%;height:330px;object-fit:cover;background:#151515;border-radius:10px}.article-hero-art svg{width:100%;height:100%}.article-body{max-width:900px;margin:auto}.public-copy{max-width:720px;margin:auto}.public-copy p{font-size:17px;line-height:2;color:var(--text);margin:0 0 24px}.static-hero{min-height:310px;display:flex;flex-direction:column;justify-content:center}.home-journal .section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}@media(max-width:980px){.content-manager{grid-template-columns:1fr}.content-index{position:static;max-height:260px}.work-hero{grid-template-columns:1fr}.journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.journal-grid,.content-meta-grid{grid-template-columns:1fr}.work-stage{min-height:290px}.work-hero{gap:25px}.content-editor{padding:15px}.content-editor-head{align-items:flex-start;flex-direction:column}}.journal-card-art:before{display:none}.journal-card-art svg{width:100%;height:100%;padding:14px 22px;box-sizing:border-box}.journal-card-art span{background:#151515bb;padding:4px 6px;border-radius:3px}.content-list-tools,.customer-list-tools{display:flex;gap:7px;margin:14px 0}.content-list-tools input,.customer-list-tools input{min-width:0;flex:1;background:var(--surface-soft);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:9px}.content-list-tools select,.customer-list-tools select{background:var(--surface-soft);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:8px}.content-pagination{display:flex;align-items:center;gap:9px;justify-content:flex-end;padding:14px 0;font-size:11px;color:var(--muted)}.content-pagination span{margin-right:auto}.content-pagination button{border:1px solid var(--border);border-radius:5px;color:var(--text);padding:7px 10px}.content-pagination button:disabled{opacity:.35;cursor:default}.content-list-intro{padding:36px 24px}.content-list-intro h2{font-size:25px}.content-list-intro p{font-size:13px;color:var(--muted);line-height:1.7}.content-editor-head .secondary{display:block;margin-bottom:14px}.customer-manager .table-scroll{margin-top:15px}.customer-detail{margin-top:18px}.customer-detail .control{margin:18px 0}.customer-detail .content-meta-grid select{background:var(--surface-soft);border:1px solid var(--border);border-radius:5px;color:var(--text);padding:9px}.hero-pattern img,.marketing-pattern img{width:100%;height:100%;object-fit:cover}.hero-pattern,.marketing-pattern{overflow:hidden}.work-stage{position:relative}.work-stage>img{object-fit:cover}.work-pattern-inset{position:absolute;right:16px;bottom:16px;width:34%;max-width:180px;padding:8px;background:#111e;border:1px solid #ffffff44;border-radius:7px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.work-pattern-inset svg{width:100%;height:95px;object-fit:contain}.work-pattern-inset span{font-size:10px;color:#fff;display:block;text-align:center;margin-top:4px}.admin-content{max-width:none}.content-manager{display:block;width:100%}.content-index-full{position:static;max-height:none;overflow:visible;padding:24px;width:100%}.content-index-full .content-index-head h2{font-size:20px;margin-top:8px}.content-index-full .content-index-head .primary{font-size:12px;padding:10px 14px}.content-status-tabs{display:flex;gap:16px;align-items:center;border-bottom:1px solid var(--border);margin:18px 0 0}.content-status-tabs button{color:var(--muted);padding:11px 2px;border-bottom:2px solid transparent;font-size:12px}.content-status-tabs button.selected{color:var(--accent);border-color:var(--accent)}.content-status-tabs span{font-size:10px;color:var(--muted)}.content-index-full .content-list-tools{margin:17px 0;justify-content:flex-end}.content-index-full .content-list-tools input{flex:0 1 340px}.content-table{width:100%;min-width:660px}.content-table td{padding:14px 16px}.content-table code{font-size:10px;color:var(--muted);white-space:nowrap}.content-title-button{color:var(--text);font-size:13px;font-weight:600;text-align:left;justify-content:flex-start}.content-title-button:hover{color:var(--accent)}.content-state{font-size:11px;border-radius:4px;padding:5px 8px}.content-state.published{color:var(--accent);background:var(--accent-soft)}.content-state.draft{color:var(--muted);background:var(--surface-soft);border:1px solid var(--border)}.content-empty{padding:28px;color:var(--muted);text-align:center}.content-editor-full{width:100%;max-width:none}.content-editor-full .content-fields{max-width:980px}@media(max-width:720px){.content-index-full{padding:15px}.content-index-full .content-list-tools input{flex:1}.content-status-tabs{gap:9px}.content-status-tabs button{font-size:10px}.content-table{min-width:640px}}.content-list-actions{display:flex;justify-content:flex-end}.content-list-actions .primary{font-size:12px;padding:10px 14px}.content-index-full .content-status-tabs{margin-top:0}.path-entry{margin:12px 0;font-size:11px;gap:8px}.path-editor{border:1px solid var(--border);border-radius:8px;overflow:hidden}.path-toolbar{display:flex;gap:7px;align-items:center;padding:12px;background:var(--surface-raised);border-bottom:1px solid var(--border)}.path-toolbar strong{font-size:13px;flex:1}.path-toolbar button{border:1px solid var(--border);border-radius:4px;padding:7px 10px;font-size:11px}.path-editor-body{display:grid;grid-template-columns:88px minmax(250px,1fr) 250px;min-height:480px;max-height:65dvh}.path-tools{display:flex;flex-direction:column;gap:5px;padding:8px;border-right:1px solid var(--border);overflow-y:auto}.path-tools button{padding:8px 2px;font-size:10px;border-radius:4px;white-space:normal}.path-tools .selected{background:var(--accent-soft);color:var(--accent)}.path-tools .control{font-size:9px}.path-tools input{padding:5px;width:100%;font-size:11px}.path-viewport{width:100%;height:100%;min-height:440px;background:var(--canvas);touch-action:none;overflow:hidden}.path-properties{padding:12px;border-left:1px solid var(--border);overflow-y:auto;scrollbar-width:thin}.path-properties h3{font-size:12px;margin:0 0 12px}.path-properties .control{margin-bottom:11px;font-size:10px}.path-properties input,.path-properties select{font-size:11px;padding:7px;width:100%;max-width:100%;min-width:0}.path-properties .secondary{font-size:10px;padding:7px 6px}.path-properties fieldset{border:0;padding:0;margin:0;min-width:0}.path-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}.path-layer-list{display:flex;flex-direction:column;gap:5px;max-height:175px;overflow:auto;margin-bottom:14px}.path-layer-list>div{display:flex;align-items:center;background:var(--surface-soft);border:1px solid var(--border);border-radius:4px}.path-layer-list>div.selected{border-color:var(--accent);background:var(--accent-soft)}.path-layer-list button{padding:5px;font-size:12px}.path-layer-name{flex:1;min-width:0;text-align:left;font-size:11px!important}.path-layer-name small{display:block;color:var(--muted);font-size:8px;margin-top:4px}.path-editor-footer{padding:12px;display:flex;gap:10px;align-items:center;border-top:1px solid var(--border)}.path-editor-footer>span{flex:1;font-size:10px;line-height:1.7;color:var(--muted)}.path-editor-footer small{display:block;color:var(--subtle)}.modal:has(.path-editor){max-width:1150px;width:94vw}.modal:has(.path-editor) .modal-heading{margin-bottom:12px}.modal:has(.path-editor){padding:18px}.path-viewport>path{cursor:move}.path-viewport circle{cursor:move}@media(max-width:780px){.path-editor-body{grid-template-columns:70px minmax(150px,1fr);max-height:65dvh;overflow:auto}.path-properties{grid-column:1/-1;max-height:260px}.path-viewport{min-height:300px}.path-editor-footer{flex-wrap:wrap}.path-editor-footer>span{flex-basis:100%}.path-toolbar{flex-wrap:wrap}.modal:has(.path-editor){padding:10px}}.modal-backdrop>section.modal.wide:has(.path-editor){width:96vw;max-width:1150px;max-height:calc(100dvh - 32px);overflow:hidden}.modal .path-editor .path-editor-body{height:calc(100dvh - 235px);min-height:280px;max-height:620px}.modal .path-editor .path-viewport{height:100%;min-height:0;min-width:0}.modal .path-editor .path-properties{height:100%;min-height:0}.path-editor-footer{background:var(--surface)}@media(max-width:780px){.modal .path-editor .path-editor-body{height:calc(100dvh - 280px);overflow:auto;grid-template-rows:300px auto}.modal .path-editor .path-properties{max-height:260px}.path-editor-footer{padding:8px}.path-editor-footer>span{font-size:9px}}.path-editor-body{grid-template-columns:88px 250px minmax(250px,1fr)}.path-tools{order:0}.path-properties{order:1;border-left:0;border-right:1px solid var(--border)}.path-viewport{order:2}.path-dimension{display:block;margin-top:4px;font-size:10px;font-weight:400;color:var(--muted)}.path-zoom{font-size:10px;color:var(--subtle);min-width:36px;text-align:center}.path-toolbar .pro-badge{margin-left:7px}.advanced-corner{margin:10px 0}.advanced-corner .control{margin-bottom:5px}.advanced-corner .line-note{font-size:10px;color:var(--muted)}@media(max-width:780px){.path-editor-body{grid-template-columns:70px minmax(170px,1fr)}.path-properties{grid-column:2;grid-row:1}.path-viewport{grid-column:1/-1;grid-row:2;min-height:300px}.path-tools{grid-row:1}.modal .path-editor .path-editor-body{grid-template-rows:260px 300px}}.path-viewport .path-scale-handle{cursor:nwse-resize}.path-viewport .path-move-guide{filter:drop-shadow(0 0 2px var(--accent))}.pricing-grid strong small{font-size:13px;font-weight:500;color:var(--muted)}.pricing-grid .pricing-recommended{display:inline-flex;align-items:center;align-self:flex-start;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent);padding:6px 9px;border-radius:5px;letter-spacing:.7px}.pricing-service-note{max-width:1180px;margin:0 auto 35px;padding:0 30px;color:var(--muted);font-size:11px}.pricing-service-note a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.shape-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:0 0 10px}.shape-filters .segmented{width:auto;flex:1;min-width:112px;margin:0}.shape-filters .segmented button{min-height:30px;padding:4px 8px}.style-browser .shape-filters{flex-shrink:0;padding:12px 16px 0}.shape-alphabet{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(26px,1fr));gap:4px}.shape-alphabet button{min-height:29px;border:1px solid var(--border,#7775);border-radius:5px;color:inherit;background:transparent}.shape-alphabet button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.shape-admin-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:0 0 12px}.shape-admin-toolbar .muted{margin-inline-start:auto}.shape-status-filters{display:flex;flex-wrap:wrap;gap:12px}.shape-status-filters button[aria-pressed=true]{color:var(--accent)}.shape-search{display:flex;align-items:center;gap:8px;margin-inline-start:auto;min-width:min(260px,100%)}.shape-search input{width:100%}.shape-registry-table{min-width:720px}.shape-registry-table td:first-child{width:58px}.shape-registry-table td button{text-align:start}.shape-edit-action{color:var(--accent);font-size:11px}.shape-table-thumb{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--border,#7775);border-radius:6px}.shape-table-thumb svg{width:38px;height:38px}.shape-paging{justify-content:flex-end;margin-top:14px}.shape-inspector-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);gap:16px;align-items:start}.shape-form-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.shape-parameter-table input,.shape-parameter-table select{width:100%;min-width:66px}.shape-record-form .shape-admin-toolbar{margin:16px 0 0}.shape-pro-control{display:flex;align-items:center;gap:8px;margin:12px 0}.shape-preview-stage{display:grid;place-items:center;min-height:280px;aspect-ratio:1;border:1px solid var(--border,#7775);border-radius:8px;color:var(--accent);overflow:hidden;background:radial-gradient(circle,#8884 1px,transparent 1px) 0 0/15px 15px}.shape-preview-stage svg{width:100%;height:100%;max-height:420px}.shape-live-preview output{float:inline-end}@media(max-width:960px){.shape-inspector-grid{grid-template-columns:1fr}}:root{font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;color:var(--text);background:var(--surface);font-size:13px;font-weight:400;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #ff5500;outline-offset:3px}input,textarea,select{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:10px 11px;min-width:0;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--border)}input[type=number]{font-variant-numeric:tabular-nums}input[type=color]{border:0;padding:0;width:32px;height:32px;background:none;cursor:pointer}textarea{resize:vertical;min-height:96px}h1,h2,h3,p{margin:0}h2{font-size:19px;letter-spacing:-.5px;font-weight:600}h3{font-size:13px;font-weight:600}h3 small{float:right;font-weight:400;color:var(--muted)}p{line-height:1.8}a{color:inherit}small{font-size:10px}svg{flex-shrink:0}.topbar{height:68px;background:var(--solid);color:var(--subtle);display:flex;align-items:center;justify-content:space-between;padding:0 25px;position:relative;z-index:5;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px;color:inherit;white-space:nowrap}.brand strong{font-size:22px;letter-spacing:1.5px;font-weight:600}.brand>span:not(.logo-mark):not(.brand-divider){font-size:13px;color:var(--subtle);font-weight:400;letter-spacing:.3px}.brand-divider{height:19px;width:1px;background:var(--solid);margin:0 4px}.brand small{font-size:8px;letter-spacing:1px;border:1px solid var(--border);color:var(--subtle);padding:3px 4px;border-radius:3px;margin-left:1px}.logo-mark{width:25px;height:25px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;transform:rotate(-12deg);flex-shrink:0}.logo-mark i{background:var(--accent,var(--accent-soft));border-radius:50%;display:block}.top-actions{display:flex;align-items:center;gap:18px}.top-save{color:var(--subtle);font-size:12px;padding:8px 0}.export-btn{background:var(--accent,var(--accent-soft));color:var(--text);padding:11px 15px;border-radius:6px;font-size:12px;font-weight:600}.avatar{height:30px;width:30px;border:1px solid var(--border);border-radius:50%;font-size:11px;color:var(--subtle);background:var(--solid)}.local-status{font-size:10px;color:var(--subtle);display:flex;align-items:center;gap:7px;padding-right:14px;border-right:1px solid var(--border)}.live-dot{width:5px;height:5px;display:inline-block;border-radius:50%;background:var(--accent);flex-shrink:0}.editor{height:100dvh;min-height:650px;overflow:hidden}.editor-body{height:calc(100% - 68px);display:flex}.rail{width:62px;flex-shrink:0;background:var(--surface-soft);border-right:1px solid var(--border);display:flex;flex-direction:column;justify-content:space-between;padding:18px 8px 14px}.rail>div{display:flex;flex-direction:column;gap:11px}.rail-btn{height:40px;width:44px;border-radius:7px;color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer}.rail-btn:hover,.rail-btn.active{background:var(--surface-raised);color:var(--text)}.left-panel{width:272px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column}.panel-title{height:91px;padding:24px 21px 18px;display:flex;align-items:center;justify-content:space-between;color:var(--muted)}.panel-title h2,.preset-heading h2{color:var(--text);margin-top:8px;font-size:18px}.eyebrow{font-size:8px;letter-spacing:1.6px;color:var(--muted);font-weight:500;display:inline-flex;align-items:center;gap:8px}.param-tabs{height:43px;display:flex;gap:3px;padding:0 16px;border-bottom:1px solid var(--border)}.param-tabs button{flex:1;color:var(--muted);font-size:11px;border-bottom:2px solid transparent;padding:0 3px}.param-tabs button.selected{color:var(--text);border-color:var(--border);font-weight:600}.parameter-scroll{overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:var(--subtle) transparent}.control-section{padding:21px;border-bottom:1px solid var(--border)}.control-section>h3{margin-bottom:18px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.mini-label{font-size:8px;color:var(--muted);letter-spacing:1px}.control{display:flex;flex-direction:column;gap:9px;font-size:11px;margin-bottom:18px}.control>span{display:flex;align-items:center;justify-content:space-between;gap:6px;color:var(--text)}.select-wrap{position:relative}.select-wrap select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:36px;font-size:11px;border-color:var(--border);background:var(--surface);padding-right:30px}.select-wrap>svg{position:absolute;right:10px;top:11px;pointer-events:none;color:var(--muted)}.hint{background:var(--surface-soft);border-radius:5px;padding:10px 9px;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:9px;line-height:1.6;margin:0 0 22px}.number-wrap{border:1px solid var(--border);border-radius:4px;padding:3px 5px;display:flex;align-items:center;color:var(--muted);font-size:9px;gap:3px;background:var(--surface)}.number-wrap input{border:0;border-radius:0;width:44px;padding:0;background:none;text-align:right;color:var(--text);font-size:10px;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline:none}.number-wrap input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.range-control{margin-bottom:20px}.range-control>span{min-height:22px}.range-control input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:3px;border:0;padding:0;border-radius:3px;background:linear-gradient(to right,var(--accent) var(--progress),var(--surface-raised) var(--progress));cursor:pointer;margin:3px 0 0}.range-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:10px;background:#fff;border:2px solid var(--border);border-radius:50%;box-shadow:0 1px 3px var(--shadow-color)}.toggle-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text);cursor:pointer;position:relative;padding:4px 0;margin:4px 0 0;gap:10px}.toggle-row input{position:absolute;width:30px;height:20px;right:0;opacity:0;cursor:pointer}.toggle-row i{width:27px;height:15px;background:var(--surface-raised);border-radius:14px;position:relative;pointer-events:none}.toggle-row i:before{content:"";position:absolute;background:var(--surface);width:11px;height:11px;left:2px;top:2px;border-radius:50%;transition:.15s}.toggle-row input:checked+i:before{transform:translate(12px)}.toggle-row input:focus-visible+i{outline:2px solid #608a50;outline-offset:3px}.channels{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.channels button{height:32px;border:1px solid var(--border);border-radius:5px;font-size:10px;color:var(--muted);background:var(--surface)}.channels button.on{background:var(--surface-soft);border-color:var(--border);color:var(--muted)}.link-btn{font-size:10px;color:var(--muted);padding:0;gap:5px}.response{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:8px}.response svg{display:block;width:100%;touch-action:none;overflow:visible}.response circle{cursor:ns-resize}.chart-grid{stroke:var(--border);stroke-width:.7}.response text{font-size:8px;fill:var(--accent)}.response small{display:block;font-size:8px;text-align:center;color:var(--muted);padding:8px 0 2px}.boundary-tease{background:var(--surface);padding-top:19px}.small-icon{color:var(--muted);display:block;margin-bottom:11px}.boundary-tease h3{font-size:11px;margin-bottom:7px}.pro-badge{display:inline-flex;font-size:7px;font-weight:600;color:var(--muted);background:var(--surface-soft);border:1px solid var(--border);padding:2px 4px;border-radius:3px;letter-spacing:.5px;vertical-align:middle;margin-left:5px}.boundary-tease p{font-size:10px;color:var(--muted);line-height:1.9;margin-bottom:12px}.left-footer{height:39px;flex-shrink:0;padding:0 20px;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:8px;border-top:1px solid var(--border);background:var(--surface)}.left-footer>span:last-child{margin-left:auto;color:var(--subtle)}.workspace{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--surface-soft)}.workspace-heading{height:64px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 25px;background:var(--surface-soft);border-bottom:1px solid var(--border);gap:10px}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:10px;color:var(--muted);min-width:0}.breadcrumb input{background:none;border:0;padding:0;color:var(--text);font-size:11px;width:170px;text-overflow:ellipsis;min-width:50px}.breadcrumb>span:not(.draft-badge){color:var(--subtle)}.draft-badge{border:1px solid var(--border);border-radius:3px;padding:2px 5px;color:var(--muted);font-size:8px;white-space:nowrap}.workspace-tools{display:flex;align-items:center;gap:9px;color:var(--muted)}.workspace-tools>span{width:1px;height:15px;background:var(--surface-raised);margin:0 4px}.icon-btn{padding:4px;border-radius:4px;color:inherit}.icon-btn:hover{background:var(--surface-raised)}.canvas-stage{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;padding:55px 45px 75px;background-image:radial-gradient(#aab79c65 .65px,transparent .65px);background-size:17px 17px;overflow:hidden}.canvas-label{position:absolute;top:24px;left:27px;color:var(--muted);display:flex;gap:10px;align-items:center;font-size:8px;letter-spacing:.2px}.canvas-label i{height:8px;width:1px;background:var(--accent-soft)}.artboard-wrap{position:relative;width:100%;max-width:min(690px,calc((100dvh - 290px)/.8));transition:transform .15s;filter:drop-shadow(0 12px 30px #53643c0e)}.artboard{width:100%;height:100%;display:block;overflow:visible;touch-action:none}.boundary-line{stroke:var(--border);stroke-width:.4;stroke-dasharray:1.8 1.5;vector-effect:non-scaling-stroke}.field-guide{opacity:.9}.field-handle{cursor:grab}.field-handle:active{cursor:grabbing}.dimension-x{position:absolute;top:-19px;left:1%;right:1%;height:10px;border-top:1px solid var(--border);color:var(--muted);font-size:8px;text-align:center}.dimension-x:before,.dimension-x:after{content:"";position:absolute;width:1px;height:7px;background:var(--accent-soft);top:-4px;left:0}.dimension-x:after{left:auto;right:0}.dimension-x span{position:relative;top:-7px;padding:0 12px;background:var(--surface-soft)}.dimension-y{position:absolute;right:-24px;top:2%;height:96%;border-right:1px solid var(--border);color:var(--muted);font-size:8px;writing-mode:vertical-rl;display:flex;align-items:center;justify-content:center;padding-right:5px}.canvas-tip{position:absolute;bottom:31px;left:28px;font-size:9px;color:var(--muted);display:flex;align-items:center;gap:7px}.zoom-control{position:absolute;bottom:22px;right:25px;background:var(--surface);border:1px solid var(--border);border-radius:6px;height:32px;display:flex;align-items:center;padding:0 4px;box-shadow:0 2px 5px var(--shadow-color);color:var(--muted)}.zoom-control button{width:25px;height:28px;padding:0}.zoom-control span{font-size:9px;width:42px;text-align:center}.zoom-control i{height:13px;width:1px;background:var(--surface-raised);margin:0 4px}.workspace-status{height:39px;flex-shrink:0;background:var(--surface-soft);border-top:1px solid var(--border);display:flex;align-items:center;gap:23px;padding:0 22px;font-size:8px;color:var(--muted)}.workspace-status>span{display:flex;align-items:center;gap:6px;white-space:nowrap}.workspace-status b{font-weight:500;color:var(--text)}.workspace-status small{font-size:7px;color:var(--subtle)}.workspace-status .status-right{margin-left:auto;font-size:8px}.status-right>span{border-left:1px solid var(--border);padding-left:10px;margin-left:5px}.right-panel{width:246px;flex-shrink:0;background:var(--surface);border-left:1px solid var(--border);padding:26px 19px 0;display:flex;flex-direction:column}.preset-heading{display:flex;align-items:center;justify-content:space-between}.preset-heading .eyebrow{font-size:7px;letter-spacing:1.3px}.preset-heading h2{font-size:17px;margin-top:9px}.count{background:var(--surface-soft);border:1px solid var(--border);color:var(--muted);border-radius:4px;font-size:9px;padding:3px 6px}.preset-intro{font-size:9px;color:var(--muted);margin:10px 0 22px}.preset-list{overflow:auto;scrollbar-width:none;flex:1;min-height:150px;display:flex;flex-direction:column;gap:14px}.preset-card{padding:0;border-radius:7px;border:1px solid var(--border);background:var(--surface);display:block;overflow:hidden;flex-shrink:0;text-align:left;transition:border-color .15s,transform .15s;width:100%}.preset-card:hover{border-color:var(--border);transform:translateY(-1px)}.preset-card.featured{border-color:var(--border)}.preset-art{height:107px;background:var(--surface-soft);padding:9px 27px;position:relative}.preset-art svg{width:100%;height:100%}.preset-art>span:first-of-type:not(.preset-arrow){position:absolute;left:9px;top:9px;font-size:7px;color:var(--muted);border:1px solid var(--border);background:var(--surface-soft);padding:2px 4px;border-radius:3px}.preset-arrow{position:absolute;right:9px;bottom:8px;color:var(--muted);opacity:0}.preset-card:hover .preset-arrow{opacity:1}.preset-caption{height:36px;padding:0 11px;display:flex;align-items:center;justify-content:space-between;gap:6px}.preset-caption>span{font-size:9px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-caption small{font-size:7px;color:var(--subtle);white-space:nowrap}.browse-presets{font-size:10px;color:var(--muted);justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--border);margin-bottom:17px}.pro-note{display:flex;gap:11px;color:var(--muted);padding-bottom:18px}.pro-note strong{font-size:10px;font-weight:500;color:var(--muted)}.pro-note p{font-size:8px;color:var(--muted);line-height:1.8;margin-top:5px}.right-footer{height:39px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);color:var(--subtle);font-size:7px;letter-spacing:1.2px}.primary,.secondary{border-radius:6px;min-height:38px;padding:10px 16px;font-size:11px;font-weight:500}.primary{background:var(--solid);color:var(--subtle)}.primary:hover{background:var(--solid)}.secondary{background:var(--surface);border:1px solid var(--border);color:var(--muted)}.full{width:100%}.large{min-height:48px;padding:12px 24px;font-size:13px}.text-btn{font-size:11px;color:inherit}.muted{color:var(--muted)}.small{font-size:10px}.danger{color:var(--muted)}.color-row{display:flex;gap:14px}.color-row label{display:flex;gap:8px;align-items:center}.color-row span{font-size:9px;color:var(--muted)}.color-row small{display:block;font-size:8px;color:var(--subtle);margin-top:3px}.color-row+p{margin-top:14px}.dimensions{display:flex;gap:12px;margin-bottom:20px}.dimensions label{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;font-size:10px;color:var(--muted)}.dimensions input{width:100%;font-size:12px;padding:9px}.control-section .toggle-row+.range-control{margin-top:20px}.point-input{display:flex;align-items:center;gap:9px;margin:10px 0}.point-input>span{font-size:10px;color:var(--muted)}.point-input label{display:flex;align-items:center;gap:4px;font-size:9px;color:var(--muted);min-width:0}.point-input input{width:60px;font-size:10px;padding:6px}.color-single{display:flex;align-items:center;gap:9px;font-size:10px;color:var(--muted);margin-bottom:20px}.color-single>span{font-size:9px;color:var(--muted);margin-left:auto}.upload-area{padding:20px 5px;border:1px dashed var(--border);border-radius:5px;display:flex;flex-direction:column;align-items:center;gap:9px;color:var(--muted);cursor:pointer;background:var(--surface);font-size:10px}.upload-area small{font-size:8px;color:var(--subtle)}.upload-area+.range-control{margin-top:15px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:100;color:var(--subtle);background:var(--solid);border:1px solid var(--border);padding:13px 22px;border-radius:8px;box-shadow:0 8px 30px var(--shadow-color);display:flex;gap:10px;align-items:center;font-size:12px;max-width:90vw}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--solid);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:50;display:flex;align-items:center;justify-content:center;padding:24px}.modal{width:440px;max-width:100%;max-height:90dvh;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:25px;box-shadow:0 30px 100px var(--shadow-color)}.modal.wide{width:900px}.modal-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.modal-heading h2{font-size:19px}.export-preview{height:160px;background:var(--surface-soft);border:1px solid var(--border);border-radius:7px;padding:15px;margin-bottom:20px}.export-preview svg{width:100%;height:100%}.format-options{display:flex;gap:10px;margin-bottom:20px}.format-options button{flex:1;flex-direction:column;border:1px solid var(--border);border-radius:6px;padding:13px 7px;background:var(--surface);gap:6px;color:var(--muted)}.format-options button.selected{border-color:var(--border);background:var(--surface-soft);color:var(--text)}.format-options strong{font-size:14px}.format-options small{font-size:9px}.modal .toggle-row{margin-bottom:19px}.modal>.muted{margin:15px 0}.modal>.primary{margin-top:12px}.export-foot{display:block;text-align:center;margin-top:14px;color:var(--subtle);font-size:9px}.gallery-toolbar{display:flex;justify-content:space-between;gap:15px;margin-bottom:20px}.search{display:flex;gap:10px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:0 10px;color:var(--muted);flex:1}.search input{border:0;width:100%;background:none}.gallery-toolbar select{font-size:11px}.preset-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.preset-gallery .preset-art{height:140px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.project-item{padding:20px;border:1px solid var(--border);border-radius:7px;background:#fff;color:var(--muted)}.project-item h3{margin:14px 0 7px;color:var(--text)}.project-item p{font-size:9px;color:var(--muted);margin-bottom:20px}.project-item>div{display:flex;justify-content:space-between}.empty-state{grid-column:1/-1;padding:45px;text-align:center;color:var(--muted)}.empty-state svg{margin-bottom:15px}.help-popover{position:fixed;left:78px;bottom:25px;z-index:25;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:25px;width:320px;box-shadow:0 15px 50px var(--shadow-color)}.help-popover h3{margin-bottom:14px}.help-popover p{font-size:11px;line-height:2}.help-popover p+p{margin-top:15px}.close{position:absolute;right:10px;top:10px}.home-main{max-width:1150px;margin:0 auto;padding:85px 45px 30px}.home-main .eyebrow{font-size:11px;letter-spacing:2px}.home h1{font-size:clamp(30px,4vw,56px);font-weight:500;letter-spacing:-2px;line-height:1.4;margin:22px 0}.home-main>p{font-size:14px;max-width:520px;color:var(--muted);margin-bottom:28px}.home-art{margin-top:50px;background:var(--surface-soft);border:1px solid var(--border);border-radius:22px;padding:25px 80px;height:360px;overflow:hidden}.home-art svg{width:100%;height:100%}.home-features{display:flex;justify-content:space-between;margin-top:25px;color:var(--muted);font-size:10px;letter-spacing:1px}.home footer{max-width:1150px;padding:30px 45px;display:flex;justify-content:space-between;margin:auto;font-size:9px;color:var(--muted)}.login-page{min-height:100dvh;display:grid;grid-template-columns:1.05fr 1fr;background:var(--surface)}.login-back{position:absolute;top:22px;right:27px;color:var(--muted);z-index:2}.login-story{background:var(--solid);padding:55px 65px;position:relative;overflow:hidden;min-height:800px;color:var(--subtle)}.login-story h1{font-size:45px;font-weight:400;line-height:1.5;letter-spacing:-1px;margin-top:90px}.login-story p{font-size:12px;color:var(--subtle);margin-top:24px}.login-pattern{position:absolute;left:0;right:0;bottom:30px;height:370px;opacity:.6}.login-pattern svg{width:100%;height:100%}.login-story>small{position:absolute;bottom:25px;color:var(--muted);font-size:9px;letter-spacing:1px}.login-form{width:370px;max-width:80%;margin:130px auto 55px}.login-form h2{font-size:28px;margin:14px 0}.login-form>.muted{font-size:11px;margin-bottom:30px}.segmented{display:flex;border-bottom:1px solid var(--border);margin-bottom:26px;gap:28px}.segmented button{padding:12px 0;color:var(--muted);font-size:11px;border-bottom:2px solid transparent}.segmented button.selected{color:var(--text);border-color:var(--border)}.login-form .control{margin-bottom:21px}.login-form input{height:42px;background:var(--surface)}.notice{display:flex;align-items:flex-start;gap:10px;padding:14px;border:1px solid var(--border);background:var(--surface-soft);border-radius:7px;color:var(--muted);font-size:10px;line-height:1.9;margin:20px 0}.notice svg{margin-top:2px}.form-message{font-size:11px;color:var(--muted);margin:14px 0}.or{display:flex;align-items:center;gap:15px;color:var(--muted);font-size:10px;margin:20px 0}.or span{height:1px;background:var(--surface-raised);flex:1}.google-g{font-size:16px;color:var(--muted);margin-right:10px}.login-form>.small{font-size:9px;margin-top:24px;line-height:2}.access-state{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}.admin-layout{display:flex;min-height:calc(100dvh - 68px)}.admin-nav{width:240px;flex-shrink:0;background:var(--surface-soft);border-right:1px solid var(--border);padding:35px 20px;display:flex;flex-direction:column;gap:12px;position:sticky;top:0;height:calc(100dvh - 68px)}.admin-nav>.eyebrow{font-size:7px}.admin-nav h2{margin:3px 0 28px;font-size:20px}.admin-nav>button{justify-content:flex-start;padding:14px 13px;border-radius:6px;color:var(--muted);font-size:11px;gap:12px}.admin-nav>button>svg:last-child{margin-left:auto;width:12px}.admin-nav>button.selected{background:var(--surface-raised);color:var(--text)}.admin-account{margin-top:auto;border-top:1px solid var(--border);padding-top:23px;color:var(--muted)}.admin-account p{font-size:9px;margin-top:12px}.admin-account .pro-badge{margin:0}.admin-content{padding:40px 44px;flex:1;min-width:0;max-width:1600px}.admin-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px}.admin-heading h1{font-size:27px;font-weight:500;margin-top:11px}.status-pill{display:inline-flex;align-items:center;gap:7px;background:var(--surface-soft);border:1px solid var(--border);padding:5px 8px;border-radius:20px;color:var(--muted);font-size:9px;white-space:nowrap}.status-pill.pending{background:var(--surface-soft);color:var(--muted);border-color:var(--border)}.cms-columns{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(300px,1.1fr);gap:30px;align-items:start}.admin-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:25px}.admin-card>h3{font-size:14px;margin-bottom:13px}.admin-card>.muted{margin-bottom:23px}.admin-card .control{margin:20px 0}.admin-card input,.admin-card textarea{background:var(--surface);font-size:11px}.admin-card .color-single{margin:25px 0}.cms-preview{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#fff}.preview-bar{padding:17px 20px;background:var(--surface-soft);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:7px;font-size:9px;color:var(--muted)}.preview-bar button{margin-left:auto;font-size:9px}.mini-home{padding:27px;background:var(--surface)}.mini-home .brand{color:var(--text);gap:9px;margin-bottom:50px}.mini-home .brand>span:not(.logo-mark){color:var(--muted);font-size:9px}.mini-home .logo-mark{height:20px;width:20px}.mini-home>small{font-size:8px;color:var(--muted)}.mini-home h1{font-size:27px;line-height:1.5;font-weight:500;margin:14px 0}.mini-home p{font-size:10px;color:var(--muted)}.mini-home .primary{display:inline-flex;gap:20px;align-items:center;margin:20px 0;font-size:10px;background:var(--accent);color:var(--text)}.mini-home>svg{width:100%;height:190px;background:var(--surface-soft);border-radius:7px;padding:15px}.mini-home footer{font-size:8px;color:var(--subtle);margin-top:20px}.cms-preview>.notice{margin:0;border:0;border-radius:0}.inline-form{display:flex;align-items:center;gap:14px;margin-bottom:35px;flex-wrap:wrap}.inline-form>div{flex:1;min-width:200px}.inline-form h3{margin-bottom:8px}.inline-form input{max-width:210px}.inline-form .primary{white-space:nowrap}.admin-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:22px 0}.admin-presets svg{width:100%;height:150px;background:var(--surface-soft);margin-bottom:20px}.admin-presets .muted{margin-bottom:15px}.table-scroll{overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:10px}table{width:100%;border-collapse:collapse;font-size:11px}th{text-align:left;background:var(--surface-soft);color:var(--muted);font-size:9px;letter-spacing:.5px;font-weight:500;padding:16px;white-space:nowrap}td{padding:18px 16px;border-top:1px solid var(--border)}td strong{font-weight:500;font-size:10px}td small{display:block;margin-top:5px;color:var(--subtle);font-size:8px}td select,td input{font-size:10px;padding:7px}td input{min-width:120px;width:100%}.storage-cards{display:grid;grid-template-columns:1fr 1.5fr;gap:22px;margin-bottom:25px}.storage-cards .admin-card{color:var(--muted)}.storage-cards h2{font-size:25px;color:var(--text);margin:12px 0}.storage-cards .muted{margin:0;font-size:11px}.storage-cards small{font-weight:400;color:var(--subtle)}.storage-cards progress{width:100%;height:6px;margin:8px 0 20px;accent-color:var(--muted)}.storage-cards~.admin-card{margin-bottom:24px}.storage-cards~.admin-card>p{color:var(--muted);font-size:11px;line-height:2.2}.asset-row{display:flex;align-items:center;gap:18px;padding:14px 0;border-top:1px solid var(--border)}.asset-row img{width:65px;height:45px;object-fit:cover;border-radius:5px}.asset-row span{color:var(--muted);font-size:11px}.asset-row small{display:block;color:var(--subtle);margin-top:6px}.asset-row button{margin-left:auto;font-size:10px}@media(min-width:1650px){.left-panel{width:294px}.right-panel{width:275px}.preset-art{height:130px}.parameter-scroll .control-section{padding:24px}.artboard-wrap{max-width:min(850px,calc((100dvh - 290px)/.8))}}@media(max-width:1250px){.right-panel{width:205px;padding:24px 14px 0}.left-panel{width:248px}.rail{width:52px;padding:18px 4px}.preset-art{height:98px;padding:7px 18px}.workspace-heading{padding:0 17px}.breadcrumb input{width:140px}.breadcrumb{gap:7px}.workspace-tools{gap:5px}.workspace-status small{display:none}.canvas-stage{padding:55px 35px 75px}.workspace-status{gap:15px;padding:0 15px}.local-status{display:none}.admin-content{padding:30px}.admin-nav{width:200px}.cms-columns{gap:20px}}@media(max-width:1050px){.right-panel{display:none}.artboard-wrap{max-width:min(650px,calc((100dvh - 290px)/.8))}.login-story{padding:40px}.login-story h1{font-size:36px}.cms-columns{grid-template-columns:1fr}.cms-preview{max-width:550px}.admin-heading .status-pill{display:none}.project-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.topbar{padding:0 14px;height:60px}.brand strong{font-size:18px}.brand>span:not(.logo-mark):not(.brand-divider){display:none}.brand-divider,.brand small{display:none}.top-actions{gap:13px}.top-save{font-size:0;gap:0}.top-save svg{width:18px;height:18px}.export-btn{font-size:10px;padding:9px 11px}.avatar{width:27px;height:27px}.editor-body{height:calc(100% - 60px)}.editor{min-height:550px}.left-panel{display:none;position:absolute;left:52px;top:60px;bottom:0;z-index:10;box-shadow:8px 0 30px var(--shadow-color)}.left-panel.mobile-open{display:flex;width:268px}.rail{width:48px;padding:15px 2px}.workspace-heading{height:54px;padding:0 13px}.breadcrumb{font-size:0}.breadcrumb input{width:145px;font-size:10px}.draft-badge{display:none}.workspace-tools{gap:5px}.workspace-tools .icon-btn:nth-last-child(2),.workspace-tools>span{display:none}.workspace-status{font-size:7px;gap:14px;height:35px}.workspace-status .status-right{display:none}.canvas-stage{padding:45px 28px 90px}.canvas-label{left:18px;font-size:7px;top:20px}.canvas-tip{font-size:7px;bottom:70px;left:17px}.zoom-control{bottom:22px;right:17px}.dimension-y{right:-20px}.preset-gallery{grid-template-columns:repeat(2,1fr);gap:10px}.preset-gallery .preset-art{height:110px}.modal{padding:20px}.modal-backdrop{padding:12px}.preset-caption{padding:0 8px}.preset-caption>span{font-size:8px}.gallery-toolbar{gap:10px}.gallery-toolbar select{max-width:100px;font-size:10px;padding:8px}.home-main{padding:65px 25px 20px}.home h1{font-size:34px;letter-spacing:-1px}.home-main>p{font-size:12px}.home-art{height:250px;padding:20px}.home-features{font-size:8px;gap:15px;line-height:1.8}.home footer{padding:25px;gap:15px;flex-direction:column}.login-page{grid-template-columns:1fr}.login-story{display:none}.login-form{margin:100px auto 40px;max-width:85%}.login-back{right:20px}.admin-nav{width:58px;padding:25px 7px}.admin-nav>.eyebrow,.admin-nav h2,.admin-nav>button>svg:last-child,.admin-account{display:none}.admin-nav>button{font-size:0;gap:0;padding:13px 8px}.admin-nav>button>svg{width:20px;display:block}.admin-content{padding:25px 18px}.admin-heading{margin-bottom:25px}.admin-heading h1{font-size:23px}.admin-card{padding:20px}.admin-presets{grid-template-columns:1fr}.storage-cards{grid-template-columns:1fr;gap:15px}.project-grid{grid-template-columns:1fr}.help-popover{left:58px;bottom:20px;width:calc(100vw - 75px)}.inline-form input{max-width:100%;width:100%}.inline-form .primary{width:100%}}.pattern-mode-picker{padding:12px 20px;border-bottom:1px solid var(--border,#363636);display:grid;gap:8px}.pattern-mode-picker label{display:grid;gap:5px}.pattern-mode-picker label>span{font-size:9px;letter-spacing:1.6px;opacity:.6}.pattern-mode-picker select{width:100%;min-height:32px;font-size:12px}.pattern-mode-picker small{font-size:11px;opacity:.65}.pattern-group-admin{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:18px}.pattern-group-admin code{color:#f50}.pattern-group-admin small{display:block;overflow-wrap:anywhere;opacity:.6;font-size:10px}@media(max-width:850px){.pattern-group-admin{grid-template-columns:1fr}}:root{--accent:#ff5500;--accent-soft:#fff0e7;--page:#f3f3f3;--surface:#fff;--surface-soft:#fafafa;--surface-raised:#eee;--solid:#202020;--text:#242424;--muted:#727272;--subtle:#919191;--border:#ddd;--canvas:#e9e9e9;--canvas-dot:#c4c4c4;--artboard:#fafafa;--shadow-color:#00000012;color-scheme:light}:root[data-theme=dark]{--accent-soft:#3b241b;--page:#141414;--surface:#222;--surface-soft:#1d1d1d;--surface-raised:#303030;--solid:#111;--text:#eee;--muted:#b3b3b3;--subtle:#858585;--border:#3b3b3b;--canvas:#161616;--canvas-dot:#333;--artboard:#202020;--shadow-color:#00000050;color-scheme:dark}html,body,#root{background:var(--page);color:var(--text)}body{transition:background-color .15s,color .15s}.topbar{background:#111;color:#fff;border-color:#333}.topbar .brand>span:not(.logo-mark):not(.brand-divider){color:#bbb}.topbar .brand-divider{background:#444}.brand small{border-color:#72361b;color:var(--accent)}.logo-mark i,.live-dot{background:var(--accent)}.top-save,.local-status{color:#bbb}.local-status{border-color:#383838}.export-btn,.primary{background:var(--accent);color:#fff}.export-btn:hover,.primary:hover{background:#e74c00}.avatar{background:#272727;border-color:#555;color:#eee}.theme-toggle{color:var(--muted);padding:7px;border:1px solid var(--border);border-radius:6px}.topbar .theme-toggle{color:#ccc;border-color:#444}.login-theme{position:absolute;right:155px;top:17px}.primary:disabled{background:var(--surface-raised);color:var(--muted)}.selected,.rail-btn.active{color:var(--accent)}.rail-btn.active{background:var(--accent-soft)}.rail-btn:hover{color:var(--accent);background:var(--surface-raised)}.param-tabs button.selected{color:var(--accent);border-color:var(--accent)}.channels button.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.link-btn{color:var(--accent)}.pro-badge{color:var(--accent);border-color:var(--border);background:var(--accent-soft)}.workspace,.canvas-stage{background-color:var(--canvas)}.canvas-stage{background-image:radial-gradient(var(--canvas-dot) .7px,transparent .7px)}.dimension-x span{background:var(--canvas)}.dimension-x,.dimension-y,.dimension-x:before,.dimension-x:after{border-color:var(--border);color:var(--subtle)}.dimension-x:before,.dimension-x:after{background:var(--border)}.chart-grid{stroke:var(--border)}.range-control input[type=range]{background:linear-gradient(to right,var(--accent) var(--progress),var(--border) var(--progress))}.range-control input[type=range]::-webkit-slider-thumb{border-color:var(--accent);background:var(--surface)}.toggle-row i{background:var(--border)}.toggle-row input:checked+i{background:var(--accent)}.toggle-row i:before{background:#fff}.toggle-row input:focus-visible+i{outline-color:var(--accent)}.format-options button.selected,.segmented button.selected{color:var(--accent);border-color:var(--accent)}.format-options button.selected{background:var(--accent-soft)}.preset-card.featured,.preset-card:hover{border-color:var(--accent)}.preset-card .preset-art{background:var(--surface-soft)}.preset-card .preset-art>span:first-of-type:not(.preset-arrow){color:var(--accent);background:var(--accent-soft);border-color:var(--border)}.preset-arrow{color:var(--accent)}.status-pill,.status-pill.pending{background:var(--surface-raised);color:var(--muted);border-color:var(--border)}.mini-home .primary{background:var(--accent);color:#fff}.admin-nav>button.selected{background:var(--accent-soft);color:var(--accent)}.toast{background:var(--text);color:var(--surface);border-color:var(--border)}.danger{color:#e06b52}.login-story{background:#151515;color:#fff}.login-story p,.login-story>small{color:#aaa}.login-story .brand{color:#fff}.login-story .brand>span:not(.logo-mark){color:#aaa}.home-art,.mini-home>svg{background:var(--surface-soft)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--accent)}input:focus,textarea:focus,select:focus{border-color:var(--accent)}.panel-title h2,.preset-heading h2{color:var(--text)}.controller-manager{background:var(--surface-soft)}.controller-count{font-weight:400;color:var(--subtle);margin-left:6px}.controller-list{display:flex;flex-direction:column;gap:6px;max-height:190px;overflow:auto;scrollbar-width:thin;margin-bottom:17px}.controller-item{border:1px solid var(--border);border-radius:5px;display:flex;gap:2px;align-items:center;background:var(--surface)}.controller-item.selected{border-color:var(--accent);background:var(--accent-soft)}.controller-select{padding:8px 7px;flex:1;justify-content:flex-start;gap:6px;text-align:left;min-width:0}.controller-select>span{min-width:0}.controller-select strong{display:block;font-size:10px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.controller-select small{font-size:8px;color:var(--subtle);display:block;margin-top:4px}.controller-item>.icon-btn{margin-right:6px}.controller-name{margin-bottom:12px}.controller-actions{display:flex;gap:8px;margin-bottom:20px}.controller-actions .secondary{flex:1;font-size:9px;padding:8px 5px;min-height:30px}.controller-manager>.control:last-of-type{margin-bottom:12px}.pattern-canvas,.canvas-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.pattern-canvas{pointer-events:none}.panel-base{position:relative}.canvas-overlay{overflow:visible;touch-action:none}.boundary-line{stroke:var(--subtle)}.controller-guide{--line-color:#bc7353}.controller-guide.active{--line-color:var(--accent)}.field-hit{stroke:transparent;stroke-width:9;pointer-events:stroke;cursor:move}.field-envelope{stroke:var(--line-color);stroke-linecap:round;stroke-linejoin:round;opacity:.035;pointer-events:none}.field-line{stroke:var(--line-color);stroke-width:.65;stroke-linecap:round;cursor:move;pointer-events:stroke}.controller-guide.active .field-line{stroke-width:.9}.controller-center{fill:var(--surface);stroke:var(--line-color);stroke-width:.6}.control-handle{fill:var(--surface);stroke:var(--accent);stroke-width:.6;cursor:move}.control-handle.anchor{fill:var(--accent);stroke:var(--surface);stroke-width:.45}.tangent-line{stroke:var(--line-color);stroke-width:.4;stroke-dasharray:1 1;pointer-events:none}.controller-label{fill:var(--line-color);pointer-events:none}.left-panel{width:var(--left-panel-width,290px)}.right-panel{width:var(--right-panel-width,300px);padding:0;min-width:0}.panel-resizer{width:6px;flex-shrink:0;cursor:col-resize;touch-action:none;position:relative;background:var(--surface-soft);border-right:1px solid var(--border);z-index:12}.panel-resizer:after{content:"";position:absolute;height:42px;top:calc(50% - 21px);left:2px;width:2px;border-radius:3px;background:var(--border)}.panel-resizer:hover,.panel-resizer.resizing{background:var(--accent-soft)}.panel-resizer:hover:after,.panel-resizer.resizing:after{background:var(--accent)}.panel-section-divider{padding:22px 21px 8px;background:var(--surface-raised);border-top:1px solid var(--border);color:var(--text)}.panel-section-divider h2{font-size:15px;margin:5px 0 12px}.panel-section-divider .eyebrow{font-size:7px}.param-tabs{display:none}.preset-zone{padding:22px 18px 0;border-bottom:1px solid var(--border);flex-shrink:0}.preset-zone .preset-heading h2{font-size:16px}.preset-zone .preset-intro{margin-bottom:13px}.preset-zone .preset-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:255px;overflow-y:auto;scrollbar-width:thin;min-height:0;align-content:start}.preset-zone .preset-art{height:77px;padding:7px}.preset-zone .preset-caption{height:30px;padding:0 7px}.preset-zone .preset-caption>span{font-size:8px}.preset-zone .preset-caption small{display:none}.preset-zone .browse-presets{width:100%;padding:13px 0;margin:0;border:0}.canvas-settings-heading{padding:20px 20px 5px;display:flex;align-items:center;justify-content:space-between}.canvas-settings-heading h2{font-size:15px}.canvas-settings-scroll{flex:1;overflow-y:auto;scrollbar-width:thin;min-height:100px;padding-bottom:60px}.canvas-settings-scroll .control-section{padding:20px}.right-panel>.pro-note,.right-panel>.right-footer{display:none}.canvas-settings-scroll .control-section:first-child{padding-top:12px}.management-dock{position:fixed;right:18px;bottom:14px;display:flex;align-items:center;gap:3px;z-index:22;border:1px solid var(--border);background:var(--surface);padding:5px 7px;border-radius:8px;box-shadow:0 3px 15px var(--shadow-color)}.management-dock>span{font-size:8px;color:var(--subtle);margin:0 7px 0 3px}.management-dock button{width:28px;height:27px;border-radius:4px;color:var(--muted)}.management-dock button:hover{background:var(--accent-soft);color:var(--accent)}.rail>div:last-child{display:none}.left-panel .boundary-tease{display:none}.workspace-status{font-size:8px}.canvas-stage{contain:layout paint}.artboard-wrap{filter:none}.help-popover{left:auto;right:20px;bottom:62px}.controller-manager .control>select{width:100%;font-size:10px;background:var(--surface)}.mobile-panel-switch,.mobile-canvas-settings{display:none}@media(min-width:1650px){.left-panel{width:var(--left-panel-width,310px)}.right-panel{width:var(--right-panel-width,330px)}}@media(max-width:1100px)and (min-width:721px){.left-panel{width:var(--left-panel-width,255px)}.right-panel{display:flex;width:var(--right-panel-width,255px)}.workspace-heading{padding:0 12px}.breadcrumb input{width:110px}.breadcrumb>span:first-child{display:none}.workspace-tools{gap:3px}.workspace-status{padding:0 10px;gap:9px}.workspace-status .status-right{display:none}.canvas-stage{padding:55px 26px 70px}.preset-zone{padding:18px 13px 0}.preset-zone .preset-list{max-height:190px}.preset-zone .preset-art{height:65px}}@media(max-width:720px){.panel-resizer,.right-panel{display:none}.left-panel,.left-panel.mobile-open{width:268px!important}.management-dock{right:10px;bottom:10px}.management-dock>span{display:none}.canvas-settings-scroll.mobile-settings{display:block}.login-theme{right:146px;top:17px}.canvas-tip{max-width:200px;line-height:1.6}.canvas-stage{padding-bottom:100px}.mobile-panel-switch{display:flex;border-bottom:1px solid var(--border);padding:5px 15px;gap:20px}.mobile-panel-switch button{font-size:11px;padding:8px 0;color:var(--accent)}.left-design-controls.mobile-hide{display:none}.mobile-canvas-settings{display:block}}.selected-layer-controls{border:0;padding:0;margin:0;min-width:0}.selected-layer-controls[disabled]{opacity:.45;pointer-events:none;-webkit-user-select:none;user-select:none}.layer-stack{max-height:345px;gap:9px}.controller-item.layer-card{display:block;padding:0;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:7px}.controller-item.layer-card.selected{background:var(--surface);border-color:var(--accent);box-shadow:inset 3px 0 var(--accent)}.layer-select{width:100%;padding:12px 11px 8px;justify-content:flex-start;text-align:left;gap:10px}.layer-shape-icon{height:32px;width:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--surface-raised);color:var(--muted);border-radius:6px}.layer-card.selected .layer-shape-icon{background:var(--accent-soft);color:var(--accent)}.layer-description{min-width:0;flex:1}.layer-description strong{display:block;color:var(--text);font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-index{font-size:8px;color:var(--subtle);margin-right:7px;font-variant-numeric:tabular-nums}.layer-geometry{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:9px;margin-top:6px;flex-wrap:wrap}.layer-geometry b{font-size:7px;font-weight:400;padding:2px 4px;background:var(--surface-raised);border-radius:3px;color:var(--subtle)}.layer-channels{display:flex;flex-wrap:wrap;gap:5px;padding:0 11px 10px}.channel-chip{display:flex;align-items:center;gap:4px;background:var(--surface-raised);border-radius:3px;padding:4px 5px;font-size:8px;color:var(--muted);white-space:nowrap}.layer-card.selected .channel-chip{background:var(--accent-soft);color:var(--accent)}.layer-row-footer{border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:4px 8px 4px 11px;gap:8px}.layer-row-footer>span{font-size:7px;color:var(--subtle)}.layer-row-actions{display:flex;gap:3px}.layer-action{width:25px;height:25px;color:var(--muted);border-radius:4px;padding:5px}.layer-action:hover,.layer-action.is-active{background:var(--accent-soft);color:var(--accent)}.layer-card.is-hidden .layer-select,.layer-card.is-hidden .layer-channels{opacity:.5}.layer-card.is-locked .layer-geometry b{color:var(--accent)}.selected-layer-status{display:flex;justify-content:space-between;align-items:center;gap:5px;margin:-5px 0 22px}.selected-layer-status>span{font-size:8px;display:flex;align-items:center;gap:5px;color:var(--subtle)}.controller-name input:disabled{opacity:.5;cursor:not-allowed}.controller-guide.is-locked{--line-color:var(--subtle)}.controller-guide.is-locked .field-line{stroke-dasharray:2 1}.controller-guide.is-locked .field-hit,.controller-guide.is-locked .field-line,.controller-guide.is-locked .field-handle{cursor:default}.layer-empty{font-size:10px;color:var(--subtle);padding:20px 0 25px}.library-tabs{display:flex;gap:24px;border-bottom:1px solid var(--border);margin-bottom:20px}.library-tabs button{font-size:12px;padding:0 0 13px;border-bottom:2px solid transparent;color:var(--muted)}.library-tabs button.selected{color:var(--accent);border-color:var(--accent)}.gallery-toolbar{flex-wrap:wrap}.gallery-toolbar .search{min-width:180px}.template-meta{padding:0 11px 12px}.industry-tag{font-size:8px;display:inline-flex;padding:3px 5px;background:var(--accent-soft);color:var(--accent);border-radius:3px;margin-bottom:7px}.template-meta p{font-size:9px;color:var(--muted);line-height:1.7}.community-note{font-size:10px;color:var(--subtle);margin:0 0 20px}.service-promo{margin:18px 20px;padding:17px 14px;border:1px solid var(--border);background:var(--surface-soft);border-radius:7px}.service-promo strong{display:block;font-size:11px;font-weight:500;line-height:1.9;color:var(--text)}.service-promo p{font-size:9px;color:var(--subtle);margin-top:6px}.service-promo a{display:inline-flex;align-items:center;gap:7px;color:var(--accent);font-size:10px;margin-top:12px;text-decoration:none}.modal>.service-promo{margin:23px 0 0}.mode-switch{display:flex;border:1px solid var(--border);padding:3px;border-radius:6px;margin:0 0 20px;background:var(--surface-soft)}.mode-switch button{flex:1;padding:9px 4px;font-size:11px;color:var(--muted);border-radius:4px}.mode-switch button.selected{background:var(--accent);color:#fff}.line-note{font-size:9px;color:var(--subtle);line-height:1.9;margin-top:12px}.industry-preset-card .preset-art{height:145px}.controller-manager .section-heading{gap:8px}.controller-manager .section-heading h3{font-size:12px}.controller-manager .section-heading .link-btn{font-size:9px;white-space:nowrap}.industry-shortcuts{display:flex;gap:6px;padding:0 0 16px}.industry-shortcuts button{font-size:9px;padding:6px 7px;border:1px solid var(--border);border-radius:4px;flex:1;color:var(--muted)}.industry-shortcuts button:hover{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}.layer-stack .layer-card{flex-shrink:0}.channel-chip{font-size:9px}.layer-row-footer>span{font-size:8px}.layer-geometry{font-size:10px}.editor .left-panel>.panel-title{display:none}.design-tabs{display:grid;grid-template-columns:1.25fr 1fr 1fr;border-bottom:1px solid var(--border);flex-shrink:0;height:76px;background:var(--surface)}.design-tabs button{align-items:flex-start;justify-content:center;flex-direction:column;padding:12px;gap:5px;text-align:left;border-right:1px solid var(--border);min-width:0}.design-tabs button:last-child{border-right:0}.design-tabs strong{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.design-tabs span{font-size:10px;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.design-tabs button.selected{background:var(--accent)}.design-tabs button.selected strong,.design-tabs button.selected span{color:#fff}.layer-stack{max-height:245px;gap:7px}.controller-item.layer-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;height:43px;overflow:visible;border-radius:5px}.layer-select{padding:8px;gap:7px;min-width:0;justify-content:flex-start}.layer-description{flex:1;min-width:28px}.layer-description strong{font-size:10px}.layer-index{display:none}.layer-geometry,.layer-channels,.layer-row-footer>span{display:none}.layer-shape-icon{width:21px;height:21px;border-radius:4px}.layer-shape-icon svg{width:15px;height:15px}.layer-inline-summary{font-size:8px;color:var(--muted);max-width:82px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-row-footer{padding:3px 5px 3px 0;border:0}.layer-row-actions{gap:1px}.layer-action{width:21px;height:25px;padding:4px}.layer-card.selected .layer-inline-summary{color:var(--accent)}.add-layer-dropdown{font-size:9px;font-weight:600;padding:7px 5px;max-width:126px;border:1px solid var(--accent);border-radius:4px;background:var(--accent);color:#fff;cursor:pointer}.add-layer-dropdown option{background:var(--surface);color:var(--text)}.controller-manager .section-heading{margin-bottom:13px}.controller-manager .section-heading h3{font-size:11px}.vertex-handle{fill:var(--accent);stroke:var(--surface);stroke-width:.6;cursor:move}.node-cage{fill:none;stroke:var(--accent);stroke-width:.4;stroke-dasharray:1 1;opacity:.45;pointer-events:none}.radius-handle{fill:var(--surface);stroke:var(--accent);stroke-width:.6;cursor:ew-resize}.radius-handle text{stroke:none;fill:var(--accent);pointer-events:none}.hole-editor svg{width:100%;height:300px;background:var(--canvas);border:1px solid var(--border);border-radius:7px;margin-bottom:20px;touch-action:none}.hole-outline{fill:var(--accent-soft);stroke:var(--accent);stroke-width:.04}.hole-editor .node-cage{stroke-width:.02}.hole-editor .vertex-handle{stroke-width:.03}.hole-editor .radius-handle{stroke-width:.04}.language-switch select{font-size:9px;color:var(--subtle);background:transparent;border:0;padding:5px 2px;max-width:65px;cursor:pointer}.language-switch select:focus{outline:1px solid var(--accent)}.range-edge-highlight{pointer-events:none}.controller-guide[data-field=point] .field-line,.controller-guide[data-field=point] .field-hit{cursor:inherit}.controller-guide[data-field=point] .field-line{vector-effect:non-scaling-stroke;stroke-width:1px}:root[lang=ja] .design-tabs strong,:root[lang=de] .design-tabs strong{font-size:11px}.controller-center-group{cursor:move}.controller-center-group .controller-move-icon{opacity:0;pointer-events:none}.controller-center-group .controller-number{pointer-events:none}.controller-center-group:hover .controller-move-icon{opacity:1}.controller-center-group:hover .controller-number{opacity:0}.controller-gesture-tip{position:absolute;z-index:25;pointer-events:none;transform:translate(14px,14px);max-width:240px;width:max-content;padding:9px 12px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text);box-shadow:0 5px 18px #0004;font-size:11px;line-height:1.7}