:root{font-family:Microsoft YaHei UI,PingFang SC,sans-serif;color:#2f2a25;background:#ebe9e4;font-synthesis:none;--ui-ink: #27231f;--ui-muted: #8e877e;--ui-line: #dedad3;--ui-paper: #faf9f6;--ui-orange: #e85c18;--ui-orange-dark: #c8460f}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input,textarea,select{font:inherit}button{color:inherit}button,select{cursor:pointer}.app-shell{width:100%;height:100%;display:flex;flex-direction:column;background:#ebe9e4}.topbar{height:68px;flex:0 0 68px;padding:0 16px;position:relative;display:grid;grid-template-columns:minmax(220px,1fr) 286px minmax(560px,1fr);align-items:center;color:#f8f3ec;background:radial-gradient(circle at 7% -120%,rgba(182,97,50,.24),transparent 36%),linear-gradient(105deg,#171412,#241d19 52%,#151311);border-bottom:1px solid rgba(199,145,91,.24);box-shadow:0 9px 28px #1c151133;z-index:20}.topbar:after{content:"";height:1px;position:absolute;left:16px;right:16px;bottom:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(225,164,96,.26) 18%,rgba(225,164,96,.08) 72%,transparent)}.brand{min-width:0;justify-self:start;display:flex;align-items:center;gap:11px}.brand-mark{width:38px;height:38px;position:relative;display:grid;place-items:center;border:1px solid rgba(230,172,104,.45);border-radius:10px;color:#f2c17f;background:radial-gradient(circle at 32% 24%,rgba(220,112,52,.32),transparent 48%),#29201b;box-shadow:inset 0 0 0 3px #1d1815,inset 0 0 0 4px #e6ac681f,0 7px 20px #00000038}.brand-mark:after{content:"";width:4px;height:4px;position:absolute;right:5px;top:5px;border-radius:50%;background:#dc783f;box-shadow:0 0 8px #dc783fb3}.brand>div:nth-child(2){display:flex;align-items:baseline;gap:9px;white-space:nowrap}.brand strong{font-family:STKaiti,KaiTi,serif;font-size:23px;letter-spacing:2.5px;color:#f8ecdc;text-shadow:0 1px 8px rgba(0,0,0,.2)}.brand span{font-size:8px;font-weight:650;letter-spacing:1.7px;color:#9f948a}.page-nav{width:286px;height:40px;padding:3px;justify-self:center;display:grid;grid-template-columns:88px 88px 104px;align-items:center;border:1px solid rgba(221,185,145,.13);border-radius:11px;background:#06050442;box-shadow:inset 0 1px #ffffff06,0 5px 16px #00000021}.page-nav button{width:100%;height:32px;padding:0 8px;position:relative;border:0;border-radius:8px;color:#a69c93;background:transparent;font-size:9px;letter-spacing:.15px;transition:color .16s,background .16s,box-shadow .16s}.page-nav button:after{content:"";height:1px;position:absolute;left:18px;right:18px;bottom:3px;opacity:0;background:linear-gradient(90deg,transparent,#d99a5d,transparent);transition:opacity .16s}.page-nav button:hover{color:#f4e9dd;background:#ffffff09}.page-nav button.active{color:#fff7ed;background:linear-gradient(180deg,#ffffff14,#ffffff09);box-shadow:inset 0 0 0 1px #e2ab6f2e,0 4px 12px #00000029}.page-nav button.active:after{opacity:1}.page-nav button span{min-width:15px;height:15px;margin-left:5px;padding:0 4px;display:inline-grid;place-items:center;border:1px solid rgba(230,164,100,.26);border-radius:8px;color:#efc18e;background:#be5b232e;font-size:7px}.library-state{min-width:0;justify-self:end;display:flex;align-items:center;justify-content:flex-end;gap:7px;color:#a99e95;font-size:8px;letter-spacing:.5px}.top-actions,.history-actions,.export-control{display:flex;align-items:center}.top-actions>*,.save-actions,.export-control{flex-shrink:0}.top-actions{min-width:0;justify-self:end;gap:7px}.save-actions{height:36px;display:inline-flex;align-items:stretch;border-radius:8px;overflow:hidden}.save-actions .button.ghost{border-radius:8px 0 0 8px}.save-as-button{padding:0 9px;border:1px solid rgba(218,183,148,.18);border-left:0;border-radius:0 8px 8px 0;color:#bbb0a6;background:#ffffff0b;font-size:8px}.save-as-button:hover{color:#f4e9df;background:#ffffff14}.history-actions{height:36px;gap:1px;padding:0 4px;border:1px solid rgba(218,183,148,.12);border-radius:8px;background:#ffffff06}.save-state{min-width:78px;display:inline-flex;align-items:center;gap:6px;color:#9f958c;font-size:8px;white-space:nowrap}.save-state:before{content:"";width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#b8794d;box-shadow:0 0 0 3px #b8794d1a}.template-save-button{height:36px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(218,183,148,.18);border-radius:8px;color:#cab9aa;background:#ffffff09;font-size:8px;white-space:nowrap}.template-save-button:hover{color:#f7ddbd;border-color:#e0a3635c;background:#d6703614}.icon-button{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:7px;color:#d7d0c9;background:transparent}.icon-button:hover:not(:disabled){color:#fff;background:#ffffff14}.icon-button:disabled{opacity:.28;cursor:default}.button{height:36px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:8px;font-weight:650;font-size:11px;white-space:nowrap;transition:transform .18s,box-shadow .18s}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.62;cursor:wait}.button.ghost{color:#ded4ca;background:#ffffff0b;border-color:#dab7942e}.button.primary{color:#fffaf4;background:linear-gradient(135deg,#c95d28,#a93d17);border-radius:0 8px 8px 0;box-shadow:inset 0 1px #ffffff1f,0 5px 14px #762b1142}.button.secondary{color:#6e432e;background:#fffaf4;border-color:#ead9c9}.button.wide{width:100%}.export-control select{height:36px;padding:0 22px 0 9px;color:#bfb4aa;background:#ffffff0b;border:1px solid rgba(218,183,148,.18);border-right:0;border-radius:8px 0 0 8px;font-size:8px;outline:none}.workspace{min-height:0;flex:1;display:grid;grid-template-columns:278px minmax(430px,1fr) 304px}.library-page{min-height:0;flex:1;padding:42px clamp(28px,6vw,92px) 70px;overflow-y:auto;color:#4a382c;background:radial-gradient(circle at 82% 8%,rgba(255,178,109,.23),transparent 30%),radial-gradient(circle at 14% 82%,rgba(105,183,185,.15),transparent 32%),#f3eee6}.library-hero{max-width:680px;margin-bottom:28px}.library-hero>span{color:#d45b20;font-size:9px;font-weight:800;letter-spacing:2.6px}.library-hero h1{margin:7px 0 8px;color:#39271e;font-family:STKaiti,KaiTi,serif;font-size:38px;letter-spacing:2px}.library-hero p{margin:0;color:#877267;font-size:12px;line-height:1.7}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px}.template-card{min-width:0;overflow:hidden;border:1px solid rgba(137,91,60,.17);border-radius:20px;background:#fffdf9e0;box-shadow:0 17px 45px #50362414;transition:transform .2s,box-shadow .2s}.template-card:hover{transform:translateY(-4px);box-shadow:0 23px 55px #50362421}.template-poster-preview{height:205px;padding:25px 22px 20px;position:relative;overflow:hidden;border-bottom:1px solid rgba(137,91,60,.1)}.template-poster-preview:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.2;background-image:radial-gradient(rgba(98,62,38,.25) .5px,transparent .5px);background-size:10px 10px;pointer-events:none}.template-preview-title{width:42%;height:13px;position:relative;z-index:1;border-radius:7px;background:var(--card-accent)}.template-preview-subtitle{width:58%;height:4px;margin-top:8px;position:relative;z-index:1;border-radius:2px;background:color-mix(in srgb,var(--card-accent) 62%,transparent)}.template-preview-columns{height:119px;margin-top:17px;position:relative;z-index:1;display:grid;gap:8px}.template-preview-columns i{padding:8px;display:flex;flex-direction:column;gap:6px;border:1px solid color-mix(in srgb,var(--card-accent) 18%,transparent);border-radius:10px;background:#ffffffad}.template-preview-columns b{height:19px;display:block;border-radius:4px;background:color-mix(in srgb,var(--card-accent) 12%,white)}.template-card-copy{padding:19px 20px 20px}.template-card-copy>span,.project-card>div:last-child>span{color:var(--card-accent, #b66b44);font-size:8px;font-weight:750;letter-spacing:1.2px}.template-card-copy h2,.project-card h2{margin:5px 0 6px;color:#463126;font-family:STKaiti,KaiTi,serif;font-size:21px}.template-card-copy p,.project-card p{min-height:38px;margin:0;color:#8a776c;font-size:9px;line-height:1.65}.template-card-copy>div{margin-top:15px;display:flex;align-items:center;justify-content:space-between;gap:10px}.template-card-copy em{color:#9b8679;font-size:8px;font-style:normal}.template-card-copy>div>button,.template-card-actions>button:last-child,.project-open,.empty-projects button{height:32px;padding:0 13px;border:0;border-radius:8px;color:#fff;background:linear-gradient(135deg,var(--card-accent, #e66b2c),color-mix(in srgb,var(--card-accent, #e66b2c) 72%,#8b250e));font-size:9px;font-weight:700;box-shadow:0 6px 16px color-mix(in srgb,var(--card-accent, #e66b2c) 20%,transparent)}.library-hero-row{max-width:none;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.library-hero-row>div{max-width:720px}.library-create-button{height:42px;padding:0 16px;flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;border:1px solid #bc4f1c;border-radius:11px;color:#fff;background:linear-gradient(135deg,#e66b2c,#bb3c0c);box-shadow:0 10px 24px #aa3d1133;font-size:10px;font-weight:750}.library-create-button.secondary-create{color:#834020;border-color:#dfbba6;background:#fffbf6c7;box-shadow:0 8px 22px #683f2714}.library-section-title{margin:32px 0 13px;display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid rgba(126,83,55,.14)}.library-section-title>div{display:flex;align-items:baseline;gap:10px}.library-section-title span{color:#d45b20;font-size:7px;font-weight:850;letter-spacing:1.8px}.library-section-title h2{margin:0 0 9px;color:#4b3529;font-family:STKaiti,KaiTi,serif;font-size:19px}.library-section-title em{margin-bottom:10px;color:#9b887c;font-size:8px;font-style:normal}.custom-template-grid{margin-bottom:8px;grid-template-columns:repeat(auto-fill,minmax(270px,320px))}.custom-preview{padding:0}.template-card-actions{display:inline-flex;align-items:center;gap:6px}.template-card-actions .template-delete{width:32px;height:32px;padding:0;display:grid;place-items:center;border:1px solid #e1d5cc;border-radius:8px;color:#a06045;background:#fffaf5;box-shadow:none}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(390px,1fr));gap:18px}.project-card{min-width:0;min-height:225px;padding:13px;display:grid;grid-template-columns:154px 1fr;gap:18px;border:1px solid rgba(137,91,60,.17);border-radius:19px;background:#fffdf9eb;box-shadow:0 15px 40px #50362412;transition:transform .18s,box-shadow .18s,border-color .18s}.project-card:hover{transform:translateY(-2px);box-shadow:0 20px 48px #5036241f}.project-card.current-project{border-color:#da571980;box-shadow:0 17px 44px #9b41191c,inset 0 0 0 1px #da57191a}.project-swatch{min-height:198px;position:relative;display:grid;place-items:stretch;overflow:hidden;border-radius:12px;background:#eadfd5}.project-swatch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 0 1px #4b2f1f1a;border-radius:inherit}.cover-actions{position:absolute;left:7px;right:7px;bottom:7px;z-index:3;display:flex;align-items:center;justify-content:center;gap:4px;opacity:0;transform:translateY(5px);transition:.18s}.project-swatch:hover .cover-actions{opacity:1;transform:none}.cover-actions button{min-width:28px;height:28px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(255,255,255,.2);border-radius:7px;color:#fff;background:#231b16d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:8px}.project-card-content{min-width:0;padding:7px 3px 4px 0;display:flex;flex-direction:column;align-items:stretch;justify-content:center}.project-meta{min-height:18px;display:flex;align-items:center;justify-content:space-between;gap:8px}.project-meta>span{color:#b16643;font-size:8px;font-weight:750;letter-spacing:.7px}.project-meta b{padding:3px 6px;border-radius:8px;color:#b54a19;background:#fff0e5;font-size:7px}.project-title-row{min-width:0;display:flex;align-items:center;gap:7px}.project-card h2{max-width:100%;margin:7px 0 6px;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-title-row button{width:27px;height:27px;flex:0 0 27px;display:grid;place-items:center;border:0;border-radius:7px;color:#a28b7e;background:transparent}.project-title-row button:hover{color:#bd4b19;background:#fff0e6}.project-card p{min-height:0;margin-bottom:12px}.project-name-editor{margin:7px 0 6px;display:grid;grid-template-columns:1fr 29px 29px;gap:4px}.project-name-editor input{width:100%;min-width:0;height:32px;padding:0 8px;border:1px solid #dd9c79;border-radius:7px;color:#50372b;background:#fff;outline:none;font-size:10px}.project-name-editor button{height:32px;display:grid;place-items:center;border:1px solid #e2d7cf;border-radius:7px;color:#7d685c;background:#fff}.project-card-actions{margin-top:auto;display:flex;align-items:center;gap:6px}.project-card-actions .project-open{margin-right:auto;--card-accent: #df6429}.project-card-actions>button:not(.project-open){width:32px;height:32px;display:grid;place-items:center;border:1px solid #e3d9d1;border-radius:8px;color:#856f62;background:#fffaf5}.project-card-actions>button.danger{color:#b84c3d}.poster-miniature{width:100%;height:100%;min-height:198px;padding:13px;overflow:hidden;color:var(--mini-text);background:var(--mini-bg)}.poster-miniature-frame{height:100%;padding:12px 9px 10px;position:relative;display:flex;flex-direction:column;border:1px solid color-mix(in srgb,var(--mini-accent) 25%,rgba(255,255,255,.28));background:#ffffff29}.poster-miniature-frame>strong{max-width:88%;overflow:hidden;color:var(--mini-accent);font-family:STKaiti,KaiTi,serif;font-size:9px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.poster-miniature-frame>span{width:64%;margin-top:4px;padding-bottom:5px;overflow:hidden;border-bottom:1px solid color-mix(in srgb,var(--mini-accent) 40%,transparent);font-size:4px;text-overflow:ellipsis;white-space:nowrap;opacity:.75}.poster-miniature-columns{min-height:0;margin-top:8px;flex:1;display:grid;gap:5px}.poster-miniature-columns>i{min-width:0;padding:4px;display:flex;flex-direction:column;gap:4px;border-radius:4px;background:#ffffffad;box-shadow:0 4px 12px #472a1814}.poster-miniature-columns b{min-height:11px;display:block;border-radius:2px;background:color-mix(in srgb,var(--mini-accent) 12%,white)}.poster-miniature-columns .mini-hero{min-height:14px;background:color-mix(in srgb,var(--mini-accent) 48%,white)}.poster-miniature-columns .mini-mosaic{min-height:36px;flex:1;background-color:#dce9e8;background-image:linear-gradient(90deg,transparent 47%,rgba(255,255,255,.8) 48%,rgba(255,255,255,.8) 52%,transparent 53%),linear-gradient(transparent 47%,rgba(255,255,255,.8) 48%,rgba(255,255,255,.8) 52%,transparent 53%);background-size:13px 10px}.poster-miniature-columns .mini-guestGrid{min-height:25px;background:linear-gradient(90deg,color-mix(in srgb,var(--mini-accent) 10%,white) 31%,transparent 31% 34%,color-mix(in srgb,var(--mini-accent) 10%,white) 34% 65%,transparent 65% 68%,color-mix(in srgb,var(--mini-accent) 10%,white) 68%)}.poster-miniature.compact{min-height:205px}.theme-mini-solemnRedGold .poster-miniature-frame{border-color:#ecc260b8;background:#5b050a2e;box-shadow:inset 0 0 0 2px #8f1118,inset 0 0 0 3px #ecc26040}.theme-mini-solemnRedGold .poster-miniature-frame>strong{color:#f0cc78}.saved-cover-image{width:100%;height:100%;display:block;object-fit:contain;background:#ded8d1}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:24px;background:#19141194;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.asset-dialog{width:min(430px,94vw);padding:30px;position:relative;border:1px solid rgba(255,255,255,.64);border-radius:20px;background:#fbf8f3;box-shadow:0 28px 80px #1c120c47}.asset-dialog>span,.dialog-template-form>span{color:#d1541a;font-size:8px;font-weight:850;letter-spacing:2px}.asset-dialog h2{margin:7px 0;color:#433025;font-family:STKaiti,KaiTi,serif;font-size:26px}.asset-dialog>p,.dialog-template-form>p{margin:0 0 19px;color:#8d796d;font-size:9px;line-height:1.7}.dialog-close{width:32px;height:32px;position:absolute;right:16px;top:16px;display:grid;place-items:center;border:0;border-radius:50%;color:#8b776b;background:#eee7e0}.dialog-actions{margin-top:20px;display:flex;justify-content:flex-end;gap:8px}.dialog-actions button{height:35px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #ded3ca;border-radius:8px;color:#77685f;background:#fff;font-size:9px}.dialog-actions .primary-dialog-action{color:#fff;border-color:#cf5018;background:linear-gradient(135deg,#e66b2c,#bc3e0d);box-shadow:0 8px 18px #b53d102e}.asset-dialog.template-dialog{width:min(680px,94vw);padding:0;overflow:hidden;display:grid;grid-template-columns:235px 1fr}.dialog-template-preview{min-height:390px;padding:28px;background:#e5ddd4}.dialog-template-form{padding:33px 30px 28px}.dialog-template-form .field textarea{resize:vertical}.empty-projects{max-width:520px;margin:70px auto 0;padding:55px;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px dashed #d8bda9;border-radius:24px;color:#b66a43;background:#fffcf7a3}.empty-projects h2{margin:14px 0 7px;color:#5b4032;font-family:STKaiti,KaiTi,serif;font-size:24px}.empty-projects p{margin:0 0 18px;color:#947e71;font-size:10px;line-height:1.7}.panel-surface{background:#f8f7f4;z-index:3}.left-panel{min-height:0;display:flex;border-right:1px solid #d8d5cf}.right-panel{min-height:0;display:flex;flex-direction:column;border-left:1px solid #d8d5cf}.tool-tabs{width:62px;flex:0 0 62px;padding-top:10px;background:#efede8;border-right:1px solid #dfdcd6}.tool-tabs button{width:100%;height:62px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:0;color:#817a72;background:transparent;font-size:9px}.tool-tabs button:before{content:"";position:absolute;left:0;top:11px;bottom:11px;width:3px;border-radius:0 3px 3px 0;background:transparent}.tool-tabs button:hover{color:var(--ui-orange)}.tool-tabs button.active{color:#d75013;background:#fbfaf7}.tool-tabs button.active:before{background:#e85c18}.left-content{min-width:0;flex:1;padding:17px 13px 24px;overflow-y:auto}.section-heading{min-height:45px;display:flex;align-items:flex-start;justify-content:space-between}.section-heading>div{display:flex;flex-direction:column;gap:4px}.section-heading b{color:#332e29;font-size:12px}.section-heading span{color:#a09890;font-size:8px}.mini-link{padding:3px;display:inline-flex;align-items:center;gap:3px;border:0;color:#9a5c3b;background:transparent;font-size:9px}.structure-tree{margin:2px -5px 13px;display:flex;flex-direction:column;gap:5px}.tree-group{border-bottom:1px solid #e5e1da;padding-bottom:5px}.tree-container{width:100%;height:42px;padding:0 6px;display:flex;align-items:center;gap:7px;border:0;border-radius:7px;text-align:left;color:#686159;background:transparent}.tree-container:hover,.tree-container.active{background:#ece8e1}.tree-container.active{color:#c44a15}.tree-container>span{width:18px;height:24px;display:grid;place-items:center;color:#aaa198}.tree-container>div{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.tree-container b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.tree-container em{color:#a19a92;font-size:8px;font-style:normal}.tree-components{position:relative;padding-left:27px;display:flex;flex-direction:column;gap:2px}.tree-components:before{content:"";position:absolute;left:17px;top:0;bottom:9px;width:1px;background:#d8d3cc}.tree-component{width:100%;min-width:0;height:32px;padding:0 7px;display:flex;align-items:center;gap:6px;border:0;border-radius:6px;color:#817970;background:transparent}.tree-component:hover,.tree-component.active{color:#b84616;background:#f0e7df}.tree-component em{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:9px;font-style:normal}.tree-nested-components{margin:1px 0 4px 18px;padding-left:8px;border-left:1px solid #ddd4ca}.tree-component.nested{height:28px;color:#8e7769}.tree-component.nested .tree-index{background:#f2e9e1}.tree-index{width:17px;height:17px;display:grid;place-items:center;border-radius:4px;color:#9d8e82;background:#e8e2dc;font-size:7px}.structure-tip,.context-note{margin:10px 0 12px;padding:10px;display:flex;gap:8px;color:#94502e;background:#fff2e7;border:1px solid #f0dccb;border-radius:9px}.structure-tip svg{flex:0 0 auto;margin-top:1px}.structure-tip p{margin:0;color:#846957;font-size:8px;line-height:1.65}.structure-tip b{display:block;color:#71402a;font-size:9px}.field{min-width:0;display:flex;flex-direction:column;gap:6px;margin-top:10px}.field>span{display:flex;justify-content:space-between;color:#8f877f;font-size:9px}.field>span em{color:#b0a9a2;font-size:8px;font-style:normal}.field input,.field textarea,.field select{width:100%;border:1px solid #dad6ce;border-radius:7px;color:#4f4943;background:#fff;outline:none;font-size:10px}.field input,.field select{height:32px;padding:0 9px}.field textarea{min-height:54px;padding:8px 9px;resize:vertical;line-height:1.65}.field input:focus,.field textarea:focus,.field select:focus{border-color:#e38a5c;box-shadow:0 0 0 2px #e1662a14}.field input:disabled{color:#aaa29a;background:#f0eeea}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.component-library{margin-top:12px;display:flex;flex-direction:column;gap:6px}.component-library>button{min-height:55px;padding:8px;display:flex;align-items:center;gap:9px;border:1px solid #e0dcd5;border-radius:9px;text-align:left;color:#6f675f;background:#fff;transition:.17s}.component-library>button:hover{color:#c44a15;border-color:#e9a37e;transform:translate(2px);box-shadow:0 5px 14px #37271a0f}.component-library>button>div{width:33px;height:33px;flex:0 0 33px;display:grid;place-items:center;border-radius:8px;color:#bd5a29;background:#f8e9de}.component-library>button>span{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.component-library b{font-size:10px}.component-library em{color:#a09991;font-size:8px;font-style:normal}.component-library>button>svg{color:#c7bdb4}.theme-preview{position:relative;padding:7px;display:flex;align-items:center;gap:10px;border:1px solid #e68a5b;border-radius:10px;background:#fff;box-shadow:0 0 0 2px #e85e1a14}.theme-preview img{width:48px;height:70px;object-fit:cover;object-position:top;border-radius:5px}.theme-preview>div{display:flex;flex-direction:column;gap:4px}.theme-preview b{font-size:10px}.theme-preview span{color:#9d958d;font-size:8px}.theme-preview i{position:absolute;right:7px;top:7px;padding:2px 5px;color:#c84a13;background:#fff0e6;border-radius:4px;font-size:7px;font-style:normal}.theme-form{margin-top:14px}.color-input{display:flex;align-items:center;gap:8px}.color-input input{width:42px;padding:2px;cursor:pointer}.color-input code{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#8c847c;font-family:Consolas,monospace;font-size:8px}.layout-presets,.background-presets{display:flex;flex-direction:column;gap:7px}.layout-presets>button,.background-presets>button{width:100%;min-height:58px;padding:8px;position:relative;display:flex;align-items:center;gap:9px;border:1px solid #dfdbd4;border-radius:10px;text-align:left;color:#6e675f;background:#fff;transition:border-color .17s,background .17s,transform .17s,box-shadow .17s}.layout-presets>button:hover,.background-presets>button:hover{transform:translate(2px);border-color:#e9a37e;box-shadow:0 5px 14px #37271a0f}.layout-presets>button.active,.background-presets>button.active{color:#a64218;border-color:#e57642;background:#fff8f1;box-shadow:inset 0 0 0 1px #e56b3421}.layout-presets>button>span,.background-presets>button>span{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.layout-presets b,.background-presets b{font-size:10px}.layout-presets em,.background-presets em{color:#9e968e;font-size:8px;font-style:normal}.layout-presets strong,.background-presets strong{flex:0 0 auto;color:#d45419;font-size:8px}.layout-mini{width:51px;height:38px;flex:0 0 51px;padding:4px;display:grid;gap:3px;border:1px solid #ddd6cd;border-radius:6px;background:#eeeae3}.layout-mini i{min-width:0;display:block;border-radius:2px;background:linear-gradient(155deg,#fffdf9,#f2d8c5);box-shadow:inset 0 0 0 1px #a668431a}.layout-presets>button.active .layout-mini{border-color:#e1a17c;background:#f7e9de}.layout-control-block{margin-top:12px;padding:11px;border:1px solid #dfdad2;border-radius:10px;background:#f2efe9}.control-title{min-height:20px;display:flex;align-items:center;justify-content:space-between;gap:7px}.control-title b{color:#625b54;font-size:9px}.control-title span{color:#9c938b;font-size:7px}.container-mode-control{margin-top:8px}.ratio-presets{margin-top:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.ratio-presets button{height:28px;border:1px solid #dad5ce;border-radius:6px;color:#756d65;background:#fff;font-size:8px}.ratio-presets button.active{color:#bd4816;border-color:#e69a73;background:#fff1e7}.ratio-inputs{display:grid;grid-template-columns:1fr 1fr;gap:0 7px}.ratio-summary{margin-top:9px;padding-top:8px;color:#968a80;border-top:1px solid #ded8d0;text-align:center;font-size:7px}.background-presets{display:grid;grid-template-columns:1fr 1fr;gap:8px}.background-presets>button{min-width:0;min-height:90px;padding:6px;align-items:stretch;flex-direction:column;gap:6px}.background-presets>button>i{width:100%;height:44px;flex:0 0 44px;display:block;border-radius:6px;box-shadow:inset 0 0 0 1px #60442d14}.background-presets>button.theme-option-solemnRedGold>i{position:relative;border-radius:3px;box-shadow:inset 0 0 0 1px #e6bb5bb8,inset 0 0 0 4px #8f1118,inset 0 0 0 5px #e6bb5b40}.background-presets>button.theme-option-solemnRedGold>i:after{content:"典";position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-53%);color:#d8aa4d;font-family:STKaiti,KaiTi,serif;font-size:17px;text-shadow:0 1px #5e080c}.background-presets>button>span{width:100%;padding:0 2px}.background-presets>button>strong{position:absolute;right:7px;top:7px;width:16px;height:16px;display:grid;place-items:center;color:#fff;background:#d9571b;border-radius:50%;box-shadow:0 2px 7px #75361838}.canvas-area{min-width:0;min-height:0;position:relative;display:flex;flex-direction:column;background-color:#d8d5cf;background-image:radial-gradient(#bdb8b0 .75px,transparent .75px);background-size:16px 16px}.canvas-toolbar{height:45px;flex:0 0 45px;padding:0 16px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#756e67;background:#f4f2eeeb;border-bottom:1px solid #d2cec7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.canvas-toolbar>div:first-child{display:flex;align-items:baseline;gap:8px}.canvas-toolbar b{color:#5f5750;font-size:10px}.canvas-toolbar span{color:#969088;font-size:8px}.canvas-mode{padding:5px 9px;display:inline-flex;align-items:center;gap:5px;color:#9a5a39;background:#efe4da;border-radius:4px;font-size:8px}.zoom-control{justify-self:end;display:flex;align-items:center;gap:7px}.zoom-control button{width:25px;height:25px;display:grid;place-items:center;border:0;border-radius:6px;color:#6e6861;background:#e4e1db}.zoom-control span{width:34px;text-align:center;font-variant-numeric:tabular-nums}.stage-scroll{flex:1;min-height:0;padding:30px 38px;overflow:auto}.stage-size{position:relative;margin:auto}.poster-transform{width:820px;min-height:1220px;position:absolute;left:0;top:0;transform-origin:top left;box-shadow:0 23px 58px #33281e3d,0 3px 10px #33281e26}.poster-page{width:820px;min-height:1220px;height:auto;position:relative;padding:38px 40px 34px;overflow:hidden;color:var(--poster-text);background:var(--poster-bg);font-family:Microsoft YaHei,PingFang SC,sans-serif;isolation:isolate}.poster-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 12% 92%,color-mix(in srgb,var(--accent) 27%,transparent),transparent 29%),radial-gradient(circle at 85% 22%,rgba(255,255,255,.44),transparent 31%)}.poster-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.38;pointer-events:none;background-image:radial-gradient(rgba(107,60,28,.18) .65px,transparent .65px),radial-gradient(rgba(255,255,255,.52) .65px,transparent .65px);background-position:0 0,7px 7px;background-size:15px 15px}.poster-page.is-exporting:after{display:none!important}.poster-page.theme-solemnRedGold:before{display:block;top:13px;right:13px;bottom:13px;left:13px;z-index:-1;border:1px solid rgba(218,168,69,.62);background:none;box-shadow:inset 0 0 0 3px #8f1118,inset 0 0 0 4px #daa8453d}.poster-page.theme-solemnRedGold:after{display:none}.theme-solemnRedGold .poster-container.grouped-mode:not(.zone-header):not(.zone-footer){--poster-text: #5b261e;background:#f7efd9!important;border:1px solid rgba(167,111,31,.32);border-radius:4px!important;box-shadow:0 12px 28px #37000429,inset 0 0 0 1px #ffffff8c}.theme-solemnRedGold .poster-container.zone-header.grouped-mode{background:var(--container-bg)!important;border:0;border-radius:var(--container-radius)!important;box-shadow:none}.theme-solemnRedGold .poster-container.zone-footer.grouped-mode{--poster-text: var(--poster-on-background);background:transparent!important;border:0;border-radius:0!important;box-shadow:none}.theme-solemnRedGold .poster-component.has-container{--poster-text: #5b261e;border-color:#a76f1f52!important;border-radius:4px!important;background:#f7efd9!important;box-shadow:0 10px 24px #37000421,inset 0 0 0 1px #ffffff80!important}.theme-solemnRedGold .component-guestGrid.has-container{border:0!important;box-shadow:none!important}.theme-solemnRedGold .component-hero.has-container{--poster-text: var(--poster-on-background);padding:22px 20px!important;border:1px solid rgba(222,177,78,.54)!important;border-radius:3px!important;background:#710b11!important;box-shadow:inset 0 0 0 3px #710b11,inset 0 0 0 4px #deb14e33,0 10px 24px #3c00052b!important}.theme-solemnRedGold .component-hero.no-container{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.theme-solemnRedGold .component-brand{--poster-text: var(--poster-on-background);width:max-content}.theme-solemnRedGold .component-brand.has-container{padding:12px 22px!important;border:1px solid rgba(222,177,78,.45)!important;border-radius:2px!important;background:#710b11!important;box-shadow:inset 0 0 0 3px #710b11,inset 0 0 0 4px #deb14e2e}.theme-solemnRedGold .component-brand.no-container{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.theme-solemnRedGold .component-hero h1,.theme-solemnRedGold .poster-brand{color:transparent;background:linear-gradient(96deg,#9f6719,#efd184,#b98329 48%,#f8dfa0 68%,#9f6719);background-size:180% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 rgba(56,4,5,.72))}.theme-solemnRedGold .hero-subtitle{color:#e8c56e;text-shadow:0 1px 0 rgba(68,4,6,.56)}.theme-solemnRedGold .poster-container.grouped-mode:not(.zone-header):not(.zone-footer) .component-hero.no-container h1{color:#8a1519;background:none;-webkit-text-fill-color:currentColor;filter:none}.theme-solemnRedGold .poster-container.grouped-mode:not(.zone-header):not(.zone-footer) .component-hero.no-container .hero-subtitle{color:#9b3b2d;text-shadow:none}.theme-solemnRedGold .poster-pill{color:#f3d789;border:1px solid rgba(216,168,67,.52);border-radius:3px;background:#790c13;box-shadow:inset 0 1px #ffe59729}.theme-solemnRedGold .empty-photo,.theme-solemnRedGold .empty-photo.tone-1,.theme-solemnRedGold .empty-photo.tone-2,.theme-solemnRedGold .empty-photo.tone-3,.theme-solemnRedGold .empty-photo.tone-4,.theme-solemnRedGold .participant-empty{color:#8b7650;background:#e7ddc4}.theme-solemnRedGold .poster-image-block,.theme-solemnRedGold .poster-image-block>div{color:#927d59;background:#e7dfcc}.theme-solemnRedGold .component-rowGroup:has(>.row-component-grid>.row-component-slot>.component-guestGrid:hover):not(.selected-component):after{border-color:transparent}.poster-layout{min-height:1148px}.poster-layout.classic-layout{display:flex;flex-direction:column;gap:20px}.classic-content-grid{min-height:0;flex:1 0 auto;display:grid;grid-template-columns:326px 392px;gap:22px;align-items:stretch}.classic-content-grid>.poster-container{min-height:0;overflow:visible;container-type:inline-size}.classic-content-grid>.zone-right{grid-area:auto}.poster-layout.flexible-layout{display:flex;flex-direction:column;gap:20px}.adaptive-content-grid{min-height:0;flex:1 0 auto;display:grid;gap:22px;align-items:stretch}.adaptive-content-grid>.poster-container{min-height:0;overflow:visible;container-type:inline-size}.adaptive-content-grid>.zone-right{grid-area:auto}.flexible-layout>.zone-footer{min-height:58px;flex:0 0 auto}.poster-container{min-width:0;position:relative;display:flex;flex-direction:column;box-sizing:border-box;transition:outline-color .15s}.poster-container.cards-mode{padding:0!important;gap:16px!important;background:transparent!important;border-radius:0!important}.zone-header{min-height:0}.zone-left,.zone-right{height:auto;overflow:visible}.zone-left{flex:1 0 auto}.zone-right{grid-area:right}.zone-footer{grid-area:footer;align-items:center;justify-content:center;text-align:center}.container-tag{position:absolute;left:5px;top:-18px;z-index:8;padding:2px 6px;color:#9d522d;background:#fff5ed;border:1px solid #e5a47f;border-radius:3px;font-family:Microsoft YaHei UI,sans-serif;font-size:7px;line-height:1.25;opacity:0;pointer-events:none;transition:opacity .15s}.poster-container:hover>.container-tag,.selected-container>.container-tag{opacity:1}.selected-container{outline:2px solid rgba(224,80,17,.72);outline-offset:3px}.poster-component{position:relative;flex:0 0 auto;cursor:pointer}.poster-component:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;z-index:7;border:1.5px dashed transparent;border-radius:5px;pointer-events:none}.poster-component:hover:after{border-color:#e050115c}.poster-component.selected-component:after{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 4%,transparent)}.row-component-grid{width:100%;min-width:0;display:grid;align-items:stretch}.row-component-slot{min-width:0;display:flex;align-items:stretch}.row-component-slot>.poster-component{width:100%;min-width:0;margin-bottom:0!important}.row-empty-slot{width:100%;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:color-mix(in srgb,var(--accent) 56%,#8b8179);border:1px dashed color-mix(in srgb,var(--accent) 35%,transparent);border-radius:12px;background:#ffffff47;font-size:8px}.poster-page.is-exporting .container-tag,.poster-page.is-exporting .poster-component:after{display:none!important}.poster-page.is-exporting .selected-container,.poster-page.is-exporting .poster-guest-card.selected-item{outline:none!important}.empty-container-message{min-height:190px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:color-mix(in srgb,var(--poster-text) 45%,transparent);border:1px dashed color-mix(in srgb,var(--accent) 30%,transparent);border-radius:12px;background:#ffffff2e}.empty-container-message span{margin-top:3px;font-size:10px;font-weight:700}.empty-container-message em{font-size:7px;font-style:normal;opacity:.76}.poster-container>.poster-component.has-container{padding:18px 20px;border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);border-radius:18px;background:#fffdf7d1;box-shadow:0 10px 28px #5739230b}.component-hero h1{margin:0;color:var(--accent);font-family:STKaiti,KaiTi,serif;font-weight:800;line-height:1.05;letter-spacing:-2px;text-wrap:balance}.hero-subtitle{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:7px;color:color-mix(in srgb,var(--accent) 86%,#72331e);font-size:12px;font-weight:700;white-space:nowrap}.hero-subtitle span{flex:0 1 auto}.hero-subtitle i{height:1px;flex:1;background:var(--accent);opacity:.82}.hero-subtitle.decoration-double i{height:3px;background:linear-gradient(to bottom,var(--accent) 0 1px,transparent 1px 2px,var(--accent) 2px 3px)}.hero-subtitle.decoration-dashed i{background:repeating-linear-gradient(90deg,var(--accent) 0 8px,transparent 8px 13px)}.hero-subtitle.decoration-fade i:first-child{background:linear-gradient(90deg,transparent,var(--accent))}.hero-subtitle.decoration-fade i:last-child{background:linear-gradient(90deg,var(--accent),transparent)}.hero-subtitle.decoration-stars i{height:auto;flex:0 0 auto;background:none;opacity:.92}.hero-subtitle.decoration-stars i:before{content:"★★★";font-size:.72em;letter-spacing:2px;white-space:nowrap}.hero-subtitle.decoration-diamonds i{height:8px;flex:1;display:flex;align-items:center;gap:7px;opacity:.88;background:none}.hero-subtitle.decoration-diamonds i:last-child{flex-direction:row-reverse}.hero-subtitle.decoration-diamonds i:before{content:"";height:1px;min-width:8px;flex:1;background:var(--accent)}.hero-subtitle.decoration-diamonds i:after{content:"";width:6px;height:6px;flex:0 0 6px;background:var(--accent);transform:rotate(45deg)}.hero-subtitle.decoration-dots i{height:3px;background:radial-gradient(circle,var(--accent) 1.25px,transparent 1.4px) 0 50% / 7px 3px repeat-x}.hero-subtitle.decoration-none{gap:0}.hero-subtitle.decoration-none i{display:none}.component-info{min-height:0}.component-info.has-container{min-height:92px}.component-info.no-container{padding:0;border:0;border-radius:0;background:transparent}.poster-pill{width:max-content;max-width:100%;padding:7px 14px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fffaf2;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 66%,#ffc97b),var(--accent));border-radius:18px;box-shadow:inset 0 1px #ffffff59;font-size:15px;font-weight:750;line-height:1}.component-info .poster-pill{padding:6px 12px 7px;font-size:13px}.component-info ul{margin:8px 0 0;padding:0;list-style:none}.component-info.no-heading ul{margin-top:0}.component-info li{position:relative;margin:4px 0;padding-left:12px;color:var(--poster-text);font-size:9.5px;line-height:1.35}.component-info li:before{content:"";position:absolute;left:1px;top:.45em;width:5px;height:5px;border-radius:50%;background:var(--accent)}.component-guestGrid .poster-pill{margin:0 0 12px 1px}.guest-grid{display:grid;gap:11px 12px}.poster-guest-card{min-width:0;padding:0;display:flex;flex-direction:column;align-items:center;border:0;text-align:center;color:var(--poster-text);background:transparent}.poster-guest-card.selected-item{outline:2px solid var(--accent);outline-offset:3px;border-radius:5px}.guest-photo{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#e7e1d9}.guest-photo img{width:100%;height:100%;display:block;object-fit:cover}.empty-photo{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#54494194;background:linear-gradient(145deg,#c8e6e9,#eddfbd)}.empty-photo span{padding:2px 6px;border:1px solid rgba(91,78,66,.18);border-radius:3px;background:#ffffff5c;font-size:7px;letter-spacing:.4px}.empty-photo.tone-1{background:linear-gradient(145deg,#a8d9e5,#ecd6b5)}.empty-photo.tone-2{background:linear-gradient(145deg,#b8deda,#f0d5b1)}.empty-photo.tone-3{background:linear-gradient(145deg,#95cfdf,#e8c7a3)}.empty-photo.tone-4{background:linear-gradient(145deg,#addfe6,#e8d8bc)}.poster-guest-card strong{max-width:100%;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:color-mix(in srgb,var(--accent) 72%,#713920);font-size:10px;line-height:1.15}.poster-guest-card>span{max-width:100%;min-height:16px;margin-top:2px;display:-webkit-box;overflow:hidden;color:color-mix(in srgb,var(--accent) 58%,#744d3b);font-size:7px;line-height:1.25;-webkit-line-clamp:2;-webkit-box-orient:vertical}.component-mosaic{width:100%;min-width:0;min-height:0;height:auto;flex:1 1 auto;display:flex;flex-direction:column;box-sizing:border-box}.poster-container>.component-mosaic:last-of-type{margin-bottom:0!important}.component-mosaic .poster-pill{margin:0 0 16px}.participant-grid{width:100%;min-width:0;min-height:0;flex:1 1 auto;display:grid;grid-auto-rows:max-content;align-content:start;gap:3px;overflow:visible;background:transparent;box-sizing:border-box}.participant-cell{min-width:0}.participant-cell{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#eceae6}.participant-cell img{width:100%;height:100%;display:block;object-fit:cover}.participant-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:3px;color:#819497;background:#e1eff0}.participant-empty span{font-size:6px}.component-imageBlock .poster-pill,.component-textBlock .poster-pill{margin-bottom:12px}.poster-image-block{width:100%;min-height:150px;overflow:hidden;background:#e7e3dd}.poster-image-block img{width:100%;height:100%;display:block}.poster-image-block>div{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#968c83}.poster-image-block span{font-size:10px}.component-imageBlock>p{margin:7px 0 0;color:var(--poster-text);font-size:9px;line-height:1.5;text-wrap:pretty}.poster-body-text{margin:0;color:var(--poster-text);font-size:11px;line-height:1.72;white-space:pre-wrap;text-wrap:pretty}.component-brand{display:flex;flex-direction:column;align-items:center;justify-content:center}.poster-brand{color:color-mix(in srgb,var(--accent) 70%,#842316);font-family:STKaiti,KaiTi,serif;font-size:25px;letter-spacing:3px}.component-brand>span{margin-top:2px;color:var(--poster-text);font-size:8px}@container (max-width: 220px){.poster-pill{padding:6px 8px 7px;border-radius:13px;font-size:11px}.component-info{padding:9px;border-radius:10px}.component-info .poster-pill{padding:5px 8px 6px;font-size:10px}.component-info li{padding-left:9px;font-size:8px;overflow-wrap:anywhere}.component-info li:before{width:4px;height:4px}.guest-grid{grid-template-columns:1fr!important;gap:9px}.poster-guest-card strong{font-size:9px}.poster-guest-card>span{font-size:7px}.component-mosaic .poster-pill,.component-guestGrid .poster-pill{margin-bottom:9px}.participant-grid{gap:2px}.participant-empty span{display:none}.poster-body-text{font-size:9px;line-height:1.6;overflow-wrap:anywhere}.poster-image-block,.poster-image-block>div{min-height:95px}}@container (max-width: 150px){.poster-pill{width:100%;font-size:9px;text-align:center}.participant-empty svg{width:10px;height:10px}.poster-guest-card>span{display:none}}.toast{position:absolute;left:50%;bottom:19px;z-index:12;padding:9px 14px;display:flex;align-items:center;gap:7px;transform:translate(-50%);color:#f8f3ed;background:#221d19eb;border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 8px 25px #261d1633;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:9px;animation:toast-in .2s ease both}.toast span{width:15px;height:15px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#e75b18;font-size:8px}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,7px)}}.properties-head{height:66px;flex:0 0 66px;padding:0 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #dedad3;background:#f8f6f2}.properties-title{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.properties-head b{max-width:236px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#342f2a;font-size:12px}.properties-head span{overflow:hidden;color:#968c83;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.property-back{width:31px;height:31px;padding:0;flex:0 0 31px;display:grid;place-items:center;border:1px solid #dcd5cc;border-radius:50%;color:#756960;background:#fff;transition:color .16s,border-color .16s,background .16s,transform .16s}.property-back:hover{color:#a3421b;border-color:#dfa17f;background:#fff4ec}.properties-body{min-height:0;flex:1;padding:13px 15px 42px;overflow-y:auto}.properties-nav{height:40px;margin:-13px -15px 12px;padding:0 15px;position:sticky;top:-13px;z-index:9;display:flex;align-items:stretch;gap:18px;border-bottom:1px solid #e0dcd5;background:#f8f6f2f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.properties-nav button{min-width:0;padding:1px 0 0;position:relative;border:0;color:#7d746c;background:transparent;font-size:8px;font-weight:650}.properties-nav button:after{content:"";height:2px;position:absolute;left:0;right:100%;bottom:-1px;background:#bd4b19;transition:right .18s}.properties-nav button:hover{color:#a3421b}.properties-nav button:hover:after,.properties-nav button:focus-visible:after{right:0}.empty-properties{flex:1;padding:96px 30px 0;display:flex;flex-direction:column;align-items:center;text-align:center;color:#aaa39b}.empty-properties>div{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:#c76f43;background:#eee3da}.empty-properties b{margin-top:13px;color:#716a63;font-size:11px}.empty-properties p{font-size:8px;line-height:1.7}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.quick-actions button{min-width:0;height:31px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1px solid #dfdbd3;border-radius:6px;color:#665f58;background:#fff;font-size:8px}.quick-actions button.danger{color:#b54a35;background:#fff8f6;border-color:#ecd5cf}.form-section{padding:15px 0 17px;border-bottom:1px solid #e5e2dc;scroll-margin-top:52px}.form-section:first-child{padding-top:4px}.form-section h3{margin:0 0 11px;color:#716a63;font-size:9px;letter-spacing:.4px}.repeat-list{margin-top:9px;display:flex;flex-direction:column;gap:6px}.repeat-row{display:flex;gap:5px}.repeat-row input{min-width:0;height:32px;flex:1;padding:0 8px;border:1px solid #dad6ce;border-radius:6px;outline:none;font-size:9px}.repeat-row button{width:30px;border:1px solid #e4d7d1;border-radius:6px;display:grid;place-items:center;color:#b75c43;background:#fff8f6}.add-row{width:100%;height:32px;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px dashed #d6b8a5;border-radius:7px;color:#a85934;background:#fffaf6;font-size:9px}.segmented{height:32px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #dad6cf;border-radius:7px;overflow:hidden}.segmented button{border:0;border-right:1px solid #e1ddd7;color:#777068;background:#fff;font-size:9px}.segmented button:last-child{border-right:0}.segmented button.active{color:#c64a13;background:#fff0e6}.align-buttons{height:34px;display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid #dad6cf;border-radius:7px}.align-buttons button{display:inline-flex;align-items:center;justify-content:center;gap:4px;border:0;border-right:1px solid #e1ddd7;color:#777068;background:#fff;font-size:8px}.align-buttons button:last-child{border-right:0}.align-buttons button.active{color:#c64a13;background:#fff0e6}.decoration-options{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.decoration-options button{min-height:40px;padding:5px 3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid #dad6cf;border-radius:7px;color:#777068;background:#fff;font-size:8px}.decoration-options button.active{color:#c64a13;border-color:#e69a73;background:#fff0e6}.decoration-sample{width:30px;height:3px;display:block;background:#d76531}.decoration-sample.sample-double{background:linear-gradient(to bottom,#d76531 0 1px,transparent 1px 2px,#d76531 2px 3px)}.decoration-sample.sample-dashed{height:1px;background:repeating-linear-gradient(90deg,#d76531 0 5px,transparent 5px 8px)}.decoration-sample.sample-fade{height:1px;background:linear-gradient(90deg,transparent,#d76531,transparent)}.decoration-sample.sample-stars,.decoration-sample.sample-diamonds{position:relative;background:none}.decoration-sample.sample-stars:after{content:"★★★";position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-58%);color:#d76531;font-size:8px;font-style:normal;line-height:1;letter-spacing:1px;white-space:nowrap}.decoration-sample.sample-diamonds{height:7px;background:linear-gradient(#d76531,#d76531) left center / 28% 1px no-repeat,linear-gradient(#d76531,#d76531) right center / 28% 1px no-repeat}.decoration-sample.sample-diamonds:before,.decoration-sample.sample-diamonds:after{content:"";width:5px;height:5px;position:absolute;top:50%;background:#d76531;transform:translate(-50%,-50%) rotate(45deg)}.decoration-sample.sample-diamonds:before{left:35%}.decoration-sample.sample-diamonds:after{left:65%}.decoration-sample.sample-dots{height:3px;background:radial-gradient(circle,#d76531 1.2px,transparent 1.35px) 0 50% / 7px 3px repeat-x}.decoration-sample.sample-none{position:relative;background:none}.decoration-sample.sample-none:after{content:"×";position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-58%);color:#a59d95;font-size:13px;font-style:normal;line-height:1}.row-ratio-editor{display:grid;grid-template-columns:repeat(2,1fr);gap:0 8px}.row-slot-editor{margin-top:12px;display:flex;flex-direction:column;gap:6px}.row-slot-editor-item{min-width:0;display:grid;grid-template-columns:22px 1fr 38px;gap:5px;align-items:center}.row-slot-editor-item>span{width:22px;height:28px;display:grid;place-items:center;border-radius:6px;color:#a4512b;background:#f3e5dc;font-size:8px;font-weight:700}.row-slot-editor-item select{min-width:0;height:30px;padding:0 7px;border:1px solid #dad6ce;border-radius:6px;color:#625b54;background:#fff;font-size:8px}.row-slot-editor-item button{height:28px;padding:0;border:1px solid #e2a47f;border-radius:6px;color:#a95229;background:#fff5ed;font-size:8px}.guest-editor-list{margin-top:10px;display:flex;flex-direction:column;gap:4px}.guest-editor-list button{min-width:0;height:43px;padding:0 7px;display:flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:7px;text-align:left;color:#6c655e;background:#f0eee9}.guest-editor-list button:hover,.guest-editor-list button.active{border-color:#e6a17c;background:#fff4eb}.guest-editor-list button>span{width:20px;height:20px;display:grid;place-items:center;border-radius:5px;color:#a45a36;background:#e7ded6;font-size:8px}.guest-editor-list button>div{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.guest-editor-list b,.guest-editor-list em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guest-editor-list b{font-size:9px}.guest-editor-list em{color:#a09890;font-size:7px;font-style:normal}.image-setting{display:flex;align-items:center;gap:11px}.image-setting .image-thumb{width:80px;height:61px;flex:0 0 80px;display:grid;place-items:center;overflow:hidden;color:#9f9388;background:#e9e5de}.image-setting.large .image-thumb{width:112px;height:76px;flex-basis:112px}.image-thumb img{width:100%;height:100%;display:block;object-fit:cover}.image-setting>button,.image-setting>div:last-child>button:first-child{min-height:31px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid #e2a47f;border-radius:6px;color:#a95229;background:#fff5ed;font-size:9px}.image-setting>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.text-button{padding:0;border:0;color:#a0684a;background:transparent;font-size:8px;text-decoration:underline}.mosaic-photo-manager{margin-top:11px;overflow:hidden;border:1px solid #ded9d1;border-radius:9px;background:#f5f2ed}.mosaic-photo-manager-head{height:34px;padding:0 9px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e1ddd6}.mosaic-photo-manager-head b{color:#5f5750;font-size:8px}.mosaic-photo-manager-head span{color:#9a9189;font-size:7px}.mosaic-photo-list{max-height:238px;padding:6px;overflow-y:auto;display:flex;flex-direction:column;gap:5px}.mosaic-photo-item{min-width:0;height:42px;padding:5px 5px 5px 7px;display:grid;grid-template-columns:17px 54px 1fr;align-items:center;gap:6px;border:1px solid #e1ddd6;border-radius:6px;background:#fff;cursor:grab}.mosaic-photo-item:active{cursor:grabbing}.mosaic-photo-item>span{color:#9d765e;font-family:Georgia,serif;font-size:8px;text-align:center}.mosaic-photo-item>img{width:54px;aspect-ratio:16 / 9;display:block;object-fit:cover;background:#e9e5de}.mosaic-photo-item>div{min-width:0;display:flex;justify-content:flex-end;gap:3px}.mosaic-photo-item button{width:24px;height:24px;padding:0;display:grid;place-items:center;border:1px solid #ded9d1;border-radius:5px;color:#766d65;background:#f8f6f2}.mosaic-photo-item button:hover:not(:disabled){color:#a3421b;border-color:#dda17f;background:#fff3eb}.mosaic-photo-item button:disabled{opacity:.3}.mosaic-photo-item button.danger{color:#b6503b;background:#fff8f5}.upload-hint{margin-top:9px;padding:8px 9px;color:#876b59;background:#f5ede6;border-radius:6px;font-size:8px;line-height:1.6}.auto-layout-note{margin-top:8px;color:#8e7667;font-size:8px;line-height:1.55}.context-note{color:#856b5a;font-size:8px;line-height:1.6}.visibility-row{display:flex;align-items:center;justify-content:space-between;color:#777068;font-size:9px}.visibility-row button{height:28px;padding:0 8px;display:inline-flex;align-items:center;gap:5px;border:1px solid #ddd8d0;border-radius:6px;color:#8b837b;background:#fff;font-size:8px}.visibility-row button.on{color:#3f7463;background:#edf5f1;border-color:#cbded6}.keyboard-hint{height:31px;flex:0 0 31px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;color:#aaa39a;background:#efede9;border-top:1px solid #dfdcd6;font-size:7px}*{scrollbar-width:thin;scrollbar-color:#bdb7af transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#c4bfb7;border:2px solid transparent;background-clip:padding-box;border-radius:10px}::-webkit-scrollbar-track{background:transparent}@media(max-width:1120px){.topbar{grid-template-columns:minmax(160px,1fr) 260px minmax(400px,1fr)}.page-nav{width:260px;grid-template-columns:80px 80px 94px}.workspace{grid-template-columns:244px minmax(400px,1fr) 280px}.brand{min-width:245px}.save-state{display:none}.template-save-button{width:36px;padding:0;justify-content:center}.template-save-button span{display:none}}@media(max-width:920px){.topbar{grid-template-columns:minmax(150px,1fr) 250px minmax(250px,1fr)}.page-nav{width:250px;grid-template-columns:76px 76px 92px}.history-actions,.template-save-button,.save-as-button{display:none}.workspace{grid-template-columns:230px minmax(400px,1fr)}.right-panel{display:none}}@media(max-width:700px){.workspace{grid-template-columns:1fr}.left-panel,.brand span,.button.ghost,.export-control select{display:none}.brand{min-width:auto}.button.primary{border-radius:8px}.topbar{padding:0 9px}}