.design-entry{border:1px solid #d7ddcc;background:#eef2e7;color:#526b52;border-radius:8px;padding:8px 12px;white-space:nowrap;font-size:12px;min-height:36px}
.design-home{position:relative;width:100%;margin:0 auto;overflow:hidden}.design-surface{position:absolute;left:0;top:0;transform-origin:top left}.design-node{position:absolute;box-sizing:border-box;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5;transform-origin:center;min-width:0}.design-node p{margin:0}.design-node>img{display:block;width:100%;height:100%;object-fit:cover}.design-node>.landscape{width:100%;height:100%;object-fit:contain}.design-node[data-type=anniversary]{display:flex;align-items:center;gap:10px}.design-node[data-type=sticker]{display:flex;align-items:center;justify-content:center;line-height:1}.design-node[data-type=progress],.design-node[data-type=wishes]{overflow:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#c6cdbb transparent}.design-node .progress-strip{margin:0;min-height:100%;width:100%;flex-wrap:wrap;gap:15px;padding:20px}.design-node .wishlist-section{padding:12px 4px 0}.design-node .section-top{flex-wrap:wrap;gap:14px}.design-node .filter-row{flex-wrap:wrap}.design-node .wish-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.design-node .category-label{white-space:normal}.design-node .categories{margin-left:0;margin-right:0;padding-left:0;padding-right:0}.design-node .card-bottom{flex-wrap:wrap}.design-node .mini-stat{padding-left:16px}.design-node .wish-title{font-family:var(--sans);font-size:var(--design-card-size,14px)}.design-node .wish-card{background:var(--card)}
.designer{--paper:#fff;--ink:#343b32;--sans:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;font-family:var(--sans);font-size:13px;position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#f0f1ed;color:#343b32;overflow:hidden;z-index:100}.designer-shell{height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr)}.designer-top button,.designer-tools button,.designer-panel button{font-family:inherit;min-height:34px;border:1px solid #dce0d4;border-radius:7px;background:white;padding:6px 10px;font-size:12px;color:#52634b}.designer-top button:hover,.designer-tools button:hover,.designer-panel button:hover{background:#edf2e8}.designer-top button:disabled,.designer-tools button:disabled,.designer-panel button:disabled{opacity:.45}.designer .d-primary{background:#526b52;border-color:#526b52;color:white}.designer .d-primary:hover{background:#425842}.designer-top button[aria-pressed=true],.designer-tools button[aria-pressed=true],.designer-panel button[aria-pressed=true]{background:#e6eddf;border-color:#8a9e7e;color:#3e5837}.designer-top{display:flex;align-items:center;justify-content:space-between;gap:16px;background:white;border-bottom:1px solid #e1e4d9;padding:12px 18px}.designer-title{display:flex;gap:10px;align-items:center;white-space:nowrap}.designer-title strong{font-size:17px}.designer-title small{font-size:11px;color:#88917f}.designer-actions,.designer-tools,.d-inline{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.designer-actions{justify-content:flex-end}.designer-tools{padding:9px 18px;background:#fcfdf9;border-bottom:1px solid #dde2d5}.designer-tools .d-separator{width:1px;height:22px;background:#dce2d5;margin:0 5px}.designer-tools label{display:flex;align-items:center;gap:6px}.designer-tools select{width:85px;padding:6px;font-size:12px}.designer-body{display:grid;grid-template-columns:185px minmax(0,1fr) 268px;min-height:0}.designer-panel{overflow:auto;background:#fff;padding:16px;border-right:1px solid #e1e4da}.designer-panel.right{border-left:1px solid #e1e4da;border-right:0}.designer-panel h3{margin:0 0 12px;font-size:13px;font-weight:600}.designer-panel h4{margin:22px 0 10px;font-size:12px;color:#819073}.designer-panel label{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;font-size:12px;color:#66705e}.designer-panel label.d-check{flex-direction:row;align-items:center;gap:7px}.designer-panel input[type=checkbox]{width:16px;height:16px}.designer-panel input,.designer-panel textarea,.designer-panel select{font-size:13px;background:#fcfdf9;padding:7px 8px;border-radius:6px}.designer-panel input[type=color]{height:34px;padding:3px}.d-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.d-fields label{min-width:0;margin-bottom:8px}.d-hint{font-size:11px;color:#838d79;line-height:1.8;margin:10px 0}.d-warning{color:#a15b33;background:#fff1df;padding:9px 12px;border-radius:7px;font-size:12px;line-height:1.6}.d-error{color:#9e422b;font-size:12px;margin:0;max-width:440px;line-height:1.6}.d-status{color:#77866b;font-size:11px}.d-layer{display:flex;width:100%;align-items:center;gap:6px;text-align:left;margin-bottom:6px;overflow:hidden}.d-layer span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.d-layer small{font-size:10px}.d-stage-wrap{overflow:auto;min-width:0;position:relative;padding:24px;background-color:#e9ece5;background-image:radial-gradient(#cbd3c3 1px,transparent 1px);background-size:16px 16px}.d-stage-size{position:relative;margin:0 auto}.d-stage{position:absolute;top:0;left:0;transform-origin:top left;box-shadow:0 3px 30px #48503c24;overflow:hidden}.d-stage .design-node{user-select:none;touch-action:none;cursor:move}.d-stage .design-node.is-selected{outline:2px solid #627f55;outline-offset:-1px;overflow:visible}.d-stage .design-node.is-selected>.d-content{overflow:hidden;width:100%;height:100%}.d-stage .design-node.is-locked{cursor:default}.d-stage .design-node img{pointer-events:none;width:100%;height:100%;object-fit:cover}.d-stage .d-content{width:100%;height:100%;overflow:hidden}.d-handle{position:absolute;width:16px;height:16px;border:2px solid #627f55;background:#fff;border-radius:3px;z-index:10;touch-action:none}.d-handle.nw{left:-8px;top:-8px;cursor:nwse-resize}.d-handle.ne{right:-8px;top:-8px;cursor:nesw-resize}.d-handle.sw{left:-8px;bottom:-8px;cursor:nesw-resize}.d-handle.se{right:-8px;bottom:-8px;cursor:nwse-resize}.d-widget-preview{padding:18px;background:#f3f5ed;color:#526b52;border:1px solid #dce4d1;border-radius:12px;width:100%;height:100%;font-family:var(--sans);font-size:14px;overflow:hidden}.d-widget-preview strong{font-size:22px;display:block;margin-bottom:10px}.d-widget-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:18px}.d-widget-card{border:1px solid #e5e4da;border-radius:8px;background:#fffdfa;padding:16px;font-size:14px;min-height:120px;line-height:1.8}.d-widget-preview .d-widget-title{font-size:24px;font-weight:500}.d-asset{border:1px solid #dde3d6;border-radius:8px;padding:6px;margin-bottom:8px}.d-asset img{display:block;width:100%;height:90px;object-fit:cover;border-radius:5px;margin-bottom:5px}.d-asset .d-inline{justify-content:space-between}.d-asset button{font-size:11px;padding:4px 6px}.d-asset small{color:#849178}.designer.is-preview .designer-body{grid-template-columns:minmax(0,1fr)}.designer.is-preview .designer-panel{display:none}.designer.is-preview .d-stage .design-node{pointer-events:none;outline:0}.designer.is-preview .d-handle{display:none}.designer .d-mobile-tabs{display:none}.d-stage-footer{padding:8px;text-align:center;font-size:11px;color:#738267}.d-panel-section{padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #e7eadd}
@media(max-width:1000px){.designer-body{grid-template-columns:150px minmax(0,1fr) 230px}.designer-panel{padding:12px}.designer-top{gap:8px;padding:10px}.designer-title small{display:none}.designer-actions{gap:4px}.designer-tools{padding:8px}.d-stage-wrap{padding:15px}}
@media(max-width:760px){.header-inner{gap:10px}.header-actions{gap:8px}.header-actions .sync-state{display:none}.design-entry{font-size:11px;padding:6px 9px}.designer-top{align-items:flex-start;flex-wrap:wrap;gap:8px}.designer-title{flex:1}.designer-title strong{font-size:15px}.designer-actions{gap:5px}.designer-actions button{font-size:11px;padding:6px 8px}.designer-tools{gap:5px;max-height:116px;overflow:auto;align-content:flex-start}.designer-tools button{font-size:11px;padding:5px 8px;min-height:32px}.designer-tools .d-separator{display:none}.designer-body{display:flex;flex-direction:column;min-height:0}.d-stage-wrap{flex:1;min-height:140px;padding:12px}.designer-panel{display:none;max-height:36dvh;flex-shrink:0;border-top:1px solid #d9e0d0;overflow:auto}.designer-panel.right{border-left:0}.designer-panel.active{display:block}.designer-panel.left{order:2}.designer-panel.right{order:2}.designer .d-mobile-tabs{display:flex;margin-left:auto;gap:4px}.designer-panel label{font-size:12px}.designer-panel input,.designer-panel textarea,.designer-panel select{font-size:16px}.d-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.d-fields input{width:100%}.designer .d-status{font-size:10px}.designer.is-preview .designer-body{display:flex}.designer.is-preview .designer-panel{display:none}.designer.is-preview .d-stage-wrap{flex:1}.d-layer{display:inline-flex;width:calc(50% - 6px);margin:3px}.d-asset{display:inline-block;width:calc(50% - 7px);margin:3px}.designer .d-error{font-size:11px;width:100%}}

.design-node[data-type=progress],.design-node[data-type=wishes]{white-space:normal}
.d-content{pointer-events:none}
[data-layout=mobile] .design-node .progress-strip{padding:16px;gap:12px;flex-wrap:wrap}
[data-layout=mobile] .design-node .progress-label{width:calc(100% - 150px);order:1}
[data-layout=mobile] .design-node .mini-stat{order:2;min-width:52px;padding-left:12px}
[data-layout=mobile] .design-node .progress-middle{order:3;flex-basis:100%;padding:0}
[data-layout=mobile] .design-node .filter-row{flex-direction:column-reverse;align-items:stretch;gap:12px}
[data-layout=mobile] .design-node .search-box{width:100%}
[data-layout=mobile] .design-node .section-top{gap:14px}
[data-layout=mobile] .design-node .section-top h2{font-size:21px}
[data-layout=mobile] .design-node .list-actions .button{font-size:11px;padding:8px 10px}
[data-layout=mobile] .design-node .categories{flex-wrap:nowrap;overflow:auto}
[data-layout=mobile] .design-node .wish-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
[data-layout=mobile] .design-node .wish-card{padding:14px 12px 0}
[data-layout=mobile] .design-node .card-top{flex-wrap:wrap;gap:4px}
[data-layout=mobile] .design-node .card-bottom{margin:0 -12px;padding:10px 12px}
[data-layout=mobile] .design-node .mutual-mark{display:none}
[data-layout=mobile] .design-node .interest-button{font-size:9px;max-width:calc(50% - 3px);padding:5px;gap:3px}
