@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#28382e;background:#fafbf9;font-synthesis:none;font-size:13px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #dfe4df;background:#fff;color:inherit;border-radius:7px;min-height:35px;padding:8px 12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .15s}button:hover{background:#edf2ed}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #93b19c;outline-offset:2px}input,textarea,select{border:1px solid #dce1dc;border-radius:6px;padding:8px;background:#fff;width:100%;color:#28382e;min-width:0}input:focus,textarea:focus,select:focus{outline:2px solid #9db7a3}input[type=color]{height:36px;padding:3px;cursor:pointer}input[type=range]{accent-color:#315b45;padding:0}textarea{resize:vertical;min-height:70px}.primary{background:#315b45;color:#fff;border-color:#315b45}.primary:hover{background:#244a35}.wide{width:100%;margin:6px 0}header{height:79px;background:#fff;border-bottom:1px solid #e3e7e1;display:flex;align-items:center;padding:0 28px;gap:30px}.brand{text-decoration:none;color:#263b2d;font-family:Manrope,sans-serif;font-weight:800;font-size:22px;display:flex;align-items:center;gap:2px;letter-spacing:-1px}.brand>span:not(.brand-icon){font-weight:400}.brand small{font:600 8px DM Sans;letter-spacing:1px;background:#eaf0e8;border-radius:4px;padding:4px;margin-left:9px}.brand-icon{position:relative;background:#315b45;color:#fff;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;margin-right:9px;font-size:30px}.brand-icon span{font-size:18px;position:absolute;right:1px;top:-3px;color:#d9e7a4}.project-name{border-left:1px solid #e4e6e2;padding-left:28px}.project-name input{border:0;padding:0;width:190px;font-weight:600;background:transparent}.project-name>span{font-size:10px;color:#8c968e;display:flex;gap:4px;margin-top:5px}.header-actions{margin-left:auto;display:flex;gap:9px}.workspace{display:grid;grid-template-columns:82px 270px minmax(340px,1fr) 265px;height:calc(100dvh - 79px);min-height:660px}nav{border-right:1px solid #e1e6df;background:#fff;display:flex;flex-direction:column;align-items:center;padding:20px 8px;gap:9px}nav button{border:0;background:transparent;flex-direction:column;gap:8px;width:65px;height:66px;font-size:10px;color:#7d877e}nav button.active{background:#edf3eb;color:#315b45}nav .nav-bottom{margin-top:auto}.library,.inspector{background:#fff;padding:25px 20px;overflow:auto}.library{border-right:1px solid #e1e6df}.inspector{border-left:1px solid #e1e6df}.panel-title{margin-bottom:28px}h2{font-family:Manrope,sans-serif;font-size:17px;letter-spacing:-.5px;margin:0 0 7px}.panel-title>span{font-size:11px;color:#939b93}.section-label{font-size:9px;letter-spacing:1.5px;font-weight:700;color:#8b958d;margin:20px 0 15px}.products{display:grid;grid-template-columns:1fr 1fr;gap:18px 12px}.product{border:0;padding:0;display:block;text-align:left;background:none}.product:hover{background:none}.product>div{height:115px;background:#f6f6f2;border:1px solid transparent;border-radius:8px;position:relative}.product img{width:100%;height:100%;object-fit:contain}.product.chosen>div{border-color:#587b5e;background:#eef2e9}.product svg{position:absolute;right:6px;top:6px;background:#315b45;color:#fff;border-radius:50%;padding:2px}.product strong{display:block;font-size:11px;margin:9px 0 4px}.product>span{font-size:10px;color:#91998f}.upload-card{border:1px dashed #bdcbbd;display:flex;flex-direction:column;width:100%;padding:22px 8px;background:#fafcf9;margin-top:25px}.upload-card strong{font-size:11px}.upload-card span{font-size:10px;color:#8b958c}.upload-card.large{padding:42px 10px}.tip{display:flex;gap:10px;padding:16px;background:#f5f4e9;border-radius:7px;margin-top:28px}.tip>span{font-size:25px;color:#90975b}.tip strong{font-size:10px}.tip p{font-size:10px;line-height:1.7;color:#8a8e79;margin:6px 0 0}main{display:flex;flex-direction:column;min-width:0;background:#f2f3ef}.canvas-toolbar{height:59px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #e2e6de;background:#fafbf8;flex-shrink:0}.canvas-toolbar>div{display:flex;align-items:center;gap:10px;font-size:11px}.breadcrumb{color:#91998f}.canvas-toolbar button{border:0;background:transparent;padding:6px}.canvas-toolbar button.toggled{background:#e9eee4;font-size:10px}.canvas-toolbar i{height:18px;width:1px;background:#dfe4dc}.stage-space{flex:1;overflow:auto;display:flex;flex-direction:column;align-items:center;position:relative;background-image:radial-gradient(#ced5c7 .6px,transparent .6px);background-size:16px 16px;padding:26px 20px 15px}.stage-caption{text-align:center;z-index:1;flex-shrink:0}.stage-caption span{font-size:8px;letter-spacing:2.3px;color:#8d978b}.stage-caption h1{font-family:Manrope,sans-serif;font-weight:500;font-size:28px;letter-spacing:-1.5px;margin:7px 0 0}.stage-frame{position:relative;flex-shrink:0}.stage{width:600px;height:600px;position:relative;transform-origin:top left}.product-bg{position:absolute;width:600px;height:600px;object-fit:contain;pointer-events:none}.canvas-container{position:absolute!important;inset:0}.print-guide{position:absolute;border:1px dashed #8fa68b;pointer-events:none}.print-guide span{position:absolute;top:-15px;left:0;font-size:8px;color:#8fa68b;letter-spacing:1.5px}.side-switch{display:flex;background:#fff;padding:4px;border:1px solid #e0e5dc;border-radius:8px;gap:4px;z-index:1}.side-switch button{border:0;font-size:10px;min-height:29px;padding:7px 17px;color:#899286}.side-switch .active{background:#315b45;color:#fff}.canvas-hint{font-size:10px;color:#9aa295;margin:16px 0 0}footer{height:49px;border-top:1px solid #e0e5da;background:#fafbf8;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:10px;flex-shrink:0}footer>div{display:flex;align-items:center;gap:8px}footer button{background:none;border:0;font-size:10px;min-height:28px;padding:4px}.status-dot{display:inline-block;width:5px;height:5px;background:#668262;border-radius:50%;margin-right:6px}.muted{font-size:11px;line-height:1.8;color:#8a948a}.swatches{display:flex;gap:9px;margin:13px 0 25px}.swatches button{width:24px;height:24px;min-height:24px;border-radius:50%;padding:0;border:1px solid #d4dbd0}.swatches .chosen{outline:2px solid #637f61;outline-offset:3px}label{display:block;font-size:10px;font-weight:500;margin:14px 0 8px}label input,label textarea,label select{display:block;margin-top:7px}label>span{float:right;color:#85917f}hr{border:0;border-top:1px solid #e8ebe5;margin:24px 0}.details-row{display:flex;justify-content:space-between;font-size:10px;margin:16px 0}.details-row>span{color:#8a9486}.details-row strong{font-weight:500;text-transform:capitalize}.inspector>.wide{font-size:10px}.inspector-empty{border-top:1px solid #e8ebe5;text-align:center;margin-top:30px;padding:30px 7px;color:#a1ad99}.inspector-empty strong{display:block;font-size:11px;color:#63775b;margin:15px 0 8px}.inspector-empty p{font-size:10px;line-height:1.8}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field-grid label{margin:7px 0}.selection-actions{display:flex;gap:4px}.selection-actions button{flex:1;padding:7px;border-color:#e7ebe4}.segmented{display:flex;margin:15px 0;gap:3px}.segmented button{flex:1;font-size:10px;padding:5px}.segmented .active{background:#e1ebdc}.warning{background:#fff4dc;border:1px solid #ead8ae;border-radius:6px;padding:13px;font-size:10px;line-height:1.7;margin-top:20px;color:#89652d}.type-samples{display:flex;flex-direction:column;gap:15px;margin-top:30px}.type-samples button{padding:20px 8px;background:#f7f8f4}.shape-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shape-grid button{flex-direction:column;padding:20px 10px;font-size:10px;text-transform:capitalize}.shape{display:block;background:#47694b;width:45px;height:35px}.shape.circle{border-radius:50%;height:45px}.shape.rounded{border-radius:10px}.shape.triangle{background:none;width:0;height:0;border-left:24px solid transparent;border-right:24px solid transparent;border-bottom:42px solid #47694b}.layer{display:flex;margin:8px 0;border:1px solid #e4e9df;border-radius:6px}.layer button{border:0;min-width:0;background:transparent}.layer button:first-child{flex:1;justify-content:flex-start}.layer span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px}.layer.selected{background:#edf3e8;border-color:#9db295}.empty{padding:25px 8px;text-align:center;font-size:11px;line-height:2;color:#929b8b}.saved-project{display:flex;border-bottom:1px solid #e5e9e1;padding:9px 0}.saved-project>button{border:0;min-width:0}.saved-project>button:first-child{flex:1;align-items:flex-start;flex-direction:column}.saved-project strong{max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-project small{font-size:9px;color:#969f8e}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:15px 18px;background:#263d2c;color:#fff;border-radius:10px;z-index:50;box-shadow:0 5px 30px #0002;display:flex;align-items:center;gap:15px;max-width:90vw}.toast button{border:0;color:#fff;background:none;font-size:20px;padding:0;min-height:20px}.modal-backdrop{position:fixed;inset:0;background:#17271c65;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:40;padding:20px}.modal{width:430px;max-height:90vh;overflow:auto;background:#fff;border-radius:18px;padding:35px;position:relative;box-shadow:0 25px 80px #0003}.modal .close{position:absolute;right:15px;top:12px;border:0;font-size:22px}.modal h2{font-size:24px;margin-top:20px}.modal p{font-size:12px;line-height:1.7;color:#84917d}.modal small{display:block;font-size:10px;line-height:1.7;color:#939d8e;margin-top:18px}.export-icon{width:54px;height:54px;border-radius:14px;background:#eaf0e4;display:flex;align-items:center;justify-content:center}@media(min-width:1500px){.workspace{grid-template-columns:88px 290px minmax(340px,1fr) 290px}.stage-space{padding-top:40px}}@media(max-width:1150px){.workspace{grid-template-columns:70px 220px minmax(300px,1fr) 220px}.library,.inspector{padding:20px 14px}header{padding:0 18px;gap:18px}.project-name{padding-left:18px}.project-name input{width:130px}.brand{font-size:19px}.stage-frame{zoom:.8}.canvas-toolbar{padding:0 12px}.breadcrumb{display:none}.header-actions button{font-size:11px}}@media(max-width:900px){.workspace{grid-template-columns:64px 190px minmax(320px,1fr);height:auto;min-height:calc(100dvh - 79px)}.inspector{grid-column:2/4;display:block;border-top:1px solid #ddd;max-height:none}.inspector .field-grid{max-width:500px}.inspector-empty{display:none}.library{grid-row:1}.workspace>nav{grid-row:1/3}main{min-height:660px}.header-actions .projects-button,.project-name{display:none}.header-actions{gap:5px}.brand small{display:none}}@media(max-width:600px){header{height:66px;padding:0 10px;gap:10px}.brand{font-size:16px}.brand-icon{width:29px;height:29px;font-size:25px}.header-actions button{padding:8px;font-size:10px}.header-actions svg{width:13px}.workspace{grid-template-columns:54px minmax(0,1fr)}nav{padding:12px 3px}nav button{width:47px;font-size:8px}nav svg{width:20px}.library{grid-column:2;max-height:280px;border-bottom:1px solid #e2e7dc}.panel-title{margin-bottom:15px}.products{grid-template-columns:repeat(4,1fr);gap:8px}.product>div{height:75px}.product strong{font-size:9px}.product>span{font-size:8px}.tip{display:none}.upload-card{margin-top:15px;padding:12px}.workspace>nav{grid-row:1/4}.workspace>main{grid-column:2;min-height:580px}.inspector{grid-column:2}.stage-frame{zoom:.57}.canvas-toolbar strong{font-size:10px}.canvas-toolbar>div{gap:3px}.canvas-toolbar button{font-size:9px}.canvas-toolbar{padding:0 8px}.stage-caption h1{font-size:24px}.stage-space{padding:25px 4px}.stage-caption span{font-size:7px}footer{padding:0 8px;font-size:8px}.modal{padding:25px}.toast{font-size:11px}}.advanced-tools{border-top:1px solid #e4e9de;margin-top:20px}.advanced-tools details{border-bottom:1px solid #e4e9de;padding:13px 0}.advanced-tools summary{font-size:11px;font-weight:600;cursor:pointer}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:12px 0}.tool-grid button{font-size:9px;padding:6px;min-width:0;text-transform:capitalize}.toggle-row{display:flex;align-items:center;gap:8px}.toggle-row input{width:auto;margin:0}.store-product{padding:14px;background:#edf3e6;border-radius:8px;margin-bottom:20px}.store-product span{display:block;font-size:11px;margin-top:5px;color:#64765a}.store-product p{font-size:10px;line-height:1.6;color:#86927c}.review-modal{width:650px}.review-images{display:flex;gap:15px}.review-images figure{margin:0;flex:1;min-width:0}.review-images img{width:100%;border-radius:8px}.review-images figcaption{text-transform:capitalize;font-size:11px;text-align:center;color:#73816b}@media(max-width:600px){header:has(.storefront-actions){height:auto;min-height:90px;flex-wrap:wrap;padding:10px}.storefront-actions{width:100%;justify-content:flex-end}.storefront-actions .primary{margin-right:auto;font-size:12px}}