.material-page{color:#24231f;background:#f3f0ea;min-height:100vh}.material-page header{z-index:20;position:sticky;top:0}.material-page nav{align-items:center;gap:14px;margin-left:auto;display:flex}.material-page nav a{color:#6d685f;white-space:nowrap;font-size:9px;text-decoration:none}.material-page nav a.active{color:#6f1733;font-weight:600}.material-intro{padding:42px 5vw 28px}.material-intro>span,.material-login span,.material-workspace aside>span,.material-works>span{color:#957249;letter-spacing:.2em;font-size:9px}.material-intro h1{margin:12px 0;font:400 42px/1.13 Georgia,Songti SC,serif}.material-intro p{color:#746f66;margin:0}.material-login{background:#eee8de;border:1px solid #d6cbbc;grid-template-columns:minmax(240px,1fr) 220px 180px 110px;align-items:center;gap:10px;margin:0 5vw 18px;padding:16px;display:grid}.material-login h3{margin:5px 0 3px;font:400 18px Georgia,Songti SC,serif}.material-login p{color:#746f66;margin:0;font-size:10px}.material-login input{border:1px solid #cfc5b8;padding:10px}.material-login button{color:#fff;background:#6f1733;border:0;padding:11px}.material-workspace{grid-template-columns:minmax(0,1fr) 320px;gap:16px;padding:0 5vw 55px;display:grid}.material-inputs{grid-template-columns:1fr 1fr;gap:12px;display:grid}.material-inputs label{cursor:pointer;background:#faf9f6;border:1px solid #cfc6ba;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:190px;display:flex}.material-inputs input{display:none}.material-inputs label>b{color:#957249;font-size:10px}.material-inputs strong{font:400 18px Georgia,Songti SC,serif}.material-inputs small{color:#746f66;font-size:10px}.material-inputs label.has-image{padding:0;overflow:hidden}.material-inputs img{object-fit:contain;background:#fff;width:100%;height:190px}.material-stage{background:#e5dfd6;grid-column:1;justify-content:center;align-items:center;min-height:520px;display:flex;position:relative;overflow:hidden}.material-stage>img{object-fit:contain;width:100%;height:auto;max-height:620px}.material-empty{text-align:center;color:#81786d;flex-direction:column;gap:10px;display:flex}.material-empty b{font:400 22px Georgia,Songti SC,serif}.material-empty span{font-size:11px}.material-workspace aside{background:#faf9f6;border:1px solid #d6d0c7;grid-area:1/2/3;padding:24px}.material-workspace aside h2{margin:9px 0 18px;font:400 25px Georgia,Songti SC,serif}.material-workspace aside h3{margin:19px 0 9px;font:500 11px Arial}.material-modes,.material-regions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.material-modes button,.material-regions button{background:#fff;border:1px solid #d5cec3;padding:10px 5px;font-size:10px}.material-modes button.active,.material-regions button.active{color:#fff;background:#80664b;border-color:#80664b}.material-color{background:#eee8de;grid-template-columns:1fr 42px 58px;align-items:center;gap:8px;margin-top:12px;padding:12px;font-size:10px;display:grid}.material-color input{background:0 0;border:0;width:42px;height:32px}.material-color b{font-size:9px}.material-workspace textarea{resize:vertical;border:1px solid #d5cec3;width:100%;min-height:66px;margin:12px 0;padding:10px}.material-generate{color:#fff;background:#24231f;border:0;width:100%;padding:15px}.material-generate:disabled,.material-download:disabled{opacity:.35}.material-workspace aside p{color:#746f66;min-height:46px;font-size:10px;line-height:1.55}.material-download{background:0 0;border:1px solid #aa9473;width:100%;padding:11px}.material-loading{z-index:8;color:#fff;background:#1e1c19c7;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.material-loading i{border:2px solid #aaa;border-top-color:#fff;border-radius:50%;width:30px;height:30px;animation:1s linear infinite spin}.material-loading small{font-size:10px}.material-compare{background:#fff;width:100%;position:relative;overflow:hidden}.material-compare>img,.material-compare>div,.material-compare>div img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.material-compare>div{z-index:2}.material-compare>span{z-index:5;color:#fff;background:#24231fbf;padding:6px 9px;font-size:9px;position:absolute;top:14px}.material-compare>span:first-of-type{left:14px}.material-compare>span:nth-of-type(2){right:14px}.material-compare>i{z-index:4;background:#fff;width:2px;position:absolute;top:0;bottom:0}.material-compare>i:after{content:"↔";color:#6b5235;background:#fff;border-radius:50%;place-items:center;width:38px;height:38px;margin:-19px;display:grid;position:absolute;top:50%;left:50%}.material-compare>input{z-index:6;opacity:0;cursor:ew-resize;width:100%;height:100%;position:absolute;inset:0}.material-works{background:#faf9f6;border:1px solid #d6d0c7;margin:0 5vw 70px;padding:28px}.material-works h2{margin:7px 0 20px;font:400 26px Georgia,Songti SC,serif}.material-works>div{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.material-works button{text-align:left;background:#fff;border:1px solid #d6d0c7;padding:0}.material-works img{aspect-ratio:3/2;object-fit:cover;width:100%}.material-works small{color:#746f66;padding:8px;display:block}.material-works>p{color:#746f66;text-align:center;background:#eee8de;padding:30px;font-size:11px}@media (max-width:900px){.material-page header{flex-wrap:wrap;height:auto;min-height:64px;padding:10px 16px}.material-page header>span{display:none}.material-page nav{border-top:1px solid #ded8cf;order:3;width:100%;padding-top:8px;overflow:auto}.material-intro{padding:28px 20px 20px}.material-intro h1{font-size:34px}.material-login{grid-template-columns:1fr;margin:0 14px 14px}.material-workspace{flex-direction:column;padding:0 14px 40px;display:flex}.material-inputs{grid-template-columns:1fr}.material-workspace aside{order:2}.material-stage{order:3;min-height:360px}.material-works{margin:0 14px 40px;padding:18px}.material-works>div{grid-template-columns:repeat(2,1fr)}}.material-works .material-work-card{min-width:0;position:relative}.material-works .material-work-card>button:first-child{width:100%;height:100%}.material-works .material-work-delete{color:#fff;background:#6f1733eb;border:0;width:auto;padding:6px 9px;font-size:9px;position:absolute;top:8px;right:8px}.material-workmode{grid-template-columns:1fr 1fr;gap:12px;margin:0 5vw 18px;display:grid}.material-workmode button{text-align:left;color:#24231f;background:#faf9f6;border:1px solid #cec4b6;grid-template-columns:44px 1fr;align-items:center;gap:3px 12px;padding:16px 18px;display:grid}.material-workmode button.active{background:#eee8de;border-color:#80664b;box-shadow:inset 0 0 0 1px #80664b}.material-workmode b{color:#957249;letter-spacing:.15em;grid-row:1/3;font-size:10px}.material-workmode span{font:400 18px Georgia,Songti SC,serif}.material-workmode small{color:#746f66;font-size:10px}.material-source-frame{background:#fff;width:100%;max-height:620px;position:relative;overflow:hidden}.material-source-frame>img{object-fit:contain;width:100%;height:100%;display:block}.material-source-frame.selectable{cursor:crosshair}.material-pick{pointer-events:none;background:#6f1733;border:2px solid #fff;border-radius:50%;width:22px;height:22px;margin:-11px;position:absolute;box-shadow:0 0 0 2px #6f173373}.material-pick:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:8px}.material-pick span{color:#fff;white-space:nowrap;background:#6f1733;padding:5px 7px;font:9px Arial;position:absolute;top:-4px;left:26px}.material-surfaces{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.material-surfaces button,.material-layouts button{background:#fff;border:1px solid #d5cec3;padding:10px 4px;font-size:10px}.material-surfaces button.active,.material-layouts button.active{color:#fff;background:#80664b;border-color:#80664b}.material-sliders{background:#eee8de;gap:13px;margin-top:14px;padding:12px;display:grid}.material-sliders label{color:#5f5a52;grid-template-columns:1fr auto;gap:6px;font-size:10px;display:grid}.material-sliders label b{color:#80664b}.material-sliders input{accent-color:#80664b;grid-column:1/3;width:100%}.material-layouts{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.material-source-frame>img.material-selection-preview{z-index:2;pointer-events:none;position:absolute;inset:0}.material-pick{z-index:3}.material-preview-button{color:#6b5235;background:#f5f0e8;border:1px solid #80664b;width:100%;margin:0 0 8px;padding:11px}.material-preview-button:hover{background:#eee4d7}.material-send{color:#fff;background:#6f1733;border:1px solid #6f1733;width:100%;margin:0 0 8px;padding:12px}.material-send:hover{background:#571127}.material-library{background:#faf9f6;border:1px solid #cfc6ba;min-height:190px;padding:14px}.material-library-title{color:#957249;justify-content:space-between;margin-bottom:10px;font-size:10px;display:flex}.material-library-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.material-library-grid>div{background:#fff;border:1px solid #d5cec3;position:relative}.material-library-grid>div.active{border-color:#6f1733;box-shadow:inset 0 0 0 1px #6f1733}.material-choice{background:#fff;border:0;width:100%;padding:0}.material-choice img{object-fit:cover;width:100%;height:105px}.material-choice small{padding:5px;display:block}.material-remove{color:#fff;background:#24231fbf;border:0;border-radius:50%;width:22px;height:22px;position:absolute;top:3px;right:3px}.material-add{border-style:dashed!important;gap:4px!important;min-height:137px!important}.material-add strong{font-size:24px;font-weight:300}.material-continue{color:#fff;background:#80664b;border:0;width:100%;margin:0 0 8px;padding:13px}.material-round{color:#6b5235;text-align:center;letter-spacing:.08em;background:#eee8de;margin:0 0 8px;padding:8px 10px;font-size:10px}.material-catalog-form{background:#eee8de;grid-template-columns:1fr 1fr;gap:6px;margin:12px 0;padding:12px;display:grid}.material-catalog-form h3{grid-column:1/3!important;margin:0 0 4px!important}.material-catalog-form input{background:#fff;border:1px solid #d5cec3;min-width:0;padding:8px;font-size:10px}.material-catalog-form .catalog-link,.material-catalog-form button{grid-column:1/3}.material-catalog-form button{color:#6b5235;background:#fff;border:1px solid #80664b;padding:9px;font-size:10px}.material-catalog-form button:disabled{opacity:.55}@media (max-width:900px){.material-workmode{grid-template-columns:1fr;margin:0 14px 14px}.material-source-frame{max-height:520px}.material-surfaces{grid-template-columns:1fr 1fr 1fr}}.material-move-main{color:#6f1733;background:#eee8de;border:1px solid #80664b;grid-column:1/3;padding:11px;font-size:10px}.material-inputs label>b{letter-spacing:.08em}@media (max-width:900px){.material-move-main{grid-column:1}}.material-workmode-title{color:#6d685f;grid-column:1/3;align-items:center;gap:10px;font-size:11px;display:flex}.material-workmode-title b{color:#fff;letter-spacing:.12em;background:#80664b;padding:5px 8px;font-size:9px}.material-workmode-title span{font:400 16px Georgia,Songti SC,serif}@media (max-width:900px){.material-workmode-title{grid-column:1}}.material-compare>img,.material-compare>div img{object-fit:cover;object-position:center center}.tool-reset-link{color:#6f2e35;text-align:right;text-underline-offset:3px;grid-column:3/5;font-size:10px}@media (max-width:900px){.tool-reset-link{text-align:left;grid-column:1}}