@import"https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@400;700&family=Nunito:wght@400;600;700;800;900&family=Pacifico&display=swap";:root{font-family:Nunito,Noto Sans SC,sans-serif;color:#574b47;background:#fbf9f6;font-synthesis:none;font-size:13px;--line:#eee8e2;--orange:#dd906b;--muted:#a69a91;--green:#78907a}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:background .18s,transform .18s}button:hover{background:#f5ece5}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #d79470;outline-offset:3px}a{text-decoration:none;color:inherit}input[type=checkbox]{accent-color:#82987d;width:14px;height:14px;cursor:pointer}h2,h3,p{margin:0}h2{font-size:14px;font-weight:700}h3{font-size:12px;font-weight:700}.app{min-width:360px}.header{height:83px;background:#fffdfa;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;gap:50px}.brand{display:flex;align-items:center;gap:11px}.brand-icon{height:44px;width:44px;border-radius:14px;background:#f7e6d7;color:#c78761;display:flex;align-items:center;justify-content:center}.brand strong{font-size:23px;letter-spacing:-.8px;font-weight:900}.brand strong span{font-size:13px;margin-left:12px;letter-spacing:1px;font-weight:600}.brand small{display:block;font-size:10px;color:#a69a90;margin-top:1px;letter-spacing:1.3px}.project-title{padding-left:25px;border-left:1px solid var(--line);font-size:12px;color:#84766d}.project-title span{margin-left:10px;background:#f3f0eb;color:#a69b93;border-radius:4px;padding:3px 6px;font-size:9px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:23px}.local-note{font-size:11px;color:#9f9b8e;display:flex;align-items:center;gap:7px}.local-note>span,.status-dot{width:6px;height:6px;display:inline-block;background:#8da487;border-radius:50%}.help-button{font-size:11px;color:#8a8178;padding:8px;border-radius:6px}.topbar{height:69px;display:flex;align-items:center;gap:17px;padding:0 30px;border-bottom:1px solid var(--line);background:#fffdfb}.template-label{font-size:12px;color:#80766d}.template-switch{display:flex;gap:5px;padding:4px;background:#f7f3ef;border-radius:10px}.template-switch button{height:32px;padding:0 12px;border-radius:7px;font-size:11px;color:#a29589}.template-switch .active{background:#fffaf5;color:#b57e59;box-shadow:0 1px 4px #77523612;border:1px solid #ebd8c8}.shape-icon{height:12px;width:12px;border:1.5px solid currentColor;border-radius:50%}.shape-icon.square{border-radius:2px}.toolbar-right{margin-left:auto;display:flex;align-items:center;gap:22px}.dpi-tag{font-weight:700;color:#827969;font-size:11px}.dpi-tag>span{font-weight:400;color:#b1a494}.export-button{padding:11px 16px;background:#da916d;color:#fff;border-radius:9px;box-shadow:0 3px 7px #d6947225;font-size:12px;font-weight:600}.export-button:hover{background:#cc825d}.button-divider{height:15px;width:1px;background:#ffffff45;margin-left:7px}.workspace{display:grid;grid-template-columns:287px minmax(380px,1fr) 276px;min-height:calc(100vh - 185px);height:calc(100vh - 185px)}.left-panel,.right-panel{background:#fffdfb;min-height:0}.left-panel{border-right:1px solid var(--line);display:flex;flex-direction:column}.tool-tabs{height:79px;padding:13px 15px 0;display:flex;border-bottom:1px solid var(--line);flex-shrink:0;gap:4px}.tool-tabs button{position:relative;flex:1;height:64px;flex-direction:column;gap:7px;font-size:11px;color:#a99a8e;border-radius:8px 8px 0 0;padding-bottom:12px}.tool-tabs .active{color:#c48460;background:#faf0e7}.tool-tabs .active:after{position:absolute;bottom:0;left:20px;right:20px;content:"";height:3px;border-radius:4px;background:#d9926c}.panel-scroll{padding:24px 21px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#e6dacf transparent}.panel-heading{display:flex;align-items:center;justify-content:space-between}.panel-heading h2{font-size:14px;letter-spacing:.3px}.panel-heading>span{font-size:8px;color:#c3b6a8;letter-spacing:.7px}.description{font-size:10px;color:#ac9d90;margin-top:8px;margin-bottom:20px}.upload-box{border:1.5px dashed #d9bda2;background:#fcf8f1;border-radius:12px;text-align:center;padding:23px 7px 18px;cursor:pointer;display:flex;align-items:center;flex-direction:column}.upload-box:hover{background:#fbf2e6}.upload-icon{position:relative;display:flex;align-items:center;justify-content:center;width:53px;height:49px;border-radius:15px;color:#cba17d;background:#f5e9d9;margin-bottom:15px}.upload-spark{position:absolute;top:-8px;right:-8px;font-size:22px;color:#d6ac7e}.upload-box strong{font-size:11px;font-weight:600;margin-bottom:8px}.upload-box>span:not(.upload-icon){font-size:9px;color:#a99b8d}.upload-box small{font-size:9px;color:#baad9e;margin-top:7px}.upload-button{padding:8px 19px;border-radius:6px;border:1px solid #dec8b5;background:#fffdf8;color:#b78a65;font-size:11px;margin-top:17px}.section-heading{margin:24px 0 12px;display:flex;align-items:center;justify-content:space-between}.section-heading>span{font-size:9px;color:#b4a594}.sample-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 12px}.sample-card{padding:0;display:flex;flex-direction:column;border-radius:8px;overflow:hidden;gap:0}.sample-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.sample-card>span{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:10px;padding:9px 2px;color:#958273}.sample-card:hover img{filter:brightness(1.04)}.small-note{display:flex;gap:6px;align-items:center;font-size:9px;color:#b3a28f;margin-top:8px}.small-note svg{color:#c6ac90}.tip-card{position:relative;padding:15px 14px;background:#f4f5ed;border:1px solid #e7e8dc;border-radius:10px;margin-top:23px;overflow:hidden}.tip-card>div{display:flex;gap:7px;align-items:center;color:#82906a;font-size:11px}.tip-card p{font-size:10px;color:#9b9e86;line-height:2;margin-top:9px}.tip-flower{position:absolute;font-size:48px;bottom:-9px;right:9px;color:#dde2cd;transform:rotate(-15deg)}.panel-footer{height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:8px;border-top:1px solid var(--line);font-size:10px;color:#b6a78f;letter-spacing:1px}.little-flower{font-size:18px;color:#c2b48f}.stage{position:relative;display:flex;flex-direction:column;overflow:hidden;background-color:#f9f6f1;background-image:radial-gradient(#d9d2c9 .7px,transparent .7px);background-size:16px 16px;min-width:0}.stage-toolbar{height:57px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 23px}.stage-toolbar>div{display:flex;gap:4px;align-items:center;background:#fffdfa;border:1px solid #ece4d9;padding:5px;border-radius:9px;box-shadow:0 2px 5px #8c6d4510}.stage-toolbar button{height:27px;width:29px;border-radius:5px;color:#958779}.stage-toolbar button.active{background:#f1e7d9;color:#a58766}.toolbar-divider{height:17px;width:1px;background:#e8dfd4;margin:0 5px}.guide-toggle{display:flex;align-items:center;gap:6px;font-size:10px;color:#a3917c}.stage-content{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;align-items:center;padding-top:23px;padding-bottom:22px;scrollbar-width:thin}.canvas-title{font-size:12px;color:#8f7f6c;text-align:center;letter-spacing:1px;flex-shrink:0}.canvas-status{height:6px;width:6px;border-radius:50%;display:inline-block;background:#c5ae88;margin-right:8px;vertical-align:middle}.canvas-sub{display:block;color:#b4a58d;font-size:9px;margin-top:10px;letter-spacing:1.2px}.design-area{position:relative;margin:54px 35px 27px 47px;flex-shrink:0;max-width:none}.editor{position:relative;width:100%;height:100%;touch-action:none;box-shadow:0 13px 30px #8f79512a;cursor:default}.editor.circle{border-radius:50%}.editor canvas{width:100%;height:100%;display:block;pointer-events:none}.editor.circle canvas{border-radius:50%}.dimension-top{position:absolute;top:-30px;left:0;width:100%;display:flex;align-items:center;gap:14px;height:10px}.dimension-top span{flex:1;height:1px;background:#cdbd9f;position:relative}.dimension-top span:first-child:before{content:"";position:absolute;left:0;top:-4px;height:9px;width:1px;background:#cdbd9f}.dimension-top span:last-child:after{content:"";position:absolute;right:0;top:-4px;height:9px;width:1px;background:#cdbd9f}.dimension-top strong,.dimension-side strong{font-size:10px;color:#b3a184;font-weight:500;letter-spacing:.5px}.dimension-side{position:absolute;left:-32px;top:0;height:100%;width:10px;display:flex;align-items:center;gap:16px;flex-direction:column}.dimension-side span{flex:1;width:1px;background:#cdbd9f;position:relative}.dimension-side span:first-child:before{content:"";position:absolute;top:0;left:-4px;width:9px;height:1px;background:#cdbd9f}.dimension-side span:last-child:after{content:"";position:absolute;bottom:0;left:-4px;width:9px;height:1px;background:#cdbd9f}.dimension-side strong{writing-mode:vertical-rl;transform:rotate(180deg)}.guides{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.guides>div{position:absolute;border-width:1px;border-style:dashed}.guides.circle>div{border-radius:50%}.guides>div{border-width:2px;filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff)}.bleed-guide{top:1%;right:1%;bottom:1%;left:1%;border-color:#e23d55;border-style:dashed!important}.cut-guide{top:4.5%;right:4.5%;bottom:4.5%;left:4.5%;border-color:#2563eb;border-style:solid!important}.safe-guide{top:9%;right:9%;bottom:9%;left:9%;border-color:#138a52;border-style:dotted!important}.selection{position:absolute;border:1px solid #b48b6a;pointer-events:none}.selection-tag{position:absolute;top:-20px;left:-1px;background:#b48b6a;color:#fff;font-size:9px;padding:2px 6px;border-radius:3px 3px 0 0}.selection button{pointer-events:auto;background:#fffaf2;border:1.5px solid #b48b6a;position:absolute;padding:0;box-shadow:0 1px 2px #73553315}.scale-handle{height:8px;width:8px;border-radius:1px}.tl{top:-4px;left:-4px;cursor:nwse-resize}.tr{top:-4px;right:-4px;cursor:nesw-resize}.bl{bottom:-4px;left:-4px;cursor:nesw-resize}.br{bottom:-4px;right:-4px;cursor:nwse-resize}.rotation-handle{top:-39px;left:calc(50% - 8px);height:17px;width:17px;border-radius:50%;color:#b48b6a;cursor:grab}.rotation-handle:after{content:"";height:21px;width:1px;background:#b48b6a;position:absolute;top:16px;left:7px}.guide-legend{display:flex;gap:20px;align-items:center;border:1px solid #e9e0d3;background:#fffcf7;border-radius:20px;padding:9px 14px;flex-shrink:0;box-shadow:0 2px 4px #b1986610}.guide-legend span{display:flex;align-items:center;gap:6px;font-size:9px;color:#a39077}.guide-legend i{width:20px;border-top-width:2px;border-top-style:dashed}.guide-legend span{color:#71604b;font-weight:600}.guide-legend i.bleed{border-color:#e23d55;border-top-style:dashed}.guide-legend i.cut{border-color:#2563eb;border-top-style:solid}.guide-legend i.safe{border-color:#138a52;border-top-style:dotted}.guide-legend button{padding:0;color:#b4a58f}.canvas-hint{margin-top:18px;color:#b8a991;font-size:9px;display:flex;align-items:center;gap:7px;flex-shrink:0}.canvas-hint>span{margin:0 2px}.stage-bottom{height:57px;padding:0 23px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.zoom-controls{display:flex;align-items:center;gap:8px;background:#fffdf9;border:1px solid #eae2d6;padding:6px 8px;border-radius:8px;box-shadow:0 2px 5px #8c6d4510}.zoom-controls button{padding:3px;color:#a5947e;border-radius:4px}.zoom-controls>span:not(.toolbar-divider){width:35px;text-align:center;font-size:10px;color:#998970}.stage-size{font-size:9px;letter-spacing:.6px;color:#b1a083}.stage-size>span{margin:0 10px}.right-panel{border-left:1px solid var(--line);overflow:auto;scrollbar-width:thin;scrollbar-color:#e6dacf transparent;display:flex;flex-direction:column}.layers-header{height:57px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;flex-shrink:0;border-bottom:1px solid var(--line)}.layers-header h2{display:flex;align-items:center;gap:8px;font-size:12px}.layers-header h2 svg{color:#a29688}.layers-header h2>span{font-size:9px;padding:2px 6px;border-radius:5px;background:#f3ece3;color:#b4a18d;font-weight:500}.layers-header>button{color:#b29b84;padding:3px;border-radius:4px}.layer-list{padding:10px 11px;max-height:265px;overflow:auto;flex-shrink:0}.layer-row{display:flex;align-items:center;gap:7px;height:58px;border:1px solid transparent;border-radius:7px;padding:7px 6px;cursor:pointer;margin-bottom:3px}.layer-row:hover{background:#faf5ee}.layer-row.selected{background:#f7eee2;border-color:#e9d5bb}.grip{color:#cfc1b1;flex-shrink:0}.layer-thumbnail{height:34px;width:34px;display:flex;align-items:center;justify-content:center;background:#f5eada;border:1px solid #ead9c4;border-radius:5px;flex-shrink:0;color:#bc9b73;overflow:hidden}.layer-thumbnail img{width:100%;height:100%;object-fit:cover}.layer-thumbnail.element img{width:24px;height:24px}.layer-name{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;line-height:1.8}.layer-name small{display:block;font-size:8px;color:#b3a08c}.layer-row button{padding:3px;color:#aa9a86;flex-shrink:0;gap:0}.layer-actions{padding:0 20px 12px;display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--line);flex-shrink:0}.layer-actions span{font-size:9px;color:#b5a594;margin-right:auto}.layer-actions button{padding:3px;color:#b49b82}.properties-header{display:flex;align-items:center;justify-content:space-between;padding:17px 20px 0}.properties-header h2{display:flex;align-items:center;gap:8px;font-size:12px}.properties-header h2 svg{color:#a29688}.properties-header>span{font-size:9px;background:#f4ede4;border-radius:4px;padding:3px 6px;color:#b4a08b}.properties-body{padding:15px 20px 20px}.property-title{display:flex;align-items:center;gap:7px;margin-bottom:18px}.property-title strong{font-size:10px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;color:#ac9a86}.property-title button{padding:3px;color:#b19a83;flex-shrink:0}.coordinate-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.coordinate-grid label{font-size:10px;color:#998976}.coordinate-grid label>div{display:flex;align-items:center;background:#fffdf9;border:1px solid #e9dfd2;border-radius:6px;margin-top:7px;height:33px;padding:0 9px}.coordinate-grid input{background:none;border:0;min-width:0;width:100%;outline:0;color:#85735f;font-size:10px}.coordinate-grid input::-webkit-inner-spin-button{display:none}.coordinate-grid span{font-size:9px;color:#bbaa93}.range-label{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;font-size:10px;color:#998976;margin-top:19px}.range-label>span{font-size:9px;color:#aa977f;border:1px solid #ece2d5;padding:3px 7px;background:#fcf8f2;border-radius:4px;min-width:38px;text-align:center}.range-label input[type=range]{width:100%;margin:12px 0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,#d4af88,#e8dccb);height:3px;border-radius:4px;cursor:pointer;accent-color:#d5b086}.range-label input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:10px;background:#fff9ee;border:2px solid #d2ae86;border-radius:50%;box-shadow:0 1px 3px #8c6d4520}.range-extents{width:100%;display:flex;justify-content:space-between;font-size:8px;color:#c1b098;margin-top:7px}.rotation-shortcuts{display:flex;width:100%;justify-content:space-between;margin-top:12px;gap:6px}.rotation-shortcuts button{flex:1;background:#fcf9f4;border:1px solid #eae0d4;border-radius:4px;color:#b4a18a;font-size:9px;padding:5px}.reset-button{display:flex;width:100%;border:1px solid #e9dfd1;border-radius:6px;color:#a9937b;font-size:9px;padding:8px;margin-top:23px}.canvas-settings{padding:18px 20px;border-top:1px solid var(--line);margin-top:auto}.canvas-settings h3{font-size:11px;margin-bottom:15px}.color-property{display:flex;align-items:center;font-size:10px;color:#a1907c;gap:9px;margin-top:18px}.color-property input,.element-color input{width:26px;height:26px;border:1px solid #e4d7c4;background:#fff;padding:2px;border-radius:5px;cursor:pointer;margin-left:auto}.color-property>span{font-size:9px;color:#b5a086;letter-spacing:.3px}.background-swatches{display:flex;gap:9px;margin-top:12px;justify-content:flex-end}.background-swatches button{width:21px;height:21px;border-radius:50%;border:1px solid #e3d9c8;color:#927c5e;padding:0}.toggle-row{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#a08f7b;margin-top:19px}.toggle-row input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:27px;height:15px;background:#e8e3d9;border-radius:20px;position:relative;transition:background .2s}.toggle-row input:before{content:"";width:11px;height:11px;border-radius:50%;background:#fffdf8;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #564b3315}.toggle-row input:checked{background:#a5b294}.toggle-row input:checked:before{left:14px}.save-note{font-size:8px;color:#bbaa95;display:block;margin-top:9px}.bottom-bar{height:33px;background:#fffdfb;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:9px;color:#aea18e}.bottom-bar>span:first-child{display:flex;align-items:center;gap:7px}.footer-message{display:flex;align-items:center;gap:5px;color:#b5a58f;letter-spacing:.5px}.footer-message svg{color:#c8a792}.bottom-bar button{font-size:9px;color:#aea18e;padding:3px}.filter-tags{display:flex;gap:6px;margin-bottom:17px}.filter-tags button{font-size:10px;background:#f7f2ec;border-radius:20px;padding:6px 10px;color:#ac9882}.filter-tags .active{background:#f2e3d4;color:#b2815b}.filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 12px}.filter-card{padding:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px;border-radius:8px}.filter-card>div{position:relative;width:100%;border:2px solid transparent;border-radius:9px;overflow:hidden}.filter-card img{width:100%;aspect-ratio:1;display:block}.filter-card.active>div{border-color:#d29b76}.filter-card>div>span{position:absolute;bottom:5px;right:5px;background:#d29b76;border-radius:50%;width:19px;height:19px;color:#fff;display:flex;align-items:center;justify-content:center}.filter-card strong{font-size:10px;font-weight:500;margin-top:3px}.filter-card small{font-size:8px;color:#b5a28f}.inline-tip{background:#f6f0e5;border-radius:6px;padding:10px;margin-top:12px;color:#a28b6f;font-size:10px;line-height:1.7}.element-color{display:flex;align-items:center;gap:8px;font-size:10px;color:#ac9984;margin-bottom:18px}.element-color span{font-size:9px}.elements-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.elements-grid button{flex-direction:column;background:#fbf6f0;border:1px solid #f0e7dc;border-radius:8px;gap:8px;padding:10px 3px;color:#ab9581;font-size:8px}.elements-grid button:hover{background:#f7ebdf;transform:translateY(-2px)}.elements-grid img{width:29px;height:29px}.border-options{display:flex;gap:7px}.border-options button{flex:1;flex-direction:column;background:#fbf6f0;border:1px solid #eee2d3;border-radius:8px;padding:11px 2px;font-size:8px;color:#ae947c}.border-preview{width:35px;height:35px;border:3px dotted #d9ab88;border-radius:50%;margin-bottom:3px}.b1{border-radius:2px;border:2px solid #d9ab88}.b2{border:2px dashed #d9ab88}.field-label{display:block;font-size:10px;color:#a4917b;margin:16px 0 12px}.field-label textarea{resize:vertical;width:100%;min-height:75px;border:1px solid #e4d6c5;background:#fffcf7;border-radius:7px;padding:10px;color:#86725e;font-size:12px;display:block;margin-top:9px;line-height:1.7}.field-label select{width:100%;padding:8px;border:1px solid #e4d6c5;background:#fffcf7;color:#86725e;border-radius:6px;margin-top:8px;font-size:11px}.wide-primary{width:100%;background:#db9774;color:#fffaf3;border-radius:7px;padding:11px;font-size:11px}.wide-primary:hover{background:#cb8662}.font-list{display:flex;flex-direction:column;gap:9px}.font-list button{border:1px solid #eee3d5;border-radius:7px;padding:11px 10px;display:flex;justify-content:space-between;background:#fcf8f2}.font-list button>span{font-size:9px;color:#b7a28a}.font-list button>strong{font-size:13px;color:#957e65}.font-list button>svg{color:#bba083}fieldset{margin:0;padding:0;border:0;min-width:0}.empty-selection{padding:35px 20px;text-align:center;color:#b49d82}.empty-selection p{margin-top:10px;font-size:11px}.empty-selection small{font-size:9px;display:block;margin-top:8px}.toast{position:fixed;bottom:52px;left:50%;transform:translate(-50%);padding:13px 20px;border-radius:11px;background:#fffdf7;border:1px solid #dfdac6;box-shadow:0 6px 25px #6b553e22;z-index:50;font-size:12px;color:#8b8668;display:flex;gap:10px;align-items:center;max-width:90vw}.toast svg{color:#8ca080;flex-shrink:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#57453655;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.help-modal{position:relative;width:510px;max-height:90vh;overflow:auto;background:#fffbf5;border:1px solid #ead9c2;border-radius:22px;padding:30px;box-shadow:0 10px 50px #4e392530}.modal-close{position:absolute;right:16px;top:15px;color:#a9977f;border-radius:50%;padding:5px}.modal-flower{display:flex;width:58px;height:58px;align-items:center;justify-content:center;border-radius:19px;background:#f6e4d2;color:#ca936a;margin-bottom:17px}.help-modal h2{font-size:22px;color:#8d7159}.help-modal>p{font-size:11px;line-height:1.8;color:#b19b83;margin-top:10px}.help-modal ol{padding-left:24px;color:#b9936d;font-size:13px}.help-modal li{padding:8px 0}.help-modal li strong{font-size:12px;color:#977d64}.help-modal li span{display:block;font-size:10px;line-height:1.8;color:#ac9880;margin-top:5px}.shortcut-list{border-top:1px solid #e9ddcd;padding-top:15px;display:grid;gap:10px;font-size:10px;color:#9d846b}.shortcut-list span{display:flex;justify-content:space-between;align-items:center}kbd{font:9px Nunito,sans-serif;background:#f5ede1;padding:4px 7px;border-radius:4px;color:#aa8c6d}.help-modal .privacy-tip{font-size:9px}.help-modal .wide-primary{margin-top:18px}.mobile-tools{display:none}@media(min-width:1450px){.workspace{grid-template-columns:310px minmax(380px,1fr) 300px}.panel-scroll{padding-left:25px;padding-right:25px}.stage-content{padding-top:40px}.design-area{margin-top:65px}}@media(max-height:830px)and (min-width:901px){.stage-content{padding-top:10px}.design-area{margin-top:44px;width:calc(370px * var(--zoom))!important;height:calc(370px * var(--zoom))!important}.canvas-hint{margin-top:13px}.panel-scroll{padding-top:18px}.upload-box{padding-top:17px}.sample-card img{aspect-ratio:1.1}.tip-card{margin-top:16px}.header{height:73px}.topbar{height:61px}.workspace{height:calc(100vh - 167px);min-height:calc(100vh - 167px)}}@media(max-width:1100px){.header{padding:0 20px;gap:20px}.project-title{display:none}.workspace{grid-template-columns:250px minmax(330px,1fr) 245px}.panel-scroll{padding-left:16px;padding-right:16px}.brand strong{font-size:21px}.local-note{display:none}.topbar{padding:0 20px;gap:12px}.dpi-tag{display:none}.properties-body{padding-left:16px;padding-right:16px}.design-area{width:calc(350px * var(--zoom))!important;height:calc(350px * var(--zoom))!important}.canvas-hint{font-size:8px;gap:4px}.stage-toolbar,.stage-bottom{padding:0 15px}.stage-size{font-size:8px}.canvas-title{font-size:11px}.sample-grid{gap:8px}}@media(max-width:900px){.workspace{grid-template-columns:236px minmax(320px,1fr)}.right-panel{display:none}.header-actions{gap:5px}.brand strong span{font-size:11px}.canvas-hint{font-size:9px}.design-area{width:calc(390px * var(--zoom))!important;height:calc(390px * var(--zoom))!important}.topbar{padding:0 16px}.template-switch button{padding:0 9px}.toolbar-right{gap:0}.export-button{font-size:11px;padding:10px 11px}.button-divider,.export-button>svg:last-child{display:none}.template-label{display:none}}@media(max-width:620px){.header{height:70px;padding:0 16px}.brand-icon{width:37px;height:37px;border-radius:11px}.brand strong{font-size:20px}.brand strong span{display:none}.brand small{font-size:9px;letter-spacing:.8px}.help-button{font-size:0;gap:0}.help-button svg{width:20px;height:20px}.topbar{height:auto;min-height:93px;flex-wrap:wrap;gap:9px;padding:10px 13px}.template-switch{width:100%;justify-content:space-between}.template-switch button{flex:1;padding:0 5px;font-size:10px}.toolbar-right{width:100%;justify-content:flex-end}.export-button{padding:8px 12px;font-size:10px}.toolbar-right:before{content:"✧ 在浏览器里，放心创作";margin-right:auto;font-size:9px;color:#b39b82}.workspace{height:calc(100dvh - 196px);min-height:530px;display:block;position:relative}.left-panel{display:none;position:absolute;left:0;top:0;bottom:0;width:263px;z-index:15;box-shadow:10px 0 40px #77604025}.left-panel.mobile-open{display:flex}.stage{height:100%}.stage-toolbar{height:53px;padding:0 15px}.stage-content{padding-top:15px}.design-area{width:calc(min(76vw,350px) * var(--zoom))!important;height:calc(min(76vw,350px) * var(--zoom))!important;margin:50px 12px 25px 29px}.canvas-title{font-size:11px}.canvas-sub{font-size:9px}.canvas-hint{font-size:8px;gap:4px}.guide-legend{gap:15px}.stage-size{display:none}.mobile-tools{display:flex;font-size:10px;color:#a88e73;padding:7px 9px;background:#fffaf2;border:1px solid #e7d9c7;border-radius:7px}.bottom-bar{height:33px;font-size:8px;padding:0 13px}.footer-message{display:none}.right-panel{display:flex;height:auto;max-height:650px;border-top:1px solid var(--line)}.right-panel .canvas-settings{margin-top:0}.layer-list{max-height:200px}.workspace:has(.stage){margin-bottom:0}.bottom-bar{position:relative}.coordinate-grid{grid-template-columns:1fr 1fr}.help-modal{padding:24px}.help-modal h2{font-size:19px}.help-modal li{padding:5px 0}.header-actions{margin-left:auto}.app .workspace{height:auto}.stage{height:560px}.left-panel{bottom:auto;height:560px}.right-panel{max-height:none}.right-panel .properties-body{padding-bottom:20px}.right-panel .range-label{max-width:none}}