@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";
:root{--bg:#f8f9f5;--paper:#fff;--ink:#26362a;--muted:#889083;--line:#e8ebe3;--olive:#526a3e;--olive-dark:#344c29;--soft:#eff3e9}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:DM Sans,Arial,sans-serif;font-size:14px;line-height:1.5}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0;transition:background .18s,box-shadow .18s,transform .18s}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #b17a41}button svg,a svg{flex-shrink:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3,.wordmark{font-family:Manrope,Arial,sans-serif}h2{letter-spacing:-.45px;font-size:16px;font-weight:750}small{font-size:11px}button:active{transform:translateY(1px)}.app-shell{min-height:100vh}.rail{border-right:1px solid var(--line);z-index:30;background:#fff;flex-direction:column;align-items:center;width:78px;padding:27px 0 22px;display:flex;position:fixed;inset:0 auto 0 0}.logo-mark{background:var(--olive);color:#fff;border-radius:13px;justify-content:center;align-items:center;width:42px;height:42px;display:flex;transform:rotate(-4deg)}.rail-links{gap:17px;margin-top:62px;display:grid}.rail-item{color:#93998d;border-radius:12px;place-items:center;width:43px;height:43px;display:grid}.rail-item:hover{background:var(--soft)}.rail-item.active{color:#526a3e;background:#eaf0e2}.rail-help{color:#858d7d;margin-top:auto;padding:15px}.avatar{color:#706b57;background:#e8e4d8;border:3px solid #fff;border-radius:50%;place-items:center;width:34px;height:34px;margin-top:13px;font-size:10px;font-weight:700;display:grid;box-shadow:0 0 0 1px #eeeae0}.topbar{border-bottom:1px solid var(--line);background:#ffffffa6;align-items:center;gap:40px;height:86px;padding:0 42px;display:flex}.wordmark{letter-spacing:-1.8px;align-items:baseline;font-size:29px;font-weight:800;display:flex}.wordmark span{color:var(--olive)}.wordmark i{background:#bd7543;border-radius:50%;width:6px;height:6px;margin-left:4px}.breadcrumb{color:#92988b;align-items:center;gap:12px;font-size:12px;display:flex}.breadcrumb strong{color:#66735e;font-weight:500}.top-right{align-items:center;gap:24px;margin-left:auto;display:flex}.demo-badge{color:#7d7757;background:#fbfaf2;border:1px solid #e6e5d7;border-radius:20px;align-items:center;gap:7px;padding:6px 12px;font-size:11px;display:flex}.demo-badge>span{background:#b19552;border-radius:50%;width:5px;height:5px}.help-button{color:#777f6f;align-items:center;gap:7px;font-size:12px;display:flex}main{max-width:1600px;margin:auto;padding:36px 42px 0}.page-heading{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.eyebrow{letter-spacing:1.7px;color:var(--olive);margin-bottom:8px;font-size:9px;font-weight:700}h1{letter-spacing:-1.4px;font-size:34px;font-weight:750;line-height:1.3}.page-heading p{color:#7f8779;margin-top:9px;font-size:12px}.studio-tag{border-left:1px solid #dde2d6;align-items:center;gap:12px;padding-left:25px;display:flex}.tiny-shirt{color:#657650;background:#ecefe5;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.studio-tag strong{font-size:12px;font-weight:600}.studio-tag small{color:#8a9182;font-size:10px;display:block}.studio-navigation{border-bottom:1px solid #e0e5d9;justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.studio-navigation nav{gap:28px;display:flex}.tab{color:#8b9283;align-items:center;gap:8px;padding:13px 0 15px;font-size:12px;display:flex;position:relative}.tab.active{color:var(--olive);font-weight:700}.tab.active:after{content:"";background:var(--olive);border-radius:4px 4px 0 0;height:3px;position:absolute;bottom:-1px;left:0;right:0}.saved-indicator{color:#919987;align-items:center;gap:7px;font-size:10px;display:flex}.saved-indicator>span,.live-dot{background:#83966c;border-radius:50%;width:5px;height:5px;display:inline-block}.studio-grid{grid-template-columns:minmax(260px,1fr) minmax(330px,1.5fr) minmax(250px,.95fr);align-items:start;gap:18px;display:grid}.card{border:1px solid var(--line);background:var(--paper);border-radius:15px;box-shadow:0 3px 12px #293a2507}.brief-panel,.settings-panel{padding:22px}.panel-heading{align-items:center;gap:11px;margin-bottom:23px;display:flex}.panel-heading p{color:#929889;margin-top:2px;font-size:10px}.icon-tile{width:35px;height:35px;color:var(--olive);background:#edf2e5;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.assistant-note{background:#f5f7f0;border:1px solid #eaf0e0;border-radius:10px;gap:10px;margin-bottom:22px;padding:15px 12px;display:flex}.ai-orb{color:#798d59;flex-shrink:0;place-items:center;width:23px;height:23px;display:grid}.assistant-note strong{font-size:11px;font-weight:600}.assistant-note p{color:#88937c;margin-top:5px;font-size:11px;line-height:1.8}.field-label{margin-bottom:9px;font-size:11px;font-weight:600;display:block}.prompt-box{background:#fcfdf9;border:1px solid #dce2d2;border-radius:9px;overflow:hidden}.prompt-box:focus-within{border-color:#a0b18c;box-shadow:0 0 0 3px #526a3e0d}.prompt-box textarea{resize:vertical;color:#4d5e43;background:0 0;border:0;outline:0;width:100%;min-height:133px;padding:14px;font-size:11px;line-height:1.9;display:block}.prompt-box textarea::placeholder{color:#a1a893}.prompt-box>div{color:#a1a793;justify-content:space-between;padding:4px 12px 11px;font-size:9px;display:flex}.primary{border:1px solid var(--olive);background:var(--olive);color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:43px;padding:12px 16px;font-size:12px;font-weight:600;display:flex}.primary:hover{background:var(--olive-dark)}.generate-button{width:100%;margin-top:12px}.generate-button>svg:last-child{margin-left:auto}.small-note{color:#929989;margin-top:10px;font-size:9px;line-height:1.7}.center{text-align:center}.divider-label{letter-spacing:1px;color:#a2a994;white-space:nowrap;align-items:center;gap:10px;margin:23px 0 13px;font-size:8px;display:flex}.divider-label span{background:#edf0e7;flex:1;height:1px}.inspiration-list{gap:7px;display:grid}.inspiration{text-align:left;border:1px solid #ecefe6;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 9px;display:flex}.inspiration:hover{background:#f8faf4;border-color:#cbd5bd}.inspiration>svg{color:#9ca58c;margin-left:auto}.inspiration strong{font-size:10px;font-weight:600}.inspiration small{color:#929a86;font-size:9px;display:block}.inspiration-icon{color:#6b8054;background:#edf1e6;border-radius:7px;place-items:center;width:30px;height:30px;font-size:23px;display:grid}.inspiration-1{color:#a88751;background:#f6eee1;font-size:18px}.inspiration-2{color:#8797af;background:#eaeef3}.pipeline{border-top:1px solid #eef0e8;align-items:center;gap:9px;margin-top:21px;padding-top:16px;display:flex}.pipeline-dot{border:2px solid #8296a8;border-radius:50%;width:17px;height:10px}.pipeline p{color:#8b9580;font-size:9px;line-height:1.8}.pipeline strong{color:#68785a;font-weight:500}.pipeline p span{color:#a1a792;font-size:8px}.preview-panel{overflow:hidden}.preview-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:52px;padding:15px 18px;font-size:10px;display:flex}.preview-toolbar>div{align-items:center;gap:7px;display:flex}.icon-button{color:#929a88;border-radius:6px;place-items:center;min-width:30px;min-height:30px;padding:5px;display:inline-grid}.icon-button:hover,.icon-button.selected{color:#526a3e;background:#eaf0df}.mockup-stage{background:radial-gradient(at 50% 43%,#f5f3ed 0,#eeeee6 62%,#e9ece1 100%);flex-direction:column;justify-content:center;align-items:center;min-height:385px;padding:13px 0 43px;display:flex;position:relative}.view-label{color:#7f8871;letter-spacing:1.5px;background:#fafbf6a6;border:1px solid #dce1d3;border-radius:4px;padding:3px 8px;font-size:8px;position:absolute;top:19px;left:20px}.mockup-canvas{width:100%;height:auto;display:block}.print-measure{color:#8d957e;align-items:center;gap:9px;margin-top:-12px;font-size:9px;display:flex}.print-measure span{background:#b9c2aa;width:37px;height:1px;display:inline-block}.mockup-label{color:#9da48f;letter-spacing:1.1px;font-size:7px;position:absolute;bottom:12px}.color-section{padding:18px 22px 19px}.section-label{justify-content:space-between;align-items:center;font-size:10px;font-weight:600;display:flex}.section-label strong{color:#8b957d;font-size:10px;font-weight:400}.section-label>span{color:#939b87;font-size:9px;font-weight:400}.swatches{gap:12px;margin-top:12px;display:flex}.swatch{background:var(--swatch);border:2px solid #fff;border-radius:50%;place-items:center;width:26px;height:26px;padding:0;display:grid;position:relative;box-shadow:0 0 0 1px #e2e5dc}.swatch.active{outline-offset:-4px;outline:3px solid #fff;box-shadow:0 0 0 2px #84996b}.size-picker{gap:6px;display:flex}.size-picker button{background:#fdfefa;border:1px solid #e5e9dd;border-radius:6px;flex:1;padding:8px 3px;font-size:10px}.size-picker button.active,.size-picker button:hover{color:#526a3e;background:#f0f4e9;border-color:#83966f}.spaced{margin:24px 0 10px}.dimension-fields{align-items:center;gap:8px;display:flex}.dimension-fields>label{color:#949c89;flex:1;min-width:0;font-size:9px}.dimension-fields>label>span{color:#949c89;border:1px solid #e2e7d9;border-radius:6px;align-items:center;gap:4px;margin-top:5px;padding:8px 9px;display:flex}.dimension-fields input{color:#4c5c42;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:11px}.dimension-fields>svg{color:#a5ad97;margin-top:17px}.pricing-box{background:#f4f6ee;border:1px solid #e6ebdc;border-radius:10px;margin-top:23px;padding:17px}.pricing-box .eyebrow{color:#8c977d;letter-spacing:1px;font-size:8px}.price{letter-spacing:-1px;color:#415b31;font-family:Manrope,sans-serif;font-size:27px;display:block}.price-caption{color:#939d84;font-size:9px}.production-note{color:#8a9878;border-top:1px solid #eaf0e1;align-items:flex-start;gap:9px;margin-top:19px;padding-top:16px;display:flex}.production-note svg{flex-shrink:0}.production-note p{color:#9aa48f;font-size:9px;line-height:1.9}.production-note strong{color:#7c8c6b;font-size:9px;font-weight:500}.gallery-section{margin-top:31px}.gallery-title{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.gallery-title h2{font-size:16px}.gallery-title p{color:#949c88;margin-top:5px;font-size:10px}.gallery-title>span{color:#9aa48b;letter-spacing:1px;align-items:center;gap:12px;font-size:8px;display:flex}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.gallery-card{text-align:left;border:1px solid var(--line);background:#fff;border-radius:12px;padding:0;overflow:hidden}.gallery-art{background:#e9eddf;justify-content:center;align-items:center;height:157px;display:flex;position:relative;overflow:hidden}.gallery-art img{-o-object-fit:contain;object-fit:contain;width:180px;height:129px;transition:transform .3s}.gallery-card:hover .gallery-art img{transform:scale(1.07)rotate(-2deg)}.gallery-action{color:#8b987a;background:#fffa;border:1px solid #fff9;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;bottom:14px;right:15px}.gallery-caption{justify-content:space-between;align-items:center;padding:13px 17px;display:flex}.gallery-caption strong{font-size:11px;font-weight:600}.gallery-caption span{letter-spacing:1px;color:#a0a88f;font-size:7px}footer{border-top:1px solid var(--line);color:#a1a893;justify-content:space-between;margin-top:30px;padding:22px 0;font-size:9px;display:flex}.footer-dot{color:#bcc3b0;padding:0 8px}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;background:#1c2e2366;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{max-width:480px;max-height:90vh;padding:35px;position:relative;overflow:auto}.modal h2{font-size:25px}.modal ol{margin:24px 0;padding-left:20px;font-size:13px;line-height:2.4}.close-modal{position:absolute;top:14px;right:14px}.notice{color:#8e7a51;background:#f6f3e9;border:1px solid #e9e0c8;border-radius:8px;margin-bottom:18px;padding:12px;font-size:11px;line-height:1.7}.fullscreen{z-index:90;flex-direction:column;max-width:850px;margin:auto;display:flex;position:fixed;inset:20px}.fullscreen .mockup-stage{flex:1;min-height:0}.fullscreen .mockup-canvas{-o-object-fit:contain;object-fit:contain;width:auto;max-width:100%;height:100%}.error{color:#9e432b;background:#fff1ed;border:1px solid #f0d2c8;border-radius:8px;margin:10px 0;padding:10px;font-size:11px}.spinner{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:1600px){main{padding-top:45px}.mockup-stage{padding:20px 0 50px}.brief-panel,.settings-panel{padding:26px}.prompt-box textarea{min-height:155px}.gallery-art{height:185px}.gallery-art img{height:155px}}@media (max-width:1180px){main{padding:30px 25px 0}.topbar{padding:0 25px}.studio-grid{grid-template-columns:minmax(245px,1fr) minmax(330px,1.4fr)}.settings-panel{grid-column:1/-1;display:block}.size-picker,.dimension-fields{max-width:360px}.studio-tag{display:none}.gallery-caption{flex-wrap:wrap;gap:8px}.saved-indicator{display:none}.settings-panel .pricing-box{max-width:420px}.mockup-stage{min-height:420px}}@media (max-width:720px){.rail{display:none}.workspace{margin:0}.topbar{height:68px;padding:0 20px}.wordmark{font-size:27px}.breadcrumb,.help-button{display:none}.top-right{gap:8px}main{padding:27px 17px 0}.page-heading{margin-bottom:21px}.eyebrow{font-size:8px}h1{font-size:29px}.page-heading p{max-width:270px;font-size:11px;line-height:1.8}.studio-navigation{margin-bottom:18px}.studio-navigation nav{justify-content:space-between;gap:21px;width:100%}.tab{gap:6px;padding-bottom:13px;font-size:10px}.tab svg{width:15px}.studio-grid{grid-template-columns:1fr;gap:16px}.preview-panel{grid-row:1}.brief-panel,.settings-panel{padding:20px}.mockup-stage{min-height:300px;padding-bottom:43px}.mockup-canvas{-o-object-fit:contain;object-fit:contain;max-height:410px}.color-section{padding:16px 20px}.swatches{gap:15px}.swatch{width:30px;height:30px}.small-note{font-size:10px}.gallery-grid{gap:10px}.gallery-art{height:112px}.gallery-art img{width:90px;height:95px}.gallery-caption{padding:9px 10px;display:block}.gallery-caption strong{font-size:10px}.gallery-caption span{margin-top:2px;font-size:6px;display:block}.gallery-title h2{font-size:14px}.gallery-title>span{display:none}.gallery-title p{font-size:10px}.gallery-section{margin-top:25px}footer{font-size:8px;line-height:2;display:block}footer>span{display:block}.fullscreen{inset:9px}.fullscreen .mockup-stage{min-height:0}.fullscreen .mockup-canvas{width:100%;height:auto;max-height:65vh}.modal{padding:28px 23px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.connection-settings,.trace{color:#839073;margin-top:13px;font-size:10px}.connection-settings summary,.trace summary{cursor:pointer;padding:6px 0}.connection-settings p,.trace p{overflow-wrap:anywhere;margin:8px 0;font-size:10px;line-height:1.8}.connection-settings label{align-items:center;gap:6px;display:flex}.text-button{color:#526a3e;margin-top:8px;padding:0;font-size:10px;text-decoration:underline;display:block}.trace{background:#f4f7ed;border-radius:8px;padding:8px 10px}[hidden]{display:none!important}.design-tools{min-width:0}.editor-panel{padding:22px}.upload-zone{color:#73885a;background:#f6f8f1;border:1px dashed #bdc9ac;border-radius:10px;flex-direction:column;align-items:center;gap:7px;width:100%;padding:18px;display:flex}.upload-zone strong{font-size:11px}.upload-zone span{color:#9aa58d;font-size:9px}.text-add{margin-top:18px}.text-add>div{align-items:center;gap:5px;display:flex}.text-add input[type=text],.text-add input:not([type]),.background-tools>input{color:#526449;background:#fcfdf9;border:1px solid #dce3d2;border-radius:6px;width:100%;min-width:0;padding:8px;font-size:11px}.text-add input[type=color]{background:0 0;border:0;flex-shrink:0;width:28px;height:30px;padding:0}.editor-canvas-shell{background-color:#fff;background-image:linear-gradient(45deg,#ebeee7 25%,#0000 25%),linear-gradient(-45deg,#ebeee7 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ebeee7 75%),linear-gradient(-45deg,#0000 75%,#ebeee7 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border:1px solid #e3e8d9;border-radius:5px;margin-top:15px;overflow:hidden}.editor-canvas-shell .canvas-container{aspect-ratio:5/6;width:100%!important;height:auto!important}.editor-canvas-shell canvas{touch-action:none;width:100%!important;height:100%!important}.editor-tools{border:1px solid #e9edde;border-radius:6px;justify-content:space-around;margin-top:10px;padding:3px;display:flex}.background-tools{border-top:1px solid #e8eddf;margin-top:17px;padding-top:17px}.secondary{color:#637a4c;background:#f9fbf6;border:1px solid #dce4d1;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:10px;font-size:10px;display:flex}.secondary:hover{background:#eaf0df}.background-tools .secondary{width:100%;margin-top:8px}.full-width{width:100%;margin-top:14px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.success-note{color:#627c47;background:#eff5e8;border-radius:6px;margin-top:10px;padding:10px;font-size:10px}.editor-status{color:#75875f;align-items:center;gap:7px;margin-top:10px;font-size:10px;display:flex}.quantity-field{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.quantity-field .field-label{margin:0}.quantity-field>div{color:#939e84;border:1px solid #e4e9da;border-radius:6px;align-items:center;gap:7px;padding:6px 9px;font-size:10px;display:flex}.quantity-field input{color:#566b43;background:0 0;border:0;outline:0;width:45px;min-width:0;font-size:11px}.price-breakdown{color:#8a977a;border-top:1px dashed #d6dec9;margin:15px 0 0;padding-top:12px;font-size:10px}.price-breakdown>div{justify-content:space-between;gap:10px;margin-bottom:6px;display:flex}.price-breakdown dd{color:#6e805c;margin:0}.unit-price{border-top:1px solid #e1e7d7;margin-top:9px;padding-top:8px;font-weight:600}.order-form{margin-top:20px}.order-form>input{color:#526449;background:#fdfefa;border:1px solid #e0e6d7;border-radius:6px;width:100%;padding:10px;font-size:11px}.dashboard-heading{justify-content:space-between;align-items:center;gap:18px;margin:30px 0 22px;display:flex}.dashboard-heading h2{letter-spacing:-.8px;font-size:25px}.dashboard-heading p{color:#929c85;margin-top:7px;font-size:11px}.dashboard-stats{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:20px;display:grid}.dashboard-stats>div{padding:23px}.dashboard-stats span{color:#929d83;font-size:11px;display:block}.dashboard-stats strong{color:#526a3e;margin:10px 0 3px;font-family:Manrope,sans-serif;font-size:28px;font-weight:650;display:block}.dashboard-stats small{color:#a1aa94;font-size:10px}.order-list{overflow:hidden}.dashboard-filters{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;display:flex}.dashboard-filters label{color:#9aa58c;align-items:center;gap:9px;width:100%;max-width:350px;display:flex}.dashboard-filters input{color:#5e7350;border:0;outline:0;width:100%;padding:7px;font-size:11px}.dashboard select{color:#778b60;background:#fbfcf7;border:1px solid #dfe6d5;border-radius:6px;padding:8px;font-size:10px}.order-table-wrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:11px}th{text-transform:uppercase;letter-spacing:.8px;color:#9ca68f;background:#fcfdf9;font-size:9px;font-weight:500}td,th{border-bottom:1px solid #eef1e7;padding:17px 20px}td{color:#7a8a6a}td strong{color:#566c44;font-size:11px;font-weight:600}td small{color:#a0aa93;margin-top:4px;font-size:9px;display:block}.order-person{align-items:center;gap:12px;min-width:205px;display:flex}.order-person>img{-o-object-fit:cover;object-fit:cover;background:#f0f3e8;border-radius:7px;width:52px;height:52px}.empty-orders{text-align:center;flex-direction:column;align-items:center;padding:65px 20px 75px;display:flex}.empty-orders .icon-tile{border-radius:17px;width:60px;height:60px;margin-bottom:20px}.empty-orders h3{font-size:20px;font-weight:600}.empty-orders p{color:#99a28b;margin-top:9px;font-size:12px}.empty-orders .primary{margin-top:23px}.order-detail{width:100%;max-width:520px}.order-detail>img{-o-object-fit:contain;object-fit:contain;background:#f0f2e9;border-radius:10px;width:100%;max-height:310px;margin:18px 0}.order-detail>p{color:#879775;font-size:12px}.order-detail .detail-price{color:#526a3e;margin-top:15px;font-size:24px;font-weight:600}.detail-price small{color:#a0aa91;font-size:10px;font-weight:400;display:block}.detail-actions{gap:10px;margin-top:20px;display:flex}@media (max-width:720px){.dashboard-heading{display:block}.dashboard-heading .secondary{margin-top:17px}.dashboard-heading h2{font-size:22px}.dashboard-stats{gap:8px}.dashboard-stats>div{padding:13px 10px}.dashboard-stats span{font-size:8px}.dashboard-stats strong{letter-spacing:-1px;font-size:20px}.dashboard-stats small{font-size:8px}.dashboard-stats>div:last-child strong{padding:5px 0;font-size:14px}.dashboard-filters{padding:12px}.dashboard-filters input{font-size:10px}.editor-panel{padding:20px}.empty-orders{padding:45px 20px}.empty-orders h3{font-size:18px}.price-breakdown{font-size:11px}.price-caption{font-size:10px}.help-button{gap:0;padding:4px;font-size:0;display:flex}.help-button svg{width:17px}.top-right{gap:10px}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:360px){.studio-navigation nav{gap:6px}.tab{gap:4px;font-size:9px}.tab svg{width:12px}h1{font-size:26px}.demo-badge{padding:5px 8px;font-size:10px}.gallery-art img{width:75px}.gallery-caption strong{font-size:9px}}@media (max-width:720px){.order-table-wrap{overflow:visible}.order-table-wrap table,.order-table-wrap tbody{width:100%;display:block}.order-table-wrap thead{display:none}.order-table-wrap tbody tr{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:14px 12px;display:grid}.order-table-wrap td{border:0;min-width:0;padding:0;font-size:10px;display:block}.order-table-wrap td:first-child{grid-column:1/-1}.order-person{min-width:0}.order-person>img{width:47px;height:47px}.order-table-wrap td:nth-child(2):before,.order-table-wrap td:nth-child(3):before{letter-spacing:.7px;color:#a0aa94;margin-bottom:5px;font-size:8px;display:block}.order-table-wrap td:nth-child(2):before{content:"KAOS & CETAK"}.order-table-wrap td:nth-child(3):before{content:"ESTIMASI CONTOH"}.order-table-wrap select,.order-table-wrap .secondary{width:100%}.order-table-wrap td:nth-child(4),.order-table-wrap td:nth-child(5){align-self:end}}.masking-figure{margin:10px 0 4px}.masking-figure img{border:1px solid #e8ebe3;border-radius:12px;width:100%;max-width:260px;display:block}.masking-figure figcaption{color:#889083;margin-top:6px;font-size:12px;line-height:1.45}.size-chart-toggle{margin:6px 0 2px}.size-chart-table{border-collapse:collapse;width:100%;margin-top:8px;font-size:13px}.size-chart-table th,.size-chart-table td{text-align:left;border:1px solid #e8ebe3;padding:5px 8px}.size-chart-table th{background:#eff3e9}.size-chart-img{border:1px solid #e8ebe3;border-radius:12px;width:100%;margin-top:8px;display:block}.rail-prefs{justify-items:center;gap:10px;margin-top:auto;display:grid}.pref-button{color:#93998d;border:1px solid var(--line);background:var(--paper);border-radius:12px;place-items:center;width:43px;height:43px;display:grid;position:relative}.pref-button:hover{color:var(--olive);border-color:var(--olive)}.pref-button .lang-badge{letter-spacing:.4px;font-size:8px;font-weight:800;position:absolute;bottom:2px;right:3px}:root[data-theme=dark]{--bg:#0a0d1f;--paper:#141834;--ink:#edf1ff;--muted:#9aa5c7;--line:#2a3060;--olive:#6d90f1;--olive-dark:#a9c6f7;--soft:#1c2148;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=dark] .rail{background:var(--paper)}:root[data-theme=dark] .rail-item{color:#8e99c4}:root[data-theme=dark] .rail-item.active{color:#c9d6ff;background:#232a5e}:root[data-theme=dark] .rail-help{color:#8e99c4}:root[data-theme=dark] .avatar{color:#dce4ff;background:#2a3060}:root[data-theme=dark] .breadcrumb{color:#8e99c4}:root[data-theme=dark] .demo-badge{color:#dccf92;background:#2c2a1a}:root[data-theme=dark] .help-button,:root[data-theme=dark] .page-heading p{color:#9aa5c7}:root[data-theme=dark] .tiny-shirt{color:#a9c6f7;background:#1c2148}:root[data-theme=dark] .studio-tag small,:root[data-theme=dark] .tab,:root[data-theme=dark] .saved-indicator{color:#8e99c4}:root[data-theme=dark] .panel-heading p{color:#9aa5c7}:root[data-theme=dark] .icon-tile{background:#232a5e}:root[data-theme=dark] .icon-tile.neutral{color:#d3ba7d;background:#38311e}:root[data-theme=dark] .assistant-note{background:#181d42}:root[data-theme=dark] .assistant-note p{color:#a7b2d8}:root[data-theme=dark] .ai-orb{color:#a9c6f7}:root[data-theme=dark] .prompt-box{background:#0d1029}:root[data-theme=dark] .prompt-box:focus-within{border-color:#3442ca}:root[data-theme=dark] .prompt-box textarea{color:#dbe4ff}:root[data-theme=dark] .prompt-box textarea::placeholder{color:#7c88b3}:root[data-theme=dark] .prompt-box>div{color:#7c88b3}:root[data-theme=dark] .small-note{color:#9aa5c7}:root[data-theme=dark] .divider-label{color:#7c88b3}:root[data-theme=dark] .divider-label span{background:#1c2148}:root[data-theme=dark] .inspiration:hover{background:#181d42;border-color:#34407a}:root[data-theme=dark] .inspiration>svg{color:#8492c0}:root[data-theme=dark] .inspiration small{color:#9aa5c7}:root[data-theme=dark] .inspiration-icon{color:#a9c6f7;background:#232a5e}:root[data-theme=dark] .inspiration-1{color:#dcb26e;background:#382c18}:root[data-theme=dark] .inspiration-2{color:#aec2de;background:#26303f}:root[data-theme=dark] .pipeline p{color:#9aa5c7}:root[data-theme=dark] .pipeline strong{color:#c9d6ff}:root[data-theme=dark] .pipeline p span{color:#7c88b3}:root[data-theme=dark] .icon-button{color:#9aa5c7}:root[data-theme=dark] .icon-button.selected{color:#c9d6ff;background:#232a5e}:root[data-theme=dark] .view-label{color:#aebadd;background:#1d241bd9}:root[data-theme=dark] .print-measure{color:#9aa5c7}:root[data-theme=dark] .print-measure span{background:#4a558c}:root[data-theme=dark] .mockup-label{color:#8492c0}:root[data-theme=dark] .section-label strong{color:#9aa5c7}:root[data-theme=dark] .section-label>span{color:#8e99c4}:root[data-theme=dark] .size-picker button{background:var(--paper)}:root[data-theme=dark] .size-picker button:hover{color:#c9d6ff;background:#1c2148}:root[data-theme=dark] .dimension-fields>label,:root[data-theme=dark] .dimension-fields>label>span{color:#9aa5c7}:root[data-theme=dark] .dimension-fields input{color:#dbe4ff}:root[data-theme=dark] .pricing-box{background:#181d42}:root[data-theme=dark] .pricing-box .eyebrow{color:#9aa5c7}:root[data-theme=dark] .price{color:#dbe4ff}:root[data-theme=dark] .price-caption,:root[data-theme=dark] .production-note{color:#9aa5c7}:root[data-theme=dark] .production-note p{color:#8e99c4}:root[data-theme=dark] .production-note strong{color:#a9c6f7}:root[data-theme=dark] .gallery-title p{color:#9aa5c7}:root[data-theme=dark] .gallery-title>span{color:#8e99c4}:root[data-theme=dark] .gallery-card{background:var(--paper)}:root[data-theme=dark] .gallery-art{background:#1c2148}:root[data-theme=dark] .gallery-1 .gallery-art{background:#382c18}:root[data-theme=dark] .gallery-2 .gallery-art{background:#26303f}:root[data-theme=dark] .gallery-action{color:#a9c6f7;background:#1d241bd9}:root[data-theme=dark] .gallery-caption span{color:#8e99c4}:root[data-theme=dark] footer{color:#7c88b3}:root[data-theme=dark] .modal-backdrop{background:#0000009e}:root[data-theme=dark] .modal{background:var(--paper)}:root[data-theme=dark] .notice{color:#dccf92;background:#2e2a18}:root[data-theme=dark] .error{color:#f2ab90;background:#3d2015}:root[data-theme=dark] .trace{color:#a7b2d8;background:#181d42}:root[data-theme=dark] .text-button{color:#a9c6f7}:root[data-theme=dark] .upload-zone{color:#a9c6f7;background:#181d42}:root[data-theme=dark] .upload-zone span{color:#8e99c4}:root[data-theme=dark] .background-tools>input{color:#dbe4ff;background:#0d1029}:root[data-theme=dark] .secondary{color:#c9d6ff;background:#1c2148}:root[data-theme=dark] .secondary:hover{background:#272d57}:root[data-theme=dark] .success-note{color:#c9d6ff;background:#1e2450}:root[data-theme=dark] .editor-status{color:#a9c6f7}:root[data-theme=dark] .quantity-field>div{color:#9aa5c7}:root[data-theme=dark] .quantity-field input{color:#dbe4ff}:root[data-theme=dark] .price-breakdown{color:#9aa5c7}:root[data-theme=dark] .price-breakdown dd{color:#c9d6ff}:root[data-theme=dark] .order-form>input{color:#dbe4ff;background:#0d1029}:root[data-theme=dark] .dashboard-heading p,:root[data-theme=dark] .dashboard-stats span{color:#9aa5c7}:root[data-theme=dark] .dashboard-stats small{color:#7c88b3}:root[data-theme=dark] .dashboard-filters label{color:#8e99c4}:root[data-theme=dark] .dashboard-filters input{color:#dbe4ff}:root[data-theme=dark] .dashboard select{color:#c9d6ff;background:#0d1029}:root[data-theme=dark] th{color:#9aa5c7;background:#181d42}:root[data-theme=dark] td{color:#b9c6ee}:root[data-theme=dark] td strong{color:#eef2ff}:root[data-theme=dark] td small{color:#8e99c4}:root[data-theme=dark] .order-person>img{background:#1c2148}:root[data-theme=dark] .empty-orders p{color:#8e99c4}:root[data-theme=dark] .order-detail>img{background:#1c2148}:root[data-theme=dark] .order-detail>p{color:#a7b2d8}:root[data-theme=dark] .order-detail .detail-price{color:#c9d6ff}:root[data-theme=dark] .detail-price small{color:#8e99c4}:root[data-theme=dark] .masking-figure img{border-color:var(--line)}:root[data-theme=dark] .masking-figure figcaption{color:#9aa5c7}:root[data-theme=dark] .size-chart-table th,:root[data-theme=dark] .size-chart-table td{border-color:var(--line)}:root[data-theme=dark] .size-chart-table th{background:#1c2148}:root[data-theme=dark] .size-chart-img{border-color:var(--line)}:root[data-theme=dark] .pref-button{color:#aebadd}:root[data-theme=dark]{--bg:#0a0d1f;--paper:#141834;--ink:#edf0ff;--muted:#9aa3c7;--line:#272d57;--olive:#6d90f1;--olive-dark:#a9c6f7;--soft:#1e2450;--navy:#070833;--violet:#b18cff}::selection{background:var(--accent-pale)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:var(--olive)}.eyebrow{letter-spacing:2.2px;font-size:11px;font-weight:800}.page-heading h1{letter-spacing:-1.2px;color:var(--navy);font-size:clamp(32px,4.2vw,44px);font-weight:800;line-height:1.05}.page-heading p{font-size:15.5px}.hero-accent{color:var(--olive);font-style:italic}h2{letter-spacing:-.5px}.card{border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 32px #10146012}.rail{background:#0b0d24;border-right:0}.rail-item{color:#8e97c4;border-radius:14px}.rail-item:hover{color:#fff;background:#1b2050}.rail-item.active{background:var(--olive);color:#fff}.rail-help{color:#8e97c4}.rail-help:hover{color:#fff;background:#1b2050}.avatar{color:#c6cdf2;background:#232858}.logo-mark{background:linear-gradient(135deg,#3442ca,#975ff2);border-radius:14px}.pref-button{color:#c6cdf2;background:0 0;border-color:#2a3060}.pref-button:hover{border-color:var(--accent-mid);color:#fff}.topbar{background:#f8fafdd1}.tab{border-radius:999px;padding:9px 16px}.tab:hover{color:var(--ink);background:var(--soft)}.tab.active{background:var(--navy);color:#fff}.tab.active:after{display:none}.primary{border-radius:10px;font-weight:700;box-shadow:0 8px 20px #3442ca40}.secondary{background:var(--soft);color:var(--olive);border-radius:10px;font-weight:650}.secondary:hover{background:var(--accent-pale);color:var(--navy)}.text-button{color:var(--olive)}.field-label{color:var(--ink);font-family:Manrope,sans-serif;font-size:13px;font-weight:800}.prompt-box{background:#fbfcff;border-radius:12px}.order-form>input,.dashboard select{border-radius:12px}.upload-zone{background:#fbfcff;border-radius:16px}.editor-canvas-shell{border-radius:16px}.live-dot{background:var(--olive)}.demo-badge{background:var(--soft);color:var(--olive-dark);border-radius:999px}.ai-orb{background:var(--soft);color:var(--olive)}.assistant-note{background:var(--soft)}.inspiration-icon{background:var(--soft);color:var(--olive)}.inspiration-1 .inspiration-icon{color:var(--violet);background:#f0eafb}.inspiration-2 .inspiration-icon{color:var(--accent-mid);background:#e3ebfe}.icon-tile{background:var(--soft);color:var(--olive);border-radius:12px}.icon-tile.neutral{color:var(--violet);background:#f3efff}.swatch.active{box-shadow:0 0 0 2px var(--paper), 0 0 0 4px var(--olive)}.print-measure span{background:var(--accent-pale)}.mockup-stage{background:linear-gradient(165deg,#e3ebfe 0%,#efe9fd 100%);border-radius:18px}.view-label{color:var(--navy);letter-spacing:1.6px;background:#fff;border-radius:999px;font-weight:800;box-shadow:0 4px 14px #1014601f}.gallery-card{border-radius:18px}.gallery-art{background:#e7edfd}.gallery-1 .gallery-art{background:#f0eafb}.gallery-2 .gallery-art{background:#e3ebfe}.pricing-box{background:var(--navy);color:#edf0ff;border-radius:16px}.pricing-box .eyebrow{color:var(--accent-pale)}.price{color:#fff}.price-caption{color:var(--accent-pale)}.price-breakdown{color:#b9c4f2}.price-breakdown dd{color:#fff}.notice,.success-note{background:var(--soft);color:var(--olive-dark)}.modal{border-radius:20px}.breadcrumb strong,.dashboard-stats strong{color:var(--navy)}th{background:#f2f5fd}:root[data-theme=dark] .topbar{background:#0a0d1fd1}:root[data-theme=dark] .page-heading h1{color:var(--ink)}:root[data-theme=dark] .tab.active{background:var(--olive);color:#fff}:root[data-theme=dark] .prompt-box,:root[data-theme=dark] .upload-zone{background:#10142e}:root[data-theme=dark] .mockup-stage{background:linear-gradient(165deg,#1b2150,#2a1b4d)}:root[data-theme=dark] .view-label{background:var(--paper);color:var(--ink)}:root[data-theme=dark] .pricing-box{border:1px solid var(--line);background:#0a0c2e}:root[data-theme=dark] .breadcrumb strong{color:var(--ink)}:root[data-theme=dark] .dashboard-stats strong{color:var(--accent-pale)}:root[data-theme=dark] th{background:#1e2450}.catalog-section{margin-top:26px}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin-top:16px;display:grid}.product-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;gap:8px;padding:14px;display:grid;box-shadow:0 12px 32px #1014600d}.product-card.selected{border-color:var(--olive);box-shadow:0 12px 32px #3442ca29}.product-card strong{font-family:Manrope,sans-serif;font-size:15.5px}.product-art{height:96px;color:var(--olive);background:linear-gradient(135deg,#e3ebfe,#edf1fe);border-radius:12px;place-items:center;display:grid}.product-art.art-1{color:var(--violet);background:linear-gradient(135deg,#f0eafb,#efe9fd)}.product-art.art-2{color:var(--accent-mid);background:linear-gradient(135deg,#e7edfd,#e3ebfe)}.product-meta{color:var(--muted);font-size:12.5px}.catalog-form{gap:14px;margin-top:16px;padding:20px;display:grid}.catalog-form h3{font-family:Manrope,sans-serif;font-size:17px}.catalog-total{border-top:1px dashed var(--line);justify-content:space-between;align-items:baseline;padding-top:12px;font-family:Manrope,sans-serif;display:flex}.catalog-total strong{color:var(--olive);font-size:20px}:root[data-theme=dark] .product-art{background:linear-gradient(135deg,#1b2150,#232a5e)}:root[data-theme=dark] .product-art.art-1{background:linear-gradient(135deg,#2a1b4d,#33205e)}:root[data-theme=dark] .product-art.art-2{background:linear-gradient(135deg,#1e2450,#1b2150)}.tracking-section{margin-top:26px}.tracking-form{gap:14px;max-width:560px;margin-top:16px;padding:20px;display:grid}.tracking-result{gap:14px;max-width:760px;margin-top:16px;padding:20px;display:grid}.tracking-head{flex-wrap:wrap;justify-content:space-between;gap:14px;display:flex}.tracking-head strong{font-family:Manrope,sans-serif;font-size:16px;display:block}.tracking-head span{color:var(--muted);font-size:13px}.tracking-total{text-align:right}.tracking-total span{display:block}.tracking-total strong{color:var(--olive);font-size:18px}.track-steps{gap:0;margin:4px 0 0;padding:0;list-style:none;display:flex}.track-step{text-align:center;color:var(--muted);flex:1;justify-items:center;gap:7px;display:grid;position:relative}.track-step:before{content:"";background:var(--line);border-radius:99px;width:100%;height:3px;position:absolute;top:15px;left:-50%}.track-step:first-child:before{display:none}.track-step.done:before,.track-step.current:before{background:var(--olive)}.track-dot{background:var(--paper);border:2px solid var(--line);width:30px;height:30px;color:var(--muted);z-index:1;border-radius:999px;place-items:center;font:800 12.5px Manrope,sans-serif;display:grid;position:relative}.track-step.done .track-dot{background:var(--olive);border-color:var(--olive);color:#fff}.track-step.current .track-dot{border-color:var(--olive);color:var(--olive);box-shadow:0 0 0 5px var(--soft)}.track-label{font-size:12px;font-weight:650}.track-step.current .track-label{color:var(--ink);font-weight:800}.track-step.done .track-label{color:var(--ink)}@media (max-width:560px){.track-label{font-size:10.5px}}.settings-panel>div>.field-label{background:var(--soft);color:var(--olive-dark);border-radius:999px;align-items:center;gap:8px;padding:5px 11px;font-size:12px;display:inline-flex}.settings-panel .order-form{border-top:1px solid var(--line);padding-top:18px}.panel-heading h2{font-size:16px}.rail-item{position:relative}.rail-item.active:before{content:"";background:var(--accent-pale);border-radius:99px;width:4px;height:22px;position:absolute;top:50%;left:-17px;transform:translateY(-50%)}@media (max-width:720px){.rail{border-top:1px solid #232858;border-right:0;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:62px;padding:6px 10px;display:flex;inset:auto 0 0}.rail .logo-mark,.rail .avatar,.rail-help{display:none}.rail-links,.rail-prefs{gap:4px;margin-top:0;display:flex}.rail-item,.pref-button{width:40px;height:40px}.rail-item.active:before{display:none}.workspace{padding-bottom:80px}}.zoom-bar{background:var(--soft);border-radius:12px;align-items:center;gap:8px;margin-top:10px;padding:6px 10px;display:flex}.zoom-bar input[type=range]{accent-color:var(--olive);flex:1}.zoom-pct{text-align:right;min-width:44px;font:800 12.5px Manrope,sans-serif}.layers-panel{margin-top:16px}.layers-list{gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.layer-row{border:1px solid var(--line);background:var(--paper);border-radius:10px;align-items:center;gap:3px;padding:5px 6px 5px 10px;display:flex}.layer-row.active{border-color:var(--olive);background:var(--soft)}.layer-name{text-align:left;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:1;padding:4px 2px;font-size:13px;font-weight:600;overflow:hidden}.icon-button.mini{border-radius:8px;width:29px;height:29px}.font-select{border:1px solid var(--line);background:var(--paper);max-width:128px;color:var(--ink);border-radius:9px;padding:7px 6px;font-size:13px}.text-props{background:var(--soft);border-radius:12px;gap:8px;margin-top:12px;padding:10px 12px;display:grid}.prop-row{align-items:center;gap:10px;display:flex}.prop-row span{flex-shrink:0;width:118px;font-size:12.5px;font-weight:650}.prop-row input{accent-color:var(--olive);flex:1}.element-tools{gap:8px;margin-top:16px;display:grid}.template-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.template-card{border:1px solid var(--line);background:var(--paper);text-align:left;cursor:pointer;border-radius:12px;gap:2px;padding:10px;display:grid}.template-card:hover{border-color:var(--accent-mid)}.template-card span{color:var(--ink);font-size:19px;line-height:1.15}.template-card small{color:var(--muted);letter-spacing:.6px;font-size:11px;font-weight:700}.shape-row{flex-wrap:wrap;gap:6px;display:flex}.mini-btn{padding:6px 11px;font-size:12.5px}.clipart-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.clipart-btn{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:12px;place-items:center;padding:8px;display:grid}.clipart-btn:hover{border-color:var(--accent-mid)}.clipart-btn svg{width:100%;height:42px}.spec-summary{gap:7px;margin:0 0 12px;display:grid}.spec-summary>div{justify-content:space-between;gap:12px;display:flex}.spec-summary dt{color:var(--muted);font-size:12.5px;font-weight:600}.spec-summary dd{text-align:right;margin:0;font-size:13px;font-weight:750}.detail-button{margin-bottom:16px}.detail-dialog-root{z-index:80;position:relative}.detail-backdrop{background:#0a0d248c;position:fixed;inset:0}.detail-wrap{place-items:center;padding:18px;display:grid;position:fixed;inset:0;overflow-y:auto}.detail-card{background:var(--paper);color:var(--ink);border-radius:18px;gap:14px;width:min(560px,100%);max-height:calc(100vh - 40px);padding:22px;display:grid;overflow-y:auto;box-shadow:0 30px 80px #02031359}.detail-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.detail-head h2{margin:0;font-size:17px}.detail-group{border:1px solid var(--line);border-radius:14px;gap:12px;padding:14px;display:grid}.view-toggle{background:var(--soft);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.view-toggle .seg{color:var(--muted);border-radius:999px;padding:5px 13px;font:800 12.5px Manrope,sans-serif}.view-toggle .seg.active{background:var(--navy);color:#fff}:root[data-theme=dark] .view-toggle .seg.active{background:var(--olive)}.viewer3d{width:100%;position:relative}.viewer3d-mount{width:100%;height:520px}.viewer3d-mount canvas{border-radius:14px;display:block}.viewer3d-overlay{color:var(--muted);align-content:center;place-items:center;gap:10px;font-size:13px;display:grid;position:absolute;inset:0}.viewer3d-bar{pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:26px;left:10px;right:10px}.viewer3d-hint{color:var(--muted);background:var(--paper);border:1px solid var(--line);opacity:.92;border-radius:8px;padding:5px 9px;font-size:11px;font-weight:650}.viewer3d-actions{pointer-events:auto;gap:6px;display:flex}.viewer3d-credit{color:var(--muted);text-align:center;margin-top:8px;font-size:10.5px;display:block}@media (max-width:720px){.viewer3d-mount{height:400px}}.side-toggle{left:12px;right:auto}.side-note{color:var(--muted);margin:0 0 10px;font-size:12.5px}.side-note strong{color:var(--olive);letter-spacing:.06em}.studio-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:4px 0 16px;display:flex}.studio-heading h2{letter-spacing:-1px;margin:6px 0 0;font:700 27px Manrope,sans-serif}.studio-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.studio-actions button{border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:9px 13px;font-size:12.5px;font-weight:650;display:inline-flex}.studio-actions button:hover{border-color:var(--olive);color:var(--olive)}.studio-msg{color:var(--olive);font-size:12.5px;font-weight:700}.studio-shell{grid-template:"rail tools stage settings"minmax(0,1fr)"rail tools stagebottom settings"/60px 268px minmax(0,1fr) 302px;gap:14px;height:calc(100vh - 232px);min-height:640px;display:grid;position:relative}.tool-rail{background:var(--soft);border:1px solid var(--line);border-radius:16px;flex-direction:column;grid-area:rail;gap:4px;padding:10px 6px;display:flex;overflow-y:auto}.tool-rail-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:5px;padding:11px 2px;font-size:9.5px;font-weight:700;display:flex}.tool-rail-btn:hover{color:var(--ink)}.tool-rail-btn.active{background:var(--paper);color:var(--olive);box-shadow:inset 3px 0 var(--olive)}.ec-root{display:contents}.ec-tools{flex-direction:column;grid-area:tools;gap:14px;padding:16px 14px;display:flex;overflow-y:auto}.ec-tools .brief-panel{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.ec-tools .layers-panel{border-top:1px solid var(--line);margin-top:2px;padding-top:12px}.tool-title{letter-spacing:-.4px;margin:2px 0 6px;font:700 17px Manrope,sans-serif}.ref-block{border-top:1px solid var(--line);gap:8px;padding-top:12px;display:grid}.upload-zone.compact{padding:12px}.ref-preview img{-o-object-fit:contain;object-fit:contain;background:var(--soft);border-radius:10px;width:100%;max-height:140px}.ref-actions{flex-wrap:wrap;gap:6px;display:flex}.seg-row{background:var(--soft);border-radius:999px;flex-wrap:wrap;gap:4px;margin:6px 0;padding:3px;display:flex}.seg-btn{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;flex:1;padding:6px 8px;font:700 11.5px Manrope,sans-serif}.seg-btn.on{background:var(--navy);color:#fff}:root[data-theme=dark] .seg-btn.on{background:var(--olive)}.ec-stage{background-color:var(--soft);background-image:radial-gradient(var(--line) 1.1px, transparent 1.1px);border:1px solid var(--line);background-size:18px 18px;border-radius:16px;flex-direction:column;grid-area:stage;gap:10px;padding:16px;display:flex;overflow:hidden}.ec-stage .editor-canvas-shell{min-height:0;box-shadow:none;background:0 0;border:0;flex:1;justify-content:center;align-items:center;display:flex}.ec-stage .canvas-container{margin:0 auto}.ec-stage.stage-hidden{visibility:hidden;pointer-events:none;width:min(620px,92vw);position:absolute;top:0;left:200px}.stage-panel{flex-direction:column;grid-area:stage;display:flex;overflow:hidden}.stage-panel.stage-off{display:none}.stage-top{letter-spacing:.08em;justify-content:space-between;align-items:center;padding:12px 16px;font:700 12px Manrope,sans-serif;display:flex}.stage-top>div{align-items:center;gap:6px;display:flex}.stage-panel .mockup-stage{flex:1}.mockup-keeper{visibility:hidden;pointer-events:none;position:absolute;top:0;left:-9999px}.stage-bottom{flex-wrap:wrap;grid-area:stagebottom;justify-content:center;align-items:center;gap:12px;padding:2px 4px;display:flex}.stage-hint{color:var(--muted);text-align:center;flex:1;font-size:11.5px}.view-toggle .seg.on{background:var(--navy);color:#fff}:root[data-theme=dark] .view-toggle .seg.on{background:var(--olive)}.studio-side-note{margin-top:10px}.studio-settings{grid-area:settings;padding:18px;overflow-y:auto}.settings-product{letter-spacing:-.5px;margin:8px 0 12px;font:800 20px Manrope,sans-serif}.settings-select{border:1px solid var(--line);background:var(--paper);width:100%;color:var(--ink);border-radius:10px;margin-bottom:12px;padding:10px;font-size:13px}.studio-settings .label-row{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.link-button{color:var(--olive);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:700;text-decoration:underline}.size-pills{flex-wrap:wrap;gap:6px;margin:8px 0 14px;display:flex}.size-pill{border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:10px;flex:auto;padding:8px 10px;font-size:12px;font-weight:700}.size-pill.on{background:var(--navy);color:#fff;border-color:var(--navy)}:root[data-theme=dark] .size-pill.on{background:var(--olive);border-color:var(--olive)}.check-row{cursor:pointer;align-items:center;gap:8px;margin:10px 0 4px;font-size:13px;font-weight:700;display:flex}.check-row input{width:17px;height:17px;accent-color:var(--olive)}.qty-stepper{border:1px solid var(--line);border-radius:10px;align-items:center;gap:14px;margin-bottom:14px;padding:4px 10px;display:inline-flex}.qty-stepper button{cursor:pointer;color:var(--ink);background:0 0;border:0;padding:2px 6px;font-size:18px}.qty-stepper output{text-align:center;min-width:22px;font-weight:800}.price-box-v2{border-top:1px solid var(--line);margin-top:4px;padding-top:14px}.price-line{justify-content:space-between;gap:10px;margin-bottom:9px;font-size:12.5px;display:flex}.price-line b{white-space:nowrap;font-weight:600}.price-box-v2 hr{border:0;border-top:1px dashed var(--line);margin:12px 0}.price-line.total{align-items:baseline;font-size:13px}.price-line.total small{color:var(--muted);letter-spacing:.06em;margin-top:3px;font-size:10px;display:block}.price-line.total strong{letter-spacing:-.5px;white-space:nowrap;font-size:22px}.price-note{color:var(--muted);text-align:right;font-size:10.5px}.studio-settings .order-form{gap:8px;display:grid}.design-grid{grid-template-columns:1fr 1fr;gap:8px;margin:10px 0;display:grid}.design-card{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:12px;justify-items:center;gap:6px;padding:8px;display:grid}.design-card:hover{border-color:var(--olive)}.design-card img{-o-object-fit:contain;object-fit:contain;width:100%;height:84px}.design-card span{color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10.5px;font-weight:600;overflow:hidden}.stock-search{gap:6px;margin-top:8px;display:flex}.stock-search input{flex:1;min-width:0}.home-hero{grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding:22px 4px 32px;display:grid}.home-hero h1{letter-spacing:-2px;margin:18px 0 16px;font:600 clamp(38px,4.6vw,62px)/1.12 Manrope,sans-serif}.home-hero h1 em{color:var(--olive);font-family:Georgia,serif;font-weight:400}.hero-copy>p{color:var(--muted);max-width:52ch;font-size:15px;line-height:1.8}.hero-dot{background:var(--olive);border-radius:50%;width:6px;height:6px;display:inline-block}.hero-actions{flex-wrap:wrap;align-items:center;gap:22px;margin:24px 0 4px;display:flex}.hero-note{color:var(--muted);align-items:center;gap:9px;margin-top:20px;font-size:11.5px;display:flex}.hero-note span{color:var(--olive);font-size:20px}.hero-art{background:var(--soft);border:1px solid var(--line);border-radius:18px;min-height:380px;position:relative;overflow:hidden}.hero-photo{-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;width:100%;height:100%;max-height:470px;display:block}.float-tag{background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:10px 12px;font-size:11px;position:absolute;box-shadow:0 8px 22px #0a0d281a}.float-tag.tag-ai{color:var(--olive);align-items:center;gap:9px;display:flex;top:108px;left:16px;transform:rotate(-6deg)}.float-tag.tag-ai span{color:var(--ink);line-height:1.45}.float-tag.tag-colors{bottom:66px;right:16px;transform:rotate(4deg)}.float-tag.tag-colors>div{gap:5px;margin-top:7px;display:flex}.float-tag.tag-colors i{border:1px solid var(--line);border-radius:50%;width:19px;height:19px}.round-stamp{background:var(--navy);color:#e8edff;text-align:center;letter-spacing:1px;border-radius:50%;flex-direction:column;justify-content:center;width:86px;height:86px;font-size:8.5px;line-height:1.6;display:flex;position:absolute;top:24px;right:18px;transform:rotate(12deg)}:root[data-theme=dark] .round-stamp{background:var(--olive)}.ticker{background:var(--navy);color:#dfe6ff;border-radius:12px;align-items:center;height:46px;display:flex;overflow:hidden}:root[data-theme=dark] .ticker{background:#1c2148}.ticker-track{white-space:nowrap;animation:32s linear infinite ticker-move;display:flex}.ticker-track span{letter-spacing:2px;padding-right:16px;font-size:10.5px}@keyframes ticker-move{0%{transform:translate(0)}to{transform:translate(-50%)}}.home-collection{padding:36px 4px 6px}.section-top{justify-content:space-between;align-items:end;gap:14px;margin-bottom:20px;display:flex}.section-top>span{color:var(--muted);font-size:11.5px}.section-top h2,.home-how h2{letter-spacing:-1px;margin:10px 0 0;font:600 28px Manrope,sans-serif}.products-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.product-card .product-image{background:var(--soft);border:1px solid var(--line);border-radius:14px;place-items:center;height:225px;display:grid;position:relative;overflow:hidden}.product-card .product-image img{-o-object-fit:contain;object-fit:contain;max-width:82%;max-height:82%;transition:transform .3s}.product-card .product-image img[src*=mockup-kaos]{-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;width:100%;max-width:none;height:100%;max-height:none}.product-card:hover .product-image img{transform:scale(1.05)}.product-card .product-image .badge{background:var(--paper);letter-spacing:.8px;z-index:2;color:var(--ink);border-radius:6px;padding:4px 8px;font-size:8.5px;font-weight:700;position:absolute;top:12px;left:12px}.product-card h3{margin:14px 0 5px;font-size:14.5px}.product-card .desc{color:var(--muted);min-height:30px;font-size:11.5px}.product-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}.product-bottom b{font-size:14px}.product-actions{flex-wrap:wrap;gap:6px;display:flex}.mini-btn{border-radius:9px;padding:7px 10px;font-size:11.5px}.home-how{border-top:1px solid var(--line);grid-template-columns:1.3fr 1fr 1fr 1fr;gap:34px;margin-top:34px;padding:28px 4px 8px;display:grid}.home-how article b{color:var(--olive);font-size:12px}.home-how h3{margin:14px 0 8px;font-size:15px}.home-how p{color:var(--muted);font-size:12.5px;line-height:1.75}.wa-cta{align-items:center;gap:8px;margin-top:18px;text-decoration:none;display:inline-flex}@media (max-width:1280px){.studio-shell{grid-template-columns:54px 234px minmax(0,1fr) 266px}}@media (max-width:1080px){.studio-shell{grid-template-columns:54px 234px minmax(0,1fr);grid-template-areas:"rail tools stage""rail tools stagebottom""settings settings settings";height:auto}.ec-stage{min-height:560px}.studio-settings{overflow:visible}.products-grid,.home-how{grid-template-columns:1fr 1fr}.home-hero{grid-template-columns:1fr}}@media (max-width:720px){.studio-shell{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage""stagebottom""rail""tools""settings";height:auto}.tool-rail{flex-direction:row;overflow:auto hidden}.tool-rail-btn{box-shadow:none;flex:1}.tool-rail-btn.active{box-shadow:inset 0 -3px var(--olive)}.ec-tools{overflow:visible}.ec-stage{min-height:480px}.stage-hint{display:none}.home-how{grid-template-columns:1fr}.section-top>span{display:none}}:root{--bg:#f7f6f0;--paper:#fffdf8;--ink:#202b26;--muted:#7a8078;--line:#dedfd6;--olive:#21493c;--olive-dark:#173528;--soft:#f0f0e9;--navy:#21493c;--accent-mid:#8ba888;--accent-pale:#d9e8a0;--violet:#c2703e}body{background:var(--bg)}.workspace{margin-left:0}.topbar{background:var(--paper);z-index:40;gap:22px;height:72px;padding:0 26px;position:sticky;top:0}.brand-lockup{align-items:center;gap:12px;display:flex}.wordmark{font-size:25px}.wordmark i{background:var(--violet)}.main-nav{align-items:center;gap:4px;margin:0 auto;display:flex}.nav-link{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:7px;padding:9px 15px;font-size:13px;font-weight:600;display:inline-flex}.nav-link:hover{background:var(--soft);color:var(--ink)}.nav-link.active{color:var(--olive);background:#e3e9d6}.top-right{gap:10px}.nav-icon-btn{width:40px;height:40px;color:var(--ink);border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:12px;place-items:center;display:grid;position:relative}.nav-icon-btn:hover{color:var(--olive);border-color:var(--olive)}.cart-badge{background:var(--violet);color:#fff;border-radius:999px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:10px;font-weight:700;display:grid;position:absolute;top:-5px;right:-5px}.pref-button{width:40px;height:40px}.main-studio{max-width:none;padding:16px 20px 0}.studio-shell{grid-template-columns:64px 262px minmax(0,1fr) 300px;height:calc(100vh - 172px);min-height:700px}.stage-panel .mockup-stage{flex:1;min-height:0}.mockup-live{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative}.mockup-canvas{width:auto;max-width:100%;height:auto;max-height:100%}.viewer3d{flex-direction:column;flex:1;display:flex}.viewer3d-mount{flex:1;height:auto;min-height:430px}.ticker{color:#d8e4b7}.round-stamp{color:#e4edc2}.hero-art{background:#e9ecde}.orders-page{gap:28px;display:grid}.round-btn{border:1px solid var(--line);background:var(--paper);width:34px;height:34px;color:var(--olive);cursor:pointer;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.round-btn:hover{background:#e3e9d6}.cart-add-btn{justify-content:center;align-items:center;gap:7px;margin-top:10px;display:inline-flex}.cart-count{color:var(--muted);font-size:12px}.cart-empty{text-align:center;color:var(--muted);justify-items:center;gap:8px;padding:44px 20px;display:grid}.cart-empty h3{color:var(--ink);margin:4px 0 0}.cart-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:20px;display:grid}.cart-list{padding:6px 18px}.cart-item{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:14px 0;display:flex}.cart-item:last-child{border-bottom:0}.cart-thumb{background:var(--soft);width:58px;height:58px;color:var(--olive);border-radius:10px;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.cart-thumb img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.cart-info{flex:1;min-width:0}.cart-info h3{margin:0 0 3px;font-size:14px}.cart-info p{color:var(--muted);margin:0;font-size:11px}.cart-line-total{white-space:nowrap;font-size:13px}.cart-summary{align-content:start;gap:9px;padding:20px;display:grid}.cart-summary input{border:1px solid var(--line);font:inherit;background:#fffefa;border-radius:8px;width:100%;padding:10px 12px}.total-line strong{font-size:20px}.cart-done{text-align:center;color:var(--muted);justify-items:center;gap:8px;padding:40px 20px;display:grid}.cart-done h2{color:var(--ink);margin:0}.cart-done-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.app-toast{background:var(--olive);color:#fff;z-index:80;border-radius:8px;padding:12px 22px;font-size:13px;font-weight:600;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #17352840}@media (max-width:1080px){.cart-grid{grid-template-columns:1fr}.studio-shell{height:auto}.demo-badge{display:none}}@media (max-width:720px){.topbar{gap:10px;padding:0 14px}.main-nav{gap:2px}.nav-link{padding:8px 10px;font-size:12px}.help-button{display:none}.wordmark{font-size:21px}.cart-item{flex-wrap:wrap}}.stage-panel{flex-direction:column;display:flex}.stage-body{flex:1;min-height:0;display:flex}.stage-body .mockup-stage{flex:1;min-width:0}.design-box{border-right:1px solid var(--line);background:var(--paper);border-radius:16px 0 0 16px;flex-direction:column;flex-shrink:0;gap:10px;width:228px;padding:14px 12px;display:flex;overflow-y:auto}.design-box-preview{aspect-ratio:1;border:1px dashed var(--line);background:var(--soft);text-align:center;border-radius:10px;place-items:center;padding:8px;display:grid;overflow:hidden}.design-box-preview img{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:100%}.db-row{gap:6px;display:flex}.db-btn{border:1px solid var(--line);background:var(--paper);height:34px;color:var(--ink);cursor:pointer;border-radius:8px;flex:1;place-items:center;display:grid}.db-btn:hover{border-color:var(--olive);color:var(--olive)}.db-move{grid-template-columns:repeat(3,40px);justify-content:center;gap:5px;display:grid}.db-move .db-btn{flex:none;width:40px}.mockup-frame-root{pointer-events:none;z-index:6;position:absolute;inset:0}.design-frame{border:1.5px solid var(--violet);cursor:move;touch-action:none;pointer-events:auto;border-radius:2px;position:absolute}.design-frame .frame-handle{background:var(--violet);cursor:nwse-resize;border:2px solid #fff;border-radius:3px;width:15px;height:15px;position:absolute;bottom:-8px;right:-8px}.design-frame .frame-rotate{background:var(--paper);border:1.5px solid var(--violet);cursor:grab;border-radius:50%;width:16px;height:16px;margin-left:-8px;position:absolute;top:-27px;left:50%}.design-frame .frame-rotate:after{content:"";background:var(--violet);width:1.5px;height:11px;position:absolute;top:15px;left:50%;transform:translate(-50%)}.pos-link{margin:2px 0 4px}.tool-status{border-top:1px solid var(--line);margin-top:2px;padding-top:10px}@media (max-width:1080px){.stage-body{flex-direction:column}.design-box{border-right:0;border-bottom:1px solid var(--line);border-radius:16px 16px 0 0;flex-flow:wrap;align-items:center;width:auto;overflow-y:visible}.design-box-preview{flex-shrink:0;width:96px}.design-box .small-note{flex-basis:100%}}:root{--radius-lg:18px}.studio-shell .card,.tool-rail{border-radius:var(--radius-lg)}.stage-panel{overflow:hidden}.mockup-stage{background-color:#f4f1e9;background-image:radial-gradient(#d8d3bf 1.1px,#0000 1.15px);background-size:22px 22px}.mockup-canvas{background:#fff;border-radius:14px;box-shadow:0 12px 32px #202b2621}.stage-left-col{z-index:7;flex-direction:column;align-items:flex-start;gap:10px;display:flex;position:absolute;top:14px;left:14px}.stage-left-col .design-overlay{position:static}.stage-left-col .stage-tools-float{position:static;transform:none}.stage-top-center{z-index:8;align-items:center;gap:8px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.stage-top-right{z-index:8;position:absolute;top:14px;right:14px}.stage-top-center .view-toggle,.stage-top-right .view-toggle{border:1px solid var(--line);background:#fffdf8f0;box-shadow:0 8px 20px #202b261f}.design-overlay{z-index:7;border:1px solid var(--line);background:#fffdf8f0;border-radius:14px;width:250px;padding:8px;position:absolute;top:14px;left:14px;box-shadow:0 12px 26px #202b2624}.design-overlay-label{letter-spacing:1.1px;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:9.5px;font-weight:800}.design-overlay-preview{background:#eceade;border-radius:9px;place-items:center;height:250px;display:grid;overflow:hidden}.design-overlay-preview img{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:100%}.stage-tools-float{z-index:7;border:1px solid var(--line);background:#fffdf8f5;border-radius:999px;gap:4px;padding:4px;display:flex;position:absolute;bottom:46px;left:50%;transform:translate(-50%);box-shadow:0 12px 26px #202b2629}.stage-tools-float .db-btn{border:0;border-radius:999px;flex:none;width:36px;height:32px}.detail-card.pos-card{max-width:620px}.pos-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pos-grid .masking-figure{margin:0}.pos-grid .masking-figure img{-o-object-fit:contain;object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;height:190px}.pos-grid .masking-figure figcaption{margin-top:5px;font-size:11px}.tag-colors button.hero-dot{width:19px;height:19px;box-shadow:0 0 0 1px var(--line);cursor:pointer;border:2px solid #fff;border-radius:50%;padding:0}.tag-colors button.hero-dot[aria-pressed=true]{box-shadow:0 0 0 2px var(--olive)}.product-card .product-image.photo{background:#efeee6}.product-card .product-image.photo img{-o-object-fit:contain;object-fit:contain;max-width:96%;max-height:96%}.product-card .product-bottom .price{color:var(--violet);font-size:17px}@media (max-width:1080px){.design-overlay{width:180px}.design-overlay-preview{height:170px}.stage-tools-float{bottom:40px}}
.visible{visibility:visible}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-5{height:1.25rem}.w-5{width:1.25rem}.flex-1{flex:1}.shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.gap-2{gap:.5rem}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-line{border-color:var(--line)}.border-olive{border-color:var(--olive)}.bg-olive{background-color:var(--olive)}.bg-paper{background-color:var(--paper)}.bg-soft{background-color:var(--soft)}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-semibold{font-weight:600}.text-ink{color:var(--ink)}.text-olive-dark{color:var(--olive-dark)}.text-transparent{color:#0000}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow{--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:border-accent-mid:hover{border-color:var(--accent-mid)}