@font-face{font-family:Manrope;src:url(/fonts/Manrope.ttf)format("truetype");font-weight:200 800;font-display:swap}:root{--ink:#171b19;--paper:#fffcf2;--canvas:#f7f6f0;--white:#fff;--line:#e3e4dc;--muted:#72796f;--gold:#f6b82f;--orange:#f58a24;--focus:#315c9d;--rail:#252d28}*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:var(--ink);background:var(--canvas);font:13px/1.6 Manrope,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.42}:is(button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible){outline:2px solid var(--focus);outline-offset:3px}a{color:inherit;text-decoration:none}button{color:inherit}button,input,textarea,select{border-radius:7px}button{background:0 0;border:0}input,textarea,select{border:1px solid var(--line);color:var(--ink);background:#fff;min-width:0;padding:10px 12px}textarea{resize:vertical}::selection{background:var(--gold);color:var(--ink)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#cad0c6;border-radius:5px}::-webkit-scrollbar-track{background:0 0}h1,h2,h3,p{margin:0}h1{letter-spacing:-.035em;font-size:29px;font-weight:650;line-height:1.3}h2{font-size:15px;font-weight:650;line-height:1.45}h3{font-size:13px;font-weight:650}p{line-height:1.7}small{font-size:10px}svg{flex-shrink:0}.site-header{border-bottom:1px solid var(--line);z-index:30;background:#fffdf8;justify-content:space-between;align-items:center;gap:24px;height:68px;padding:0 26px;display:flex;position:relative}.brand{flex-shrink:0;align-items:center;width:200px;height:62px;display:flex}.brand img{object-fit:contain;width:200px;height:62px}.site-header nav{align-items:center;gap:26px;height:100%;margin-left:auto;margin-right:auto;display:flex}.site-header nav button{color:#5b635a;white-space:nowrap;border-radius:0;height:100%;padding:0 2px;font-size:12px;position:relative}.site-header nav button.active{color:var(--ink);font-weight:650}.site-header nav button.active:after{content:"";background:var(--ink);height:2px;position:absolute;bottom:9px;left:0;right:0}.header-actions{justify-content:flex-end;align-items:center;gap:16px;min-width:140px;display:flex}.btn{border:1px solid var(--line);white-space:nowrap;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:40px;padding:10px 15px;font-size:12px;font-weight:550;display:inline-flex}.btn:hover{background:#f2f2ec}.btn.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn.primary:hover{background:#354039}.btn.full{width:100%}.save-button{min-height:40px;color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.account-wrap{position:relative}.account-wrap .btn{font-size:11px}.account-avatar{background:var(--gold);width:23px;height:23px;color:var(--ink);border-radius:50%;place-items:center;font-size:10px;display:grid}.account-name{text-overflow:ellipsis;white-space:nowrap;max-width:85px;overflow:hidden}.account-menu{border:1px solid var(--line);z-index:50;background:#fff;border-radius:12px;width:206px;padding:9px;position:absolute;top:48px;right:0;box-shadow:0 10px 30px #171b1910}.account-menu>span{color:var(--muted);padding:8px 10px;font-size:10px;display:block}.account-menu>button,.account-menu>a{text-align:left;border-radius:7px;align-items:center;gap:10px;width:100%;padding:10px;font-size:12px;display:flex}.account-menu>button:hover,.account-menu>a:hover{background:var(--canvas)}.workspace{grid-template-columns:78px minmax(0,1fr) 320px;height:calc(100dvh - 68px);display:grid;position:relative}.occasion-rail{background:var(--rail);z-index:15;flex-direction:column;align-items:center;gap:20px;height:100%;padding:20px 8px 16px;display:flex}.occasion-rail>button{color:#cfd5ca;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;width:60px;height:61px;display:flex;position:relative}.occasion-rail>button:hover{color:#fff;background:#364139}.occasion-rail>button.active{color:var(--paper);background:#404c40;border-color:#65725e}.occasion-rail>button.active:before{content:"";background:var(--gold);border-radius:3px;width:2px;height:24px;position:absolute;top:18px;left:-9px}.occasion-rail>button>span{white-space:nowrap;pointer-events:none;background:var(--ink);color:#fff;opacity:0;z-index:60;border-radius:5px;padding:5px 9px;font-size:11px;transition:opacity .12s;position:absolute;left:68px}:is(.occasion-rail>button:hover>span,.occasion-rail>button:focus-visible>span){opacity:1}.occasion-rail .rail-bottom{margin-top:auto}.stage{background:var(--canvas);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.stage-content{flex:1;min-height:0;position:relative;overflow:auto}.gallery{min-height:100%;padding:35px 34px 26px}.gallery-heading{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:27px;display:flex}.gallery-heading p{color:var(--muted);margin-top:12px;font-size:12px}.create-button{background:var(--paper);white-space:nowrap;border:1px solid #dddcd0;align-items:center;gap:7px;padding:9px 12px;font-size:11px;display:flex}.create-button:hover{background:#f6eac7}.gallery-filters{justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px;display:flex}.filter-buttons{flex-wrap:wrap;gap:4px;display:flex}.filter-buttons button{color:#687064;white-space:nowrap;border:1px solid #0000;padding:6px 10px;font-size:10px}.filter-buttons button.active{border-color:var(--line);color:var(--ink);background:#fff}.search{color:#7d8579;align-items:center;gap:7px;min-width:0;display:flex}.search>input{outline-offset:2px;background:0 0;border:0;border-radius:0;width:130px;padding:7px 2px;font-size:11px}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:27px 24px;display:grid}.template-card{min-width:0}.cover-select{background:#edede5;border:1px solid #e3e1d7;border-radius:3px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.template-image{aspect-ratio:148/210;justify-content:center;align-items:center;width:100%;padding:15px;transition:padding .18s;display:flex}.template-image>svg,.template-image>.template-preview-image{object-fit:contain;filter:drop-shadow(0 3px 5px #171b1915);width:100%;height:100%;display:block}.cover-select:hover .template-image{padding:11px}.cover-open{white-space:nowrap;background:var(--paper);opacity:0;border:1px solid #171b1922;border-radius:6px;align-items:center;gap:9px;padding:8px 12px;font-size:10px;transition:opacity .16s;display:flex;position:absolute;bottom:13px;left:50%;transform:translate(-50%)}:is(.cover-select:hover .cover-open,.cover-select:focus-visible .cover-open){opacity:1}.template-meta{grid-template-columns:1fr 24px;gap:4px 6px;margin-top:13px;display:grid}.template-meta h2{letter-spacing:-.01em;align-self:center;font-size:12px}.template-meta p{color:var(--muted);grid-column:1/-1;font-size:10px}.template-meta p>span:first-child{margin-left:3px}.remix-button{color:#6a7265;justify-content:center;align-items:center;padding:3px;display:flex}.remix-button:hover{color:var(--orange);background:#faeed8}.new-template-tile{text-align:left;align-self:start;padding:0}.new-cover{aspect-ratio:148/210;background:#f1ebd9;border:1px dashed #cec7b5;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:17px;display:flex}.new-cover>span{letter-spacing:-.035em;color:#7b7c6f;font-size:24px;line-height:1.3}.new-template-tile>strong{margin-top:13px;font-size:12px;display:block}.new-template-tile>small{color:var(--muted);font-size:10px}.new-template-tile:hover .new-cover{background:#f6e5b9}.resume-draft{border-bottom:1px solid #adb2a5;align-items:center;gap:14px;margin-top:27px;padding:5px 0;font-size:11px;display:flex}.stage-footer{background:var(--canvas);border-top:1px solid var(--line);z-index:8;flex-shrink:0;justify-content:space-between;align-items:center;gap:15px;min-height:79px;padding:12px 27px;display:flex}.kit-materials>span{color:#626b5d;font-size:10px;display:block}.mini-swatches{align-items:center;gap:5px;margin-top:8px;display:flex}.mini-swatches>button{border:1px solid #171b1920;border-radius:50%;width:14px;height:14px;padding:0}.mini-swatches small{color:var(--muted);margin-left:4px;font-size:9px}.price-buy{align-items:center;gap:16px;display:flex}.price-buy strong{letter-spacing:-.03em;font-size:18px;font-weight:700;line-height:1.3;display:block}.price-buy small{color:var(--muted);margin-top:4px;font-size:8px;display:block}.price-buy .btn{background:var(--gold);color:var(--ink);border-color:var(--gold);font-size:11px}.fresh-link{align-items:center;gap:12px;padding:8px 0;font-size:11px;display:flex}.design-panel{border:1px solid var(--line);background:#fffdf9;border-radius:18px;flex-direction:column;min-width:0;min-height:0;margin:16px 16px 16px 0;display:flex;overflow:hidden;box-shadow:0 5px 25px #171b1904}.panel-tabs{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-around;align-items:center;min-height:47px;margin:17px 17px 0;display:flex}.panel-tabs>button{color:#7b8276;border-radius:0;height:47px;padding:12px 16px;font-size:12px;position:relative}.panel-tabs>button[aria-selected=true]{color:var(--ink);font-weight:600}.panel-tabs>button[aria-selected=true]:after{content:"";background:var(--ink);height:2px;position:absolute;bottom:-1px;left:0;right:0}.panel-toggle{color:#9ca293;z-index:20;place-items:center;width:19px;height:45px;padding:0;display:grid;position:absolute;top:43%;right:320px}.panel-collapsed{grid-template-columns:78px minmax(0,1fr) 0}.panel-collapsed .design-panel{visibility:hidden;margin:0}.panel-collapsed .panel-toggle{border:1px solid var(--line);background:#fff;border-radius:7px 0 0 7px;right:0}.ai-panel{flex-direction:column;flex:1;min-height:0;padding:0 17px;display:flex}.conversation{flex:1;min-height:0;padding:21px 0 13px;overflow:auto}.guide-intro>img{width:47px;height:47px;margin-bottom:12px}.guide-intro h2{letter-spacing:-.025em;font-size:17px}.guide-intro p{color:var(--muted);margin-top:8px;font-size:11px}.guide-choices{grid-template-columns:1fr 1fr;gap:8px;margin-top:21px;display:grid}.guide-choices button{border:1px solid var(--line);text-align:left;background:#fff;padding:11px 8px;font-size:11px}.guide-choices button:hover{background:var(--paper);border-color:#bfc6b6}.chat-message{background:#f0f1e9;border-radius:10px;margin-top:15px;padding:12px;font-size:11px;line-height:1.7}.chat-message.user{background:#f9e9cb;margin-left:24px}.field-label{color:#5e6859;margin-top:20px;font-size:11px;display:block}.field-label input,.field-label select,.field-label textarea{width:100%;margin-top:7px;font-size:11px;display:block}.suggestion-chips{flex-wrap:wrap;gap:6px;margin-top:17px;display:flex}.suggestion-chips>button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:6px 8px;font-size:9px}.suggestion-chips>button:hover{background:var(--paper)}.ai-composer{border:1px solid var(--line);background:#fff;border-radius:12px;flex-shrink:0;margin-top:10px;padding:10px 11px}.ai-composer textarea{resize:none;outline-offset:4px;border:0;width:100%;min-height:58px;padding:0;font-size:11px;line-height:1.7}.ai-composer>div{justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.ai-composer span{color:#8b9185;font-size:9px}.ai-composer button{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;display:grid}.panel-footnote{text-align:center;color:#8b9284;padding:14px 0 17px;font-size:8px}.progress-message{color:#5e6a57;align-items:center;gap:9px;margin:20px 0;font-size:10px;line-height:1.5;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.inline-error{color:#8a3524;background:#fff0e8;border:1px solid #eac6b7;margin:12px;padding:12px;font-size:11px;line-height:1.7}.inline-error button{margin-left:10px;font-size:10px;text-decoration:underline;display:inline-block}.ai-panel .inline-error{margin:15px 0}.recover-link{text-underline-offset:3px;color:#64775b;margin-top:13px;font-size:10px;text-decoration:underline;display:block}.approve-draft{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.approve-draft p{margin-bottom:12px;font-size:11px}.approve-draft small{color:var(--muted);margin-top:8px;display:block}.editor-workspace{flex-direction:column;height:100%;min-height:0;padding:18px 30px 0;display:flex;position:relative}.floating-toolbar{border:1px solid var(--line);z-index:4;background:#fffdf9;border-radius:11px;flex-shrink:0;justify-content:center;align-self:center;align-items:center;gap:3px;padding:5px 9px;display:flex;box-shadow:0 3px 10px #171b1903}.tool{border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:35px;height:34px;padding:0;display:inline-flex}.tool:hover{background:#efefe6}.tool.active{background:#eeefe5}.toolbar-divider{border-left:1px solid var(--line);height:21px;margin:0 4px}.page-switch{align-items:center;display:flex;position:relative}.page-switch select{-webkit-appearance:none;appearance:none;outline-offset:0;background:0 0;border:0;padding:7px 25px 7px 10px;font-size:10px}.page-switch>svg{pointer-events:none;position:absolute;right:7px}.canvas-caption{color:#899080;align-items:center;gap:12px;min-height:37px;padding-top:5px;font-size:10px;display:flex}.canvas-caption>button{color:#65715d;align-items:center;gap:3px;padding:0;font-size:10px;display:flex}.canvas-caption>span:not(.saved-status){white-space:nowrap;text-overflow:ellipsis;max-width:300px;overflow:hidden}.saved-status{white-space:nowrap;margin-left:auto;font-size:9px}.canvas-area{flex:1;justify-content:center;align-items:center;min-height:100px;padding:6px 0 15px;display:flex;position:relative;overflow:hidden}.cover-art,.inside-page,.brand-back{aspect-ratio:148/210;filter:drop-shadow(0 5px 9px #171b1914);background:#fff;width:auto;max-width:100%;height:100%;position:relative}.cover-art>svg path[data-region-id]{cursor:pointer}.cover-art>svg path.selected{stroke:var(--focus);stroke-width:2.5px;vector-effect:non-scaling-stroke}.cover-art>svg path[data-region-id]:hover{filter:brightness(1.05)}.canvas-hint{text-align:center;color:#929787;flex-shrink:0;min-height:25px;font-size:9px}.inside-svg{touch-action:none;width:100%;height:100%;display:block}.inside-svg.interactive g{cursor:grab}.inside-svg.interactive g:active{cursor:grabbing}.inside-selected{filter:drop-shadow(0 0 1px #315c9d)}.inside-selected text{stroke:#315c9d;stroke-width:1px}.inside-selected path{stroke:#315c9d;stroke-width:2px}.brand-back{background:var(--paper);flex-direction:column;align-items:center;padding:20px;display:flex}.brand-back>span{color:#87907e;align-self:flex-start;align-items:center;gap:5px;font-size:9px;display:flex}.brand-back>div{text-align:center;width:70%;margin:auto}.brand-back>div>img:first-child{width:100px;margin:auto}.brand-back>div>img:nth-child(2){width:150px;margin:auto}.brand-back p{color:#76816c;margin-top:17px;font-size:9px}.brand-back>small{color:#8d9584;font-size:7px}.blank-cover{text-align:center;aspect-ratio:148/210;background:#fffdf7;border:1px solid #e4dfd0;flex-direction:column;justify-content:center;align-items:center;width:min(100%,420px);height:90%;padding:30px;display:flex}.blank-cover>img{width:100px;height:100px}.blank-cover h2{margin-top:16px;font-size:20px}.blank-cover p{color:var(--muted);margin-top:12px;font-size:11px}.blank-cover>button{text-underline-offset:5px;align-items:center;gap:10px;margin-top:25px;font-size:11px;text-decoration:underline;display:flex}.draft-preview{flex-direction:column;align-items:center;max-width:100%;height:100%;min-height:0;display:flex}.draft-preview img{object-fit:contain;filter:drop-shadow(0 5px 8px #171b1914);max-width:100%;height:calc(100% - 25px)}.draft-preview>span{color:#88917e;padding-top:7px;font-size:9px;display:block}.layers-panel,.order-panel{flex:1;min-height:0;padding:0 18px 24px;overflow:auto}.panel-section{padding-top:21px}.panel-section+.panel-section{border-top:1px solid var(--line);margin-top:22px}.panel-section>p{color:var(--muted);margin:9px 0 14px;font-size:11px}.panel-section h2{font-size:14px}.finish-switch{background:#f0f0e8;border-radius:8px;gap:3px;margin:15px 0 18px;padding:3px;display:flex}.finish-switch>button{color:#78806e;flex:1;justify-content:center;align-items:center;gap:5px;padding:7px 3px;font-size:10px;display:flex}.finish-switch>button.active{color:var(--ink);background:#fff;box-shadow:0 1px 4px #171b190a}.material-grid{grid-template-columns:repeat(3,1fr);gap:10px 6px;display:grid}.material-grid>button{border:1px solid #0000;flex-direction:column;align-items:center;gap:7px;padding:7px 3px;display:flex}.material-grid i{border:1px solid #171b191f;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.material-grid span{font-size:8px;line-height:1.4}.material-grid>button.active{background:#eff2e8;border-color:#a6b29a}.checkbox-label{color:#58654f;align-items:flex-start;gap:8px;margin-top:18px;font-size:10px;line-height:1.6;display:flex}.checkbox-label input{accent-color:var(--ink);margin:2px 0 0}.sample-note{color:#8b927f;margin-top:14px;font-size:9px;line-height:1.7;display:block}.region-list-title{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.region-list-title span{color:#8e9586;font-size:10px}.region-list-section>.search{border-bottom:1px solid var(--line);margin-bottom:10px}.region-list-section>.search>input{width:100%}.region-list{gap:3px;max-height:290px;padding-right:3px;display:grid;overflow:auto}.region-list>button{text-align:left;border:1px solid #0000;align-items:center;gap:9px;min-width:0;padding:9px 8px;display:flex}.region-list>button.active{background:#eef2e7;border-color:#ccd4c2}.region-list i,.order-materials i{border:1px solid #171b1922;border-radius:50%;flex-shrink:0;width:14px;height:14px;display:block}.region-list>button>span{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.region-approval{background:#fff1cd;border-radius:8px;margin-top:18px;padding:12px}.region-approval>p{margin-bottom:12px;font-size:10px}.region-approval .btn{padding:8px;font-size:10px}.inside-add{gap:8px;margin-top:15px;display:flex}.inside-add .btn{font-size:10px}.element-settings{gap:14px;display:grid}.element-settings>textarea{width:100%;font-size:11px}.element-settings>label{justify-content:space-between;align-items:center;gap:15px;font-size:11px;display:flex}.element-settings>label>input{width:110px;padding:7px}.element-settings>label>input[type=color]{width:50px;height:32px;padding:4px}.element-settings>label>select{width:110px;padding:7px;font-size:10px}.element-settings>.btn{font-size:10px}.inside-layer-list{gap:5px;display:grid}.inside-layer-list>button{text-align:left;border:1px solid var(--line);align-items:center;gap:9px;padding:10px;font-size:10px;display:flex}.inside-layer-list>button.active{background:#f1f3e9;border-color:#a9b59e}.inside-layer-list span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.order-summary{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:11px;margin:18px 0;padding:16px 0;display:grid}.order-summary>div{justify-content:space-between;gap:20px;font-size:10px;display:flex}.order-summary span{color:var(--muted);flex-shrink:0}.order-summary b{text-align:right;max-width:170px;font-weight:600}.order-materials{gap:9px;margin-top:20px;display:grid}.order-materials>div{align-items:center;gap:9px;font-size:10px;display:flex}.order-materials small{color:var(--muted);margin-left:auto;font-size:8px}.order-panel .checkbox-label{margin:20px 0}.order-panel .primary{background:var(--gold);color:var(--ink);border-color:var(--gold)}.export-links{gap:13px;display:grid}.export-links>button{text-align:left;align-items:center;gap:10px;padding:0;font-size:11px;display:flex}.export-links>small{color:var(--muted);font-size:9px}.panel-empty{text-align:center;color:#67735d;padding:32px 4px}.panel-empty>svg{margin:15px auto}.panel-empty h2{color:var(--ink);font-size:15px}.panel-empty p{margin-top:12px;font-size:11px}.empty-gallery,.simple-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:65px 20px;display:flex}.empty-gallery>img{width:90px;height:90px}.empty-gallery h2,.simple-empty h2{letter-spacing:-.025em;margin-top:16px;font-size:21px}.empty-gallery p,.simple-empty p{color:var(--muted);margin:12px 0 20px;font-size:12px}.account-page{padding:32px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.page-heading p{color:var(--muted);margin-top:10px;font-size:12px}.design-actions{justify-content:space-between;gap:8px;margin-top:10px;display:flex}.design-actions button{border:1px solid var(--line);background:#fff;padding:6px 8px;font-size:10px}.orders-list{gap:16px;display:grid}.order-row{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:75px 1fr auto;align-items:center;gap:20px;padding:16px;display:grid}.order-thumb .template-image{width:75px;height:105px;padding:0}.order-thumb .template-image svg{filter:none}.order-id{color:var(--muted);font-size:9px}.order-row h2{margin:5px 0;font-size:13px}.order-row p{color:var(--muted);font-size:10px}.order-state{text-align:right;max-width:180px}.order-state strong{margin-top:8px;font-size:14px;display:block}.order-state small{color:var(--muted);margin-top:5px;font-size:8px;display:block}.status-badge{color:#655122;text-transform:capitalize;background:#f7ebcb;border-radius:5px;padding:5px 8px;font-size:9px}.status-badge.shipped,.status-badge.confirmed{color:#3e6232;background:#eaf1df}.status-badge.cancelled{color:#8a4130;background:#f7e6de}.how-page{text-align:center;padding:30px}.how-banner{background-position:50%;background-size:cover;justify-content:center;align-items:center;min-height:280px;padding:28px;display:flex}.how-banner>div{background:#fffcf2f5;padding:25px 40px}.how-banner img{width:150px;height:auto;margin:auto}.how-banner h1{margin-top:12px;font-size:34px;line-height:1.2}.how-steps{text-align:left;grid-template-columns:repeat(3,1fr);gap:24px;margin:36px 0;display:grid}.how-steps article>span{background:var(--gold);border-radius:50%;place-items:center;width:24px;height:24px;margin-bottom:14px;font-size:10px;display:grid}.how-steps h2{font-size:14px}.how-steps p{color:var(--muted);margin-top:12px;font-size:11px}.admin-page>p{color:var(--muted);margin-top:10px;font-size:11px}.admin-pricing{border:1px solid var(--line);background:#fff;border-radius:12px;gap:14px;margin:25px 0;padding:25px;display:grid}.admin-pricing p{color:var(--muted);font-size:11px}.admin-pricing label{justify-content:space-between;align-items:center;gap:20px;font-size:12px;display:flex}.admin-pricing input{width:150px}.admin-pricing .btn{justify-self:end}.admin-order{border:1px solid var(--line);background:#fff;border-radius:12px;gap:10px;margin-top:16px;padding:20px;display:grid}.admin-order label{justify-content:space-between;align-items:center;gap:16px;font-size:11px;display:flex}.admin-order input,.admin-order select,.admin-order textarea{width:180px;font-size:11px}.admin-order p{color:var(--muted);font-size:10px}.ai-connection{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.ai-connection p{color:var(--muted);margin:12px 0;font-size:11px}.toast{background:var(--ink);color:#fff;z-index:100;border-radius:9px;align-items:center;gap:18px;max-width:calc(100vw - 30px);padding:13px 17px;font-size:11px;display:flex;position:fixed;top:82px;left:50%;transform:translate(-50%);box-shadow:0 7px 20px #171b1920}.toast>button{color:#fff;padding:0;display:flex}dialog{border:1px solid var(--line);width:min(440px,100vw - 32px);max-height:88dvh;color:var(--ink);background:#fffdf9;border-radius:17px;padding:26px;box-shadow:0 25px 90px #171b1920}dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#17201860}.dialog-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.dialog-head>h2{letter-spacing:-.03em;font-size:20px;line-height:1.3}dialog>p{color:#6e7864;margin-bottom:22px;font-size:12px;line-height:1.8}.dialog-note{color:#8a9280;margin-top:17px;font-size:10px;line-height:1.7;display:block}.dialog-actions{justify-content:flex-end;margin-top:20px;display:flex}dialog form>.btn{margin-top:23px}.wide-dialog{width:min(1060px,100vw - 40px)}.whole-card{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:12px;display:grid}figure{margin:0}.whole-card figure>div{aspect-ratio:148/210;background:var(--paper);border:1px solid var(--line)}.whole-card figure svg{width:100%;height:100%;display:block}.whole-card figcaption{color:var(--muted);margin-top:8px;font-size:10px}.preview-back{flex-direction:column;justify-content:center;align-items:center;display:flex}.preview-back>img:first-child{width:70px}.preview-back>img:nth-child(2){width:100px}.motif-choices{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.motif-choices>button{border:1px solid var(--line);text-transform:capitalize;background:#fff;padding:15px;font-size:11px}.motif-choices svg{width:65px;margin-bottom:10px;display:block}.working{opacity:.7}@media (min-width:1500px){.workspace{grid-template-columns:86px minmax(0,1fr) 340px}.occasion-rail{padding-top:25px}.panel-toggle{right:340px}.gallery{padding:44px 50px}.template-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.gallery-heading h1{font-size:33px}.template-image{padding:20px}.design-panel{margin-right:20px}.panel-collapsed{grid-template-columns:86px minmax(0,1fr) 0}.editor-workspace{padding-left:45px;padding-right:45px}}@media (max-width:1100px){.workspace{grid-template-columns:66px minmax(0,1fr) 285px}.occasion-rail{padding-left:6px;padding-right:6px}.occasion-rail>button{width:52px;height:57px}.occasion-rail>button>span{left:58px}.panel-toggle{right:285px}.design-panel{border-radius:15px;margin:13px 12px 13px 0}.gallery{padding:28px 23px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 17px}.gallery-heading{flex-wrap:wrap;align-items:flex-start}.gallery-heading h1{font-size:27px}.gallery-filters{flex-wrap:wrap;gap:6px}.gallery-filters>.search{margin-left:auto}.header-actions{min-width:100px}.site-header{gap:15px;padding:0 18px}.site-header nav{gap:17px}.brand,.brand img{width:170px}.stage-footer{padding:12px 20px}.price-buy{gap:10px}.price-buy strong{font-size:16px}.price-buy small{max-width:130px}.saved-status{display:none}.canvas-caption>span{font-size:9px}.editor-workspace{padding:16px 17px 0}.floating-toolbar{gap:0;padding:4px}.tool{width:29px}.page-switch select{padding-left:6px;font-size:9px}.toolbar-divider{margin:0 3px}.material-grid i{width:31px;height:31px}.how-steps{grid-template-columns:1fr;gap:25px}.how-steps h2{font-size:16px}.order-row{grid-template-columns:65px 1fr;gap:15px}.order-state{text-align:left;grid-column:2;max-width:none}.panel-collapsed{grid-template-columns:66px minmax(0,1fr) 0}}@media (max-width:760px){.site-header{gap:8px;height:60px;padding:0 13px}.brand,.brand img{width:145px;height:53px}.site-header nav{gap:12px;margin-left:auto;margin-right:6px}.site-header nav button{font-size:10px}.site-header nav button:nth-child(2),.site-header nav button:nth-child(4){display:none}.header-actions{gap:7px;min-width:auto}.header-actions .btn{min-height:35px;padding:7px 10px;font-size:10px}.save-button{min-height:35px}.save-button>span,.account-name,.account-wrap .btn>svg{display:none}.account-wrap .btn{padding:5px 8px}.workspace{grid-template-columns:55px minmax(0,1fr);height:calc(100dvh - 60px);padding-bottom:0}.occasion-rail{gap:15px;padding:17px 3px}.occasion-rail>button{border-radius:9px;width:44px;height:48px}.occasion-rail>button>svg{width:24px}.occasion-rail>button>span{display:none}.occasion-rail>button.active:before{height:23px;top:13px;left:-4px}.design-panel{z-index:25;border-radius:16px;width:min(330px,100vw - 75px);height:min(60dvh,530px);margin:0;display:none;position:fixed;top:auto;bottom:10px;right:10px;box-shadow:0 12px 50px #171b1925}.workspace:not(.panel-collapsed) .design-panel{display:flex}.panel-toggle{background:var(--ink);width:43px;height:43px;color:var(--paper);z-index:28;border-radius:50%;position:fixed;top:auto;bottom:15px;right:14px;box-shadow:0 3px 15px #171b1930}.workspace:not(.panel-collapsed) .panel-toggle{background:var(--gold);color:var(--ink);bottom:min(60dvh + 20px,550px);right:14px}.panel-collapsed{grid-template-columns:55px minmax(0,1fr)}.panel-collapsed .design-panel{display:none}.panel-collapsed .panel-toggle{background:var(--ink);color:var(--paper);border:0;border-radius:50%;right:14px}.gallery{padding:25px 17px 22px}.gallery-heading{gap:18px;margin-bottom:23px}.gallery-heading h1{font-size:26px}.gallery-heading p{max-width:25ch;font-size:10px}.create-button{min-height:40px;padding:8px 10px;font-size:10px}.gallery-filters{gap:10px;margin-bottom:18px}.filter-buttons{gap:2px}.filter-buttons button{padding:6px;font-size:9px}.gallery-filters>.search{margin-left:0;display:none}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.template-image{padding:7px}.template-meta{grid-template-columns:1fr 18px;margin-top:9px}.template-meta h2{font-size:10px;line-height:1.5}.template-meta p{font-size:8px}.remix-button{min-height:25px;padding:1px}.remix-button>svg{width:14px}.new-cover{gap:10px}.new-cover>span{font-size:20px}.new-template-tile>strong{font-size:10px}.new-template-tile>small{font-size:8px}.stage-footer{gap:8px;min-height:75px;padding:10px 58px 10px 14px}.kit-materials>span{font-size:8px}.mini-swatches{flex-wrap:wrap;gap:4px;max-width:110px;margin-top:5px}.mini-swatches>button{width:13px;height:13px}.mini-swatches small{display:none}.price-buy{gap:7px}.price-buy strong{font-size:13px}.price-buy small{display:none}.price-buy .btn{gap:5px;min-height:36px;padding:8px 9px;font-size:9px}.price-buy .btn>svg{width:13px}.fresh-link{gap:7px;font-size:8px}.editor-workspace{padding:13px 10px 0}.floating-toolbar{border-radius:9px;flex-wrap:wrap;align-self:center;gap:0;max-width:100%;padding:3px 4px}.floating-toolbar .tool{width:26px;height:30px}.floating-toolbar .tool>svg{width:16px}.floating-toolbar .toolbar-divider{height:17px;margin:0 2px}.floating-toolbar .page-switch select{width:75px;padding:6px 17px 6px 2px;font-size:8px}.page-switch>svg{width:10px;right:3px}.canvas-caption{flex-wrap:wrap;align-items:flex-start;gap:8px;min-height:38px;padding:8px 0 4px}.canvas-caption>button{font-size:9px}.canvas-caption>span:not(.saved-status){max-width:180px;font-size:8px}.canvas-area{padding:6px 0 10px}.canvas-hint{max-width:260px;min-height:27px;margin:auto;font-size:8px}.cover-art,.inside-page,.brand-back{width:100%;max-width:calc(70.4762dvh - 179.714px);height:auto;max-height:100%}.blank-cover{height:90%;padding:15px}.blank-cover h2{font-size:17px}.blank-cover p{font-size:10px}.blank-cover>img{width:75px;height:75px}.brand-back{padding:13px}.brand-back>div>img:first-child{width:65px}.brand-back>div>img:nth-child(2){width:110px}.brand-back p,.brand-back>span{font-size:7px}.brand-back>small{font-size:6px}.panel-tabs{min-height:40px;margin:10px 14px 0}.panel-tabs>button{height:40px;padding:8px 16px;font-size:11px}.guide-intro>img{display:none}.guide-intro h2{font-size:16px}.conversation{padding-top:16px}.guide-choices{margin-top:16px}.ai-composer{margin-top:7px}.ai-composer textarea{min-height:45px;font-size:12px}.panel-footnote{padding:9px 0;font-size:8px}.account-page{padding:25px 15px}.page-heading{flex-wrap:wrap;gap:15px}.page-heading h1{font-size:25px}.page-heading p{font-size:10px}.saved-grid{grid-template-columns:1fr 1fr}.design-actions{flex-wrap:wrap}.design-actions button{padding:5px;font-size:8px}.order-row{grid-template-columns:52px 1fr;gap:11px;padding:12px}.order-thumb .template-image{width:52px;height:73px}.order-row h2{font-size:11px}.order-row p{font-size:8px}.order-state strong{font-size:12px}.how-page{padding:20px 16px}.how-banner{min-height:230px;padding:15px}.how-banner>div{padding:22px}.how-banner h1{font-size:27px}.how-banner img{width:120px}.how-steps{margin:25px 0}.how-steps p{font-size:11px}.admin-pricing{padding:16px}.admin-pricing label{gap:10px;font-size:10px}.admin-pricing input{width:95px}.admin-order{padding:14px}.admin-order input,.admin-order select,.admin-order textarea{width:130px}.whole-card{grid-template-columns:1fr 1fr;gap:18px 12px}.wide-dialog{width:calc(100vw - 24px);padding:20px}.dialog-head>h2{font-size:18px}.toast{font-size:10px;top:70px}.simple-empty h2,.empty-gallery h2{font-size:18px}.simple-empty p,.empty-gallery p{font-size:11px}.order-materials>div{min-height:22px}.material-grid>button{min-height:62px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.workspace.workspace-browsing{grid-template-columns:78px minmax(0,1fr)}@media (max-width:1100px){.workspace.workspace-browsing{grid-template-columns:66px minmax(0,1fr)}}@media (max-width:760px){.workspace.workspace-browsing{grid-template-columns:55px minmax(0,1fr)}}@media (min-width:1500px){.workspace.workspace-browsing{grid-template-columns:86px minmax(0,1fr)}}@media (min-width:1024px){.gallery .template-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:761px) and (max-width:1023px){.gallery .template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@font-face{font-family:Caveat;src:url(/fonts/Caveat.ttf)format("truetype");font-weight:400 700;font-display:swap}.brand-slogan{white-space:nowrap;letter-spacing:-.02em;font-family:Caveat,cursive;font-weight:600;line-height:1.1}.gallery-heading .brand-slogan{font-size:clamp(28px,4.3vw,64px)}.how-banner .brand-slogan{font-size:clamp(26px,4vw,54px)}.brand-back p.brand-slogan{font-size:clamp(14px,2vw,25px)}@media (max-width:760px){.gallery-heading .brand-slogan{font-size:clamp(23px,6.7vw,42px)}.gallery-heading{flex-direction:column;align-items:flex-start}}.occasion-rail .category-icon{width:30px;height:30px}.occasion-rail>button.active .category-icon .accent,.occasion-rail>button:hover .category-icon .accent{stroke:#f6b82f}.gallery-filters{align-items:flex-start}.gallery-filters .search{flex-shrink:0}.filter-buttons{row-gap:7px}.occasion-directory>p{color:var(--muted);max-width:680px;font-size:13px}.occasion-search{grid-template-columns:1.4fr 1fr;gap:15px;margin:20px 0 10px;display:grid}.occasion-search label{flex-direction:column;gap:7px;font-size:11px;display:flex}.occasion-search input,.occasion-search select{width:100%;min-height:43px}.occasion-result-count{color:var(--muted);margin-bottom:12px;font-size:11px}.occasion-results{max-height:48dvh;padding:0 8px 8px 0;overflow:auto}.occasion-results section+section{margin-top:23px}.occasion-results h3{margin-bottom:10px;font-size:13px}.occasion-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.occasion-options button{text-align:left;border:1px solid var(--line);background:#fff;min-height:68px;padding:12px;font-size:12px;line-height:1.4}.occasion-options button:hover,.occasion-options button[aria-pressed=true]{background:#fff2cd;border-color:#d9b351}.occasion-options small{color:var(--muted);margin-top:6px;font-size:9px;display:block}.occasion-directory-note{color:var(--muted);margin-top:16px;font-size:10px;display:block}@media (max-width:760px){.occasion-search{grid-template-columns:1fr;gap:10px}.occasion-options{grid-template-columns:repeat(2,minmax(0,1fr))}.occasion-options button{padding:10px;font-size:11px}.occasion-results{max-height:43dvh}.gallery-filters .search{flex-shrink:1}}.gallery-filters .filter-buttons{flex:1;min-width:0}.gallery-searchbox{border:1px solid var(--line);min-width:0;height:42px;color:var(--muted);background:#fffdf8;border-radius:8px;flex:0 0 255px;align-items:center;gap:9px;margin-left:auto;padding:0 5px 0 12px;display:flex}.gallery-searchbox input{outline-offset:0;background:0 0;border:0;width:100%;min-width:0;padding:9px 0;font-size:11px}.gallery-searchbox>button{border-left:1px solid var(--line);min-height:32px;color:var(--ink);border-radius:0 5px 5px 0;flex:0 0 35px;place-items:center;display:grid}.gallery-searchbox>button:hover{background:#f6eac8}@media (max-width:760px){.gallery-filters{flex-direction:column;align-items:stretch}.gallery-filters .filter-buttons{flex:auto}.gallery-searchbox{flex:auto;width:100%;height:42px;margin:2px 0 0}.gallery-searchbox input{font-size:12px}}.gallery-searchbox{gap:8px;padding:0 5px}.gallery-searchbox>button{border:0;border-radius:5px}.gallery-searchbox>.occasion-filter-trigger{border-right:1px solid var(--line);border-radius:5px 0 0 5px}.gallery-searchbox input[data-pointer-focus=true]:focus-visible{box-shadow:none;outline:none}.gallery-searchbox input:focus{box-shadow:none}.gallery-heading{flex-wrap:wrap;align-items:center}.gallery-header-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.gallery-header-actions .gallery-searchbox,.gallery-header-actions .create-button{border-radius:8px;flex:0 0 220px;width:220px;height:42px;min-height:42px;margin:0}.gallery-header-actions .create-button{justify-content:center;font-size:11px}.gallery-header-actions .gallery-searchbox input{font-size:10px}@media (max-width:760px){.gallery-header-actions{grid-template-columns:1fr;gap:10px;width:100%;margin:0;display:grid}.gallery-header-actions .gallery-searchbox,.gallery-header-actions .create-button{flex:auto;width:100%;min-width:0}.gallery-header-actions .gallery-searchbox input{font-size:12px}}.filter-buttons .more-occasions{color:var(--ink);align-items:center;gap:5px;margin-left:0;display:inline-flex}.gallery-header-actions .gallery-searchbox{padding-left:12px}.create-steps{color:#7b8177;gap:24px;padding:0;font-size:13px;list-style:none;display:flex}.create-steps [aria-current]{color:#19221c;font-weight:700}.cover-style-grid{grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;display:grid}.cover-style-card{text-align:left;color:#19221c;background:#fffdf6;border:1px solid #deded3;border-radius:12px;flex-direction:column;align-items:flex-start;gap:8px;padding:18px;display:flex}.cover-style-card.selected{background:#f0f3e9;border:2px solid #647b57;padding:17px}.cover-style-card:first-child{grid-column:1/-1}.cover-style-card>span:last-child{color:#6a7367;font-size:13px;line-height:1.6}.style-status{letter-spacing:.03em;color:#697960;font-size:11px}.style-examples{float:right;gap:12px;display:flex}.style-examples img{border-radius:3px;width:auto;height:130px}.create-cover-flow textarea{resize:vertical;width:100%}.create-cover-flow .dialog-actions{margin-top:24px}.create-cover-flow .field-label{margin-top:18px}@media (max-width:600px){.cover-style-grid{grid-template-columns:1fr}.create-steps{gap:10px;font-size:11px}}.editor-topbar{flex-shrink:0;grid-template-columns:90px minmax(0,1fr) 90px;align-items:center;gap:12px;display:grid}.editor-topbar .floating-toolbar{justify-self:center;max-width:100%}.templates-link{color:#65715d;text-underline-offset:3px;justify-self:start;font-size:11px;line-height:1.6}.templates-link:hover{color:var(--ink);text-decoration:underline}@media (max-width:1100px){.editor-topbar{grid-template-columns:65px minmax(0,1fr);gap:8px}.editor-topbar .floating-toolbar{flex-wrap:wrap;justify-self:center}}@media (max-width:760px){.templates-link{font-size:10px}.editor-topbar{grid-template-columns:60px minmax(0,1fr);gap:4px}}.gallery-header-actions .create-button.create-cover-icon{flex:0 0 42px;width:42px;min-width:42px;height:42px;padding:6px}.create-cover-icon:hover{background:#fff3d7;border-color:#d7bb75}.gallery-header-actions:has(.create-cover-icon){align-items:center}.guided-cover .conversation{flex-direction:column;align-items:flex-start;gap:10px;font:12px/1.7 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.guided-cover .chat-message{white-space:pre-wrap;overflow-wrap:anywhere;flex-shrink:0;width:fit-content;max-width:94%;margin:0;padding:10px 12px}.guided-cover .chat-message.user{align-self:flex-end}.answer-choices{flex-wrap:wrap;gap:7px;width:100%;margin:0 0 12px;display:flex}.answer-choices button{border:1px solid var(--line);text-align:left;background:#fffdf8;border-radius:8px;padding:7px 10px;font:11px/1.5 system-ui,sans-serif}.answer-choices button:hover{background:#f0f2e9}.style-answer-choices{grid-template-columns:1fr 1fr;display:grid}.style-answer-choices button{flex-direction:column;gap:5px;display:flex}.style-answer-choices strong{font-size:12px;font-weight:600}.style-answer-choices small{color:var(--muted);font-size:10px;line-height:1.5}.answer-choices .primary-choice{background:var(--ink);color:var(--paper)}.guide-example{color:var(--muted);font-size:11px;line-height:1.7}.guide-answer-form{border:1px solid var(--line);background:#fff;border-radius:12px;flex-shrink:0;gap:6px;margin:10px 16px 0;padding:6px;display:flex}.guide-answer-form input{background:0 0;border:0;flex:1;min-width:0;padding:6px;font:12px system-ui,sans-serif}.guide-answer-form button{background:var(--ink);color:#fff;border-radius:8px;width:30px}.guide-brief{border-left:2px solid var(--gold);gap:8px;margin-bottom:10px;padding:12px;font-size:12px;line-height:1.7;display:grid}.blank-cover.empty-new-cover{pointer-events:none;aspect-ratio:148/210;background:#fff;border:1px solid #e3e4dc;flex:none;width:auto;max-width:100%;height:90%;padding:0;box-shadow:0 5px 24px #171b1908}.answer-choices button:disabled{cursor:not-allowed;opacity:.38;background:#f5f5f1}.difficulty-choices{grid-template-columns:1fr;display:grid}.difficulty-choices button{flex-direction:column;gap:4px;display:flex}.difficulty-choices strong{font-size:12px}.difficulty-choices small{color:var(--muted);font-size:11px;line-height:1.6}.answer-choices select{width:100%;font-size:12px}.drawing-card{gap:16px}.drawing-card p{color:var(--ink);margin:0;font-size:13px}.drawing-card small{color:var(--muted);font-size:11px}.draft-actions{flex-direction:column;gap:8px;margin:12px 0;display:flex}.draft-actions .btn{justify-content:flex-start}.progress-message{line-height:1.7}.gallery-filters{flex-direction:column;align-items:stretch;gap:8px}.gallery-filters .filter-buttons{flex:none;justify-content:flex-start}.filter-buttons .more-occasions{margin-left:0}.style-filter-options{gap:9px;margin-top:18px;display:grid}.style-filter-options button{border:1px solid var(--line);text-align:left;background:#fffdf8;flex-direction:column;gap:4px;padding:12px;display:flex}.style-filter-options strong{font-size:12px;font-weight:600}.style-filter-options small{color:var(--muted);font-size:11px}.style-filter-options button:disabled{opacity:.4;cursor:not-allowed}.answer-choices.difficulty-choices{flex-wrap:wrap;display:flex}.difficulty-choices button{font-weight:400;display:block}.style-filter-row button:disabled{cursor:not-allowed;opacity:.4}.ai-panel{padding-bottom:16px}.guided-cover .guide-answer-form{margin:10px 0 0}.ai-panel .ai-composer{margin-bottom:0}:is(.guide-answer-form input:focus,.guide-answer-form input:focus-visible,.ai-composer textarea:focus,.ai-composer textarea:focus-visible){box-shadow:none;outline:none}.guide-answer-form:focus-within{border-color:#abb2a5}.sandwish-wait-icons{justify-content:center;align-items:center;gap:9px;padding:9px 0;display:flex}.sandwish-wait-ingredient{transform-origin:bottom;animation:1.4s ease-in-out infinite sandwish-ingredient-hop;display:inline-flex}.sandwish-wait-ingredient svg{display:block}@keyframes sandwish-ingredient-hop{0%,55%,to{transform:translateY(0)rotate(0)}22%{transform:translateY(-8px)rotate(-5deg)}36%{transform:translateY(-3px)rotate(3deg)}}@media (prefers-reduced-motion:reduce){.sandwish-wait-ingredient{animation:none}}.ai-panel>.guide-answer-form{margin:10px 0 0}.layer-browser-heading{justify-content:space-between;align-items:center;padding:20px 0 12px;display:flex}.layer-browser-heading>span{color:var(--muted);font-size:10px}.layer-search{margin-bottom:16px}.svg-layer-group{border:1px solid var(--line);border-radius:9px;margin-bottom:10px;overflow:hidden}.svg-layer-heading{text-align:left;background:#f3f3ed;align-items:center;gap:8px;width:100%;padding:11px 9px;display:flex}.svg-layer-heading strong{flex:1;font-size:11px;font-weight:600}.svg-layer-heading small{color:var(--muted);font-size:10px}.svg-shape-row{border-top:1px solid #edeee7;padding:4px}.svg-shape-row.active{background:#edf1e6;box-shadow:inset 3px 0 #778b60}.svg-shape-controls{align-items:center;gap:8px;display:flex}.svg-shape-select{text-align:left;flex:1;align-items:center;gap:8px;min-width:0;padding:5px;display:flex}.svg-shape-select svg{background:#fff;border:1px solid #e9ebe3;border-radius:5px;padding:2px}.svg-shape-select span{overflow-wrap:anywhere;font-size:10px}.shape-sand-color{border:1px solid #0002;border-radius:50%;flex-shrink:0;width:22px;height:22px;margin-right:6px}.glitter{background-image:radial-gradient(#fff9 1px,#0000 1px);background-size:5px 5px}.shape-sand-picker{border-top:1px solid var(--line);margin-top:4px;padding:10px 8px 8px}.current-sand{align-items:center;gap:7px;margin-bottom:10px;font-size:10px;display:flex}.current-sand i{border:1px solid #0002;border-radius:50%;width:14px;height:14px}.current-sand small{margin-left:auto}.four-sand-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:12px 0;display:grid}.four-sand-options button{text-align:center;flex-direction:column;align-items:center;gap:5px;padding:5px 1px;display:flex}.four-sand-options i{border:1px solid #0002;border-radius:50%;width:28px;height:28px;display:block}.four-sand-options span{overflow-wrap:anywhere;font-size:8px;line-height:1.4}.more-sand-options{color:var(--muted);margin:3px auto 12px;font-size:10px;display:block}.shape-sand-picker .finish-switch button{font-size:10px}.shape-sand-picker .checkbox-label{font-size:9px;line-height:1.5}.cover-art>svg path.selected{stroke:#315c9d;stroke-width:2.5px;stroke-dasharray:5 3;paint-order:stroke fill;filter:drop-shadow(0 0 2px #fff);vector-effect:non-scaling-stroke}.sandwish-wait-icons{min-width:147px;min-height:48px;position:relative}.assembled-sandwich{opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.7)}.assembling .sandwish-wait-ingredient{opacity:0;transition:transform .55s ease-in-out,opacity .2s .5s;animation:none}.assembling .sandwish-wait-ingredient:first-child{transform:translate(58px,8px)rotate(50deg)scale(.8)}.assembling .sandwish-wait-ingredient:nth-child(2){transform:translate(20px,-3px)scale(.8)}.assembling .sandwish-wait-ingredient:nth-child(3){transform:translate(-20px,4px)scale(.8)}.assembling .sandwish-wait-ingredient:nth-child(4){transform:translate(-58px,-8px)scale(.8)}.assembling .assembled-sandwich{animation:.35s ease-out .5s forwards sandwish-ready}@keyframes sandwish-ready{to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (prefers-reduced-motion:reduce){.assembling .sandwish-wait-ingredient{transition:none}.assembling .assembled-sandwich{opacity:1;animation:none;transform:translate(-50%,-50%)}}.save-button.is-saved>svg{color:#4f8a54}.canvas-area{position:relative}.vectorizing-overlay{z-index:6;text-align:center;background:#f7f6f0e8;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;inset:0}.vectorizing-overlay>svg{color:#778b60}.vectorizing-overlay strong{font-size:13px;font-weight:600}.vectorizing-overlay span{color:var(--muted);font-size:11px}.cover-art,.inside-page,.brand-back,.blank-cover.empty-new-cover{aspect-ratio:148/210}.cover-art>svg{width:100%;height:100%;display:block}.draft-preview img{aspect-ratio:148/210;object-fit:fill}.svg-layer-group{border:0;border-radius:0;margin-bottom:4px}.svg-layer-heading{border-bottom:1px solid var(--line);background:0 0;padding:10px 2px}.svg-layer-group.selected-group{border-color:#0000}.svg-shape-row{border:0;border-radius:7px;padding:3px 4px 3px 13px}.svg-shape-select{padding:4px 1px}.svg-shape-select svg{width:24px;height:24px}.shape-sand-color{border-radius:7px;width:25px;height:25px}.shape-sand-picker{border:1px solid var(--line);background:#fff7e7;border-radius:9px;margin:8px 0 6px;padding:12px 10px}.four-sand-options{gap:8px}.four-sand-options button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:4px}.four-sand-options i{aspect-ratio:1;border-radius:5px;width:100%;height:auto}.four-sand-options button[aria-pressed=true]{border-color:#778b60}.layer-browser-heading{padding-top:16px}.vectorizing-overlay{padding:0}.vectorizing-overlay .drawing-card{aspect-ratio:148/210;width:auto;max-width:100%;height:90%}.vectorizing-overlay .drawing-card small{max-width:25ch;line-height:1.7}.save-button{border:1px solid #0000;border-radius:8px;padding:7px 10px}.save-button.is-saved{color:#176735;background:#e7f4e9;border-color:#8dbf99;font-weight:650}.save-button.is-saved>svg{color:#157535;stroke-width:2.2px}.save-button:not(.is-saved){color:#81877e;background:0 0}.leave-design-actions{flex-direction:column;gap:10px;margin-top:24px;display:flex}.leave-design-actions .btn{justify-content:center;width:100%;min-height:44px}.save-controls{align-items:center;gap:12px;display:flex}.public-cover-setting{flex-direction:column;gap:2px;display:flex}.public-cover-setting label{cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}.public-cover-setting input{accent-color:#247443;width:14px;height:14px;margin:0;padding:0}.public-cover-setting small{color:#72796f;font-size:9px;line-height:1.4}@media (min-width:1024px){.account-page .saved-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:761px) and (max-width:1023px){.account-page .saved-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.save-controls{gap:5px}.public-cover-setting label{font-size:10px}.public-cover-setting small{font-size:7px}.public-cover-setting{max-width:105px}.site-header:has(.save-controls) .brand{width:110px}.site-header:has(.save-controls) .brand img{width:110px}.site-header:has(.save-controls) nav{display:none}}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cover-view-switch{border:1px solid var(--line);background:#fffdf7;border-radius:9px;flex-shrink:0;justify-content:center;align-self:center;gap:4px;margin:8px auto 0;padding:3px;display:flex}.cover-view-switch button{border-radius:6px;min-width:72px;padding:5px 16px;font-size:11px}.cover-view-switch button[aria-pressed=true]{background:var(--ink);color:#fff}.cover-source-sketch{aspect-ratio:148/210;flex:none;width:auto;max-width:100%;height:100%;overflow:hidden}.cover-source-sketch img{object-fit:fill;width:100%;height:100%;display:block}.sketch-unavailable{height:100%;color:var(--muted);text-align:center;background:#fff;justify-content:center;align-items:center;padding:24px;display:flex}.stage-footer{border-top:0;min-height:64px;padding-top:8px;padding-bottom:8px}.canvas-caption{min-height:26px;padding-top:0}.canvas-area{padding-top:0;padding-bottom:5px;container-type:size}.canvas-hint{min-height:18px;font-size:8px}.cover-view-switch{background:0 0;border:0;border-radius:0;gap:15px;margin:3px auto 0;padding:0}.cover-view-switch button{color:#8a9184;border-bottom:1px solid #0000;border-radius:0;min-width:0;padding:3px 0;font-size:9px}.cover-view-switch button[aria-pressed=true]{color:#53604d;background:0 0;border-bottom-color:#9ca78e}.mini-swatches{flex-wrap:wrap;gap:7px;margin-top:0}.mini-swatches .sand-bottle{background:0 0;border:0;border-radius:0;flex:none;width:15px;height:25px;padding:0;position:relative}.sand-bottle:before{content:"";background:linear-gradient(to bottom,#fffaf0 16%,var(--sand-color) 18%);border:1px solid #484b3f55;border-radius:3px 3px 4px 4px;position:absolute;inset:6px 1px 0;box-shadow:inset 2px 0 #fff5}.sand-bottle:after{content:"";background:#d8c5a4;border:1px solid #8f806755;border-radius:1px;height:5px;position:absolute;top:2px;left:4px;right:4px}.sand-bottle.glitter:before{background:radial-gradient(circle at 35% 65%,#fff 0 1px,transparent 1.4px),radial-gradient(circle at 70% 45%,#fff9 0 .7px,transparent 1px),linear-gradient(to bottom,#fffaf0 16%,var(--sand-color) 18%)}.sand-bottle:hover{transform:translateY(-2px)}.sand-bottle:focus-visible{outline-offset:3px;outline:1px solid #8f9d7a}.card-turn-control{z-index:4;color:#78816f;border-radius:7px;padding:6px;transition:color .2s,background .2s;position:absolute;top:50%;transform:translateY(-50%)}.card-turn-control svg{width:25px;height:25px;display:block}.card-turn-control:hover{color:#171b19;background:#ebece3}.open-card{left:1px}.close-card{right:1px}.card-spread{aspect-ratio:296/210;perspective:1800px;filter:drop-shadow(0 6px 10px #171b1915);width:min(140.952cqh,100cqw - 68px);transform-style:preserve-3d;flex:none;display:flex;position:relative}.spread-page{background:#fffcf2;width:50%;height:100%;position:relative}.spread-page svg{touch-action:none;width:100%;height:100%;display:block}.spread-left{box-shadow:inset -10px 0 15px -15px #473b32}.spread-right{box-shadow:inset 10px 0 15px -15px #473b32}.spread-page:after{content:"";pointer-events:none;border:1px solid #21251e0b;position:absolute;inset:0}.spread-left:after{background:linear-gradient(270deg,#473b320e,#0000 5%)}.spread-right:after{background:linear-gradient(90deg,#473b320e,#0000 5%)}.inside-svg.active-inside{outline:none}.turning-cover{transform-origin:0;width:50%;height:100%;transform-style:preserve-3d;z-index:3;position:absolute;top:0;left:50%}.cover-front,.cover-reverse{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fffcf2;position:absolute;inset:0}.cover-front svg{width:100%;height:100%;display:block}.cover-reverse{transform:rotateY(180deg);box-shadow:inset -10px 0 15px -15px #473b32}.card-spread.opening{animation:1.15s cubic-bezier(.22,.65,.25,1) both spread-open}.opening .turning-cover{animation:1.15s cubic-bezier(.22,.65,.25,1) both cover-open}.opening .spread-left{animation:1.15s both inside-reveal}.card-spread.closing{animation:1s cubic-bezier(.35,0,.3,1) both spread-close}.closing .turning-cover{animation:1s cubic-bezier(.35,0,.3,1) both cover-close}.closing .spread-left{animation:1s reverse both inside-reveal}@keyframes spread-open{0%{transform:translate(-25%)}to{transform:translate(0)}}@keyframes spread-close{0%{transform:translate(0)}to{transform:translate(-25%)}}@keyframes cover-open{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes cover-close{0%{transform:rotateY(-180deg)}to{transform:rotateY(0)}}@keyframes inside-reveal{0%,40%{opacity:0}to{opacity:1}}.inside-guide .message-preview{white-space:pre-wrap}.inside-guide .answer-choices{margin:12px 0 20px}.inside-guide .chat-message{white-space:pre-wrap}.checkout-progress{color:#9b9e91;justify-content:space-between;gap:7px;margin-bottom:22px;font-size:10px;display:flex}.checkout-progress .active{color:#20261f;border-bottom:1px solid #6e785e;padding-bottom:7px}.checkout-flow .chat-message{max-width:100%;margin:0 0 18px;font-size:12px}.checkout-flow .btn.full{margin-top:12px}.checkout-flow .text-link,.order-row .text-link{color:#65715d;text-underline-offset:3px;padding:7px 0;font-size:11px;text-decoration:underline;display:block}.delivery-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;display:grid}.delivery-form .field-label{margin-top:0;line-height:1.4}.delivery-form .field-label input,.delivery-form .field-label select{margin-top:4px;padding:8px 10px}.delivery-form .delivery-wide,.delivery-form>.btn,.delivery-form>.text-link{grid-column:1/-1}.checkout-flow .delivery-form>.btn{margin-top:4px}.checkout-flow .delivery-form>.text-link{padding:3px 0}.delivery-form input,.delivery-form select{width:100%;min-height:39px;font-size:12px}.delivery-summary{background:#f3f3eb;border-radius:10px;padding:15px;font-size:12px;font-style:normal;line-height:1.8}.checkout-total{margin:12px 0;font-size:25px;display:block}.checkout-status{color:#68735e;margin:15px 0;font-size:11px}.checkout-flow .status-badge.paid{color:#417535;background:#e8f1e0}dialog .checkout-flow{padding:0}dialog .checkout-flow>.panel-section{padding-top:0}.order-row .status-badge.draft{color:#67735d;background:#eeefe8}@media (prefers-reduced-motion:reduce){.card-spread.opening,.card-spread.closing,.opening .turning-cover,.closing .turning-cover,.opening .spread-left,.closing .spread-left{animation-duration:10ms}.sand-bottle:hover{transform:none}}@media (max-width:760px){.stage-footer{min-height:61px}.mini-swatches .sand-bottle{width:12px;height:23px}.mini-swatches{gap:4px;max-width:150px}.card-spread{width:min(140.952cqh,100cqw - 36px)}.card-turn-control{padding:2px}.card-turn-control svg{width:20px;height:20px}.cover-view-switch button{font-size:8px}.canvas-caption{min-height:24px}}.inside-svg.interactive{cursor:default;touch-action:none}.inside-svg.interactive:focus-visible{outline-offset:3px;outline:1px solid #8e9d7c}.inside-svg.interactive [data-element]{cursor:move}.inside-region-selected{stroke:#537052;stroke-width:2px;vector-effect:non-scaling-stroke;paint-order:stroke fill}.inside-selection-ui{color:#6f805c}.inside-selection-ui>rect:first-child{stroke:currentColor;stroke-width:1px;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}.inside-selection-ui line{stroke:currentColor;stroke-width:1px;vector-effect:non-scaling-stroke;pointer-events:none}.inside-selection-ui [data-handle]{fill:#fffdf6;stroke:currentColor;stroke-width:1.2px;vector-effect:non-scaling-stroke}.inside-selection-ui [data-handle=scale]{cursor:nwse-resize}.inside-selection-ui [data-handle=rotate]{cursor:grab}.inside-marquee{fill:#95ab7122;stroke:#748b51;stroke-width:1px;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.inside-layer-browser{padding:0 0 22px}.inside-layer-browser .inside-add{margin:12px 0}.inside-transform-controls{border-bottom:1px solid var(--line);margin-bottom:12px;padding:14px 0}.transform-grid{grid-template-columns:1fr 1fr;gap:9px;margin:10px 0;display:grid}.transform-grid label{color:#66725e;font-size:10px}.transform-grid input{width:100%;min-height:31px;padding:6px 8px;font-size:11px;display:block}.remove-inside{color:#815841;align-items:center;gap:6px;font-size:10px;display:flex}.inside-object-layer{border-bottom:1px solid var(--line);margin-bottom:6px;padding:5px 0}.inside-object-heading{border-radius:7px;align-items:center;gap:3px;padding:4px 0;display:flex}.inside-object-layer.active>.inside-object-heading{background:#eef1e6}.inside-object-expand{place-items:center;width:23px;min-height:32px;display:grid}.inside-object-select{text-align:left;flex:1;align-items:center;gap:9px;min-width:0;padding:2px 7px 2px 0;display:flex}.inside-object-select>span{flex:none;width:32px;height:32px}.inside-object-select svg{width:100%;height:100%;display:block}.inside-object-select strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;overflow:hidden}.inside-object-detail{padding:5px 2px 10px 20px}.inside-object-detail .layer-browser-heading,.inside-object-detail .layer-search{display:none}.inside-object-detail .svg-layer-heading,.inside-object-detail .svg-shape-select span{font-size:10px}.inside-object-detail .element-settings{gap:12px;display:grid}.inside-object-detail textarea{width:100%;font-size:11px}.inside-layer-browser>.sample-note{margin:12px 0;font-size:10px}.inside-layer-browser>.btn.full{margin-top:20px}.inside-art-maker .ready-art-options{grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0;display:grid}.ready-art-options>button{border:1px solid var(--line);text-transform:capitalize;border-radius:9px;padding:9px 5px;font-size:10px}.ready-art-options span{width:55px;height:55px;margin:auto;display:block}.ready-art-options svg{width:100%;height:100%;display:block}.inside-art-preview{width:150px;height:150px;margin:20px auto 10px}.inside-art-preview svg{width:100%;height:100%;display:block}.art-making-status{color:#68785c;margin:20px 0;font-size:11px}.inside-art-maker .text-link{color:#65715d;text-underline-offset:3px;padding:12px 0;font-size:10px;text-decoration:underline}.inside-art-maker .sample-note{font-size:10px}.inside-art-maker .guide-answer-form{flex-shrink:0}.image-wait-notice{color:#626e56;background:#f1f1e8;border-radius:9px;margin:12px 0;padding:12px 14px;font-size:11px;line-height:1.8}.chat-sketch-version{text-align:left;color:#5c6c50;align-items:center;gap:10px;margin-top:12px;padding:0;font-size:10px;display:flex}.chat-sketch-version img{aspect-ratio:148/210;object-fit:cover;border-radius:3px;width:48px;display:block}.trace-history-message{background:#f0eee2}.trace-history-message .chat-sketch-version{color:#5c6c50}.inside-art-wait .drawing-card{aspect-ratio:auto;width:100%;height:auto;min-height:150px;box-shadow:none;background:0 0;border:0;padding:22px 0}.inside-art-wait .drawing-card h2{font-size:12px}.inside-art-wait .drawing-card p{font-size:10px}.transform-grid input:focus-visible{border-color:#8e9d7c;outline:0}.inside-layer-list .layer-browser-heading{padding:16px 0 10px}.inside-layer-list .inside-add{gap:8px;margin:4px 0 18px;display:flex}.inside-layer-list .inside-add .btn{flex:1;justify-content:center}.inside-layer-list .inside-object-layer{border-bottom:1px solid var(--line);margin:0;padding:0}.inside-layer-list .inside-object-heading{border-radius:8px;gap:10px;min-height:64px;padding:10px 9px}.inside-layer-list .inside-object-select{gap:10px;min-height:40px;padding:0}.inside-layer-list .inside-object-select>svg{width:15px;height:15px;color:var(--muted);flex:none}.inside-layer-list .inside-layer-thumb{border:1px solid var(--line);background:#fff;border-radius:6px;flex:none;place-items:center;width:38px;height:38px;display:grid;overflow:hidden}.inside-layer-thumb>span{width:100%;height:100%;display:block}.inside-layer-thumb .inside-text-thumb{place-items:center;font-size:21px;line-height:1;display:grid}.inside-layer-list .inside-layer-name{flex:1;gap:3px;width:auto;min-width:0;height:auto;display:grid}.inside-layer-list .inside-layer-name strong{font-size:12px;font-weight:600;line-height:1.4}.inside-layer-name small{color:var(--muted);font-size:10px}.inside-layer-list .inside-layer-swatch{border-radius:6px;width:28px;height:28px;margin:0}.inside-layer-list .inside-object-detail{background:#fff7e7;border-radius:0 0 8px 8px;padding:14px 10px 16px}.inside-layer-list .inside-object-detail label{color:var(--muted);gap:7px;font-size:11px;display:grid}.inside-layer-list .inside-object-detail input,.inside-layer-list .inside-object-detail select,.inside-layer-list .inside-object-detail textarea{width:100%;min-width:0;min-height:36px;color:var(--ink);padding:8px 10px;font-size:12px}.inside-layer-list .inside-object-detail textarea{min-height:94px;line-height:1.6}.inside-type-fields{grid-template-columns:minmax(0,1fr) 86px;gap:12px;margin-top:13px;display:grid}.inside-sand-field{justify-content:space-between;align-items:center;gap:10px;width:100%;padding:13px 0;font-size:11px;display:flex}.inside-sand-field>span:last-child{color:var(--muted);align-items:center;gap:7px;display:flex}.inside-sand-field i{border:1px solid #0002;border-radius:4px;width:18px;height:18px;display:block}.inside-layer-list .inside-text-sand{background:#f5f5ef;border:0;border-radius:0;margin:0 0 10px;padding:12px}.inside-text-sand .current-sand span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.inside-layer-list .inside-position{margin:10px 0 14px}.inside-position>summary,.inside-multi-controls>summary{color:var(--muted);cursor:pointer;padding:7px 0;font-size:11px}.inside-layer-list .inside-position .transform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.inside-layer-list .remove-inside{padding:4px 0;font-size:11px}.inside-layer-list .inside-art-size{grid-template-columns:1fr 86px;align-items:center;margin-bottom:10px}.inside-layer-list .inside-multi-controls{background:#eef1e6;border-radius:7px;margin-bottom:10px;padding:10px}.inside-multi-controls>label{gap:6px;font-size:11px;display:grid}.inside-layer-list>.btn.full{margin-top:22px}:is(.inside-layer-list button:focus-visible,.inside-layer-list summary:focus-visible){outline-offset:2px;outline-color:#65785a}.inside-layer-list input:focus,.inside-layer-list textarea:focus,.inside-layer-list select:focus{border-color:#7b8b6b;outline:none}@font-face{font-family:Fredoka;src:url(/fonts/Fredoka%5Bwdth,wght%5D.ttf)format("truetype");font-weight:300 700;font-display:swap}@font-face{font-family:"Baloo 2";src:url(/fonts/Baloo2%5Bwght%5D.ttf)format("truetype");font-weight:400 800;font-display:swap}@font-face{font-family:Lilita One;src:url(/fonts/LilitaOne-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Bree Serif;src:url(/fonts/BreeSerif-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Kalam;src:url(/fonts/Kalam-Bold.ttf)format("truetype");font-weight:700;font-display:swap}.inside-stroke-limit{color:var(--muted);margin-top:8px;font-size:10px}.inside-word-count{color:var(--muted);text-align:right;font-size:10px}.price-buy>div>small{margin-top:4px;display:block}.template-next-steps{flex-direction:column;align-items:stretch;gap:10px;margin:18px 0 12px;display:flex}.template-next-steps>.btn{white-space:normal;justify-content:center}.template-remix-link{color:#5d665f;text-underline-offset:3px;align-self:center;padding:7px 12px;font-size:11px;text-decoration:underline}.template-remix-link:hover{color:var(--ink)}.inside-layer-list .inside-object-layer{position:relative}.inside-layer-list .inside-object-heading{gap:6px}.inside-layer-drag{color:#737c70;cursor:grab;touch-action:none;flex:none;align-self:stretch;place-items:center;width:17px;padding:0;display:grid}.inside-layer-drag:active{cursor:grabbing}.inside-object-layer.dragging{opacity:.45}.inside-object-layer.drop-before:before,.inside-object-layer.drop-after:after{content:"";z-index:2;background:#f58a24;height:2px;position:absolute;left:0;right:0}.inside-object-layer.drop-before:before{top:0}.inside-object-layer.drop-after:after{bottom:0}.inside-axis-handles rect{fill:#fff;stroke:#778b60;stroke-width:2px;vector-effect:non-scaling-stroke}.inside-axis-handles [data-handle=scale-x]{cursor:ew-resize}.inside-axis-handles [data-handle=scale-y]{cursor:ns-resize}.gallery-pagination{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:64px;margin:24px 0;display:flex}.gallery-pagination:empty{min-height:0;margin:0}.gallery-loading{width:100%}.gallery-loading .drawing-card{aspect-ratio:auto;width:100%;height:auto;min-height:110px;box-shadow:none;background:0 0;border:0;padding:14px}.gallery-loading .drawing-card p{margin:8px 0 4px}.gallery-pagination>p{color:var(--muted);font-size:13px}.spread-edit-surface{z-index:1;position:absolute;inset:0}.spread-edit-surface>.inside-svg{width:100%;height:100%;display:block;overflow:hidden}.turning-cover{z-index:2}.whole-card .whole-inside{grid-column:span 2}.whole-card .whole-inside>div{aspect-ratio:296/210}.chat-message.design-action{color:var(--muted);background:0 0;max-width:100%;margin:10px 0;padding:6px 12px;font-size:11px}.brand-back>div>img.back-logo{width:55px;height:auto;margin:auto;display:block}.preview-back>img.back-logo{width:50px;height:auto;display:block}.sand-recipe-link{white-space:nowrap;color:#65715d;font-size:10px;text-decoration:underline;border:0!important;border-radius:0!important;width:auto!important;height:auto!important;padding:3px 0!important}.recipe-comparison{grid-template-columns:1fr 1fr;gap:24px;margin-top:18px;display:grid}.recipe-comparison figure{text-align:center;margin:0}.recipe-cover{height:min(52vh,480px)}.recipe-cover svg{width:auto;max-width:100%;height:100%}.recipe-comparison figcaption{gap:3px;margin:10px 0;display:grid}.recipe-comparison figcaption span{color:var(--muted);font-size:11px}.bottle-list{display:contents}.sand-bottle-wrap{flex:none;display:inline-flex;position:relative}.bottle-tooltip{z-index:35;background:var(--ink);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;border-radius:6px;padding:5px 9px;font-size:11px;position:absolute;bottom:calc(100% + 8px);left:0}.sand-bottle-wrap:hover>.bottle-tooltip,.sand-bottle-wrap:focus-within>.bottle-tooltip{opacity:1}.sand-bottle-wrap:has(.bottle-picker)>.bottle-tooltip{opacity:0}.bottle-picker{border:1px solid var(--line);z-index:40;background:#fffdf8;border-radius:12px;width:260px;max-width:75vw;padding:12px;position:absolute;bottom:calc(100% + 12px);left:0;box-shadow:0 8px 28px #171b1925}.bottle-picker-heading{justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.bottle-picker-heading>button{padding:2px 5px;font-size:22px;line-height:1}.bottle-finish{gap:5px;margin:10px 0;display:flex}.bottle-finish button{border:1px solid var(--line);flex:1;padding:7px 4px;font-size:10px}.bottle-finish button[aria-pressed=true]{background:#eaf0e4;border-color:#8a9c7e}.bottle-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.bottle-options>button{border:1px solid var(--line);text-align:left;gap:4px;padding:7px;font-size:10px;display:grid}.bottle-options>button:hover{background:#f4f6ec;border-color:#708263}.bottle-option-swatch{background:var(--sand-color);border-radius:5px;height:28px;display:block}.bottle-option-swatch.glitter{background:radial-gradient(circle at 20% 30%,#ffffffb0 0 1px,transparent 1.5px),radial-gradient(circle at 70% 70%,#ffffffb0 0 1px,transparent 1.5px),var(--sand-color);background-size:8px 9px,11px 12px,auto}.bottle-picker p{color:var(--muted);margin-top:9px;font-size:10px;line-height:1.5}.mini-swatches .bottle-options small{margin:0}.bottle-options small{color:var(--muted)}.bottle-more{color:#65715d;text-underline-offset:3px;width:100%;margin-top:8px;padding:6px;font-size:11px;text-decoration:underline;display:block}.bottle-more:hover{color:var(--ink);background:#f3f5ed}.account-panel{min-width:0}.account-panel form>.btn{margin-top:15px}.account-panel .sample-note{font-size:11px}.account-notice{color:#3d633b;background:#eaf2e3;border-radius:7px;margin-bottom:12px;padding:9px 12px;font-size:12px}.account-empty{text-align:center;color:var(--muted);padding:24px 0}.account-empty h3{color:var(--ink);font-size:14px}.account-empty p{margin-top:5px;font-size:12px}.account-address-list,.account-message-list{margin:15px 0 0;padding:0;list-style:none}.account-address-list>li,.account-message-list>li{border-top:1px solid var(--line);padding:14px 0}.account-address-list>li>div:first-child{align-items:center;gap:10px;display:flex}.account-address-list small{color:#5a6b51;background:#edf1e5;border-radius:4px;padding:2px 7px}.account-address-list address{color:var(--muted);margin-top:6px;font-size:11px;font-style:normal;line-height:1.8}.account-row-actions{gap:18px;margin-top:7px;display:flex}.account-panel .text-link{color:#63725c;text-underline-offset:3px;font-size:11px;text-decoration:underline}.account-admin{margin-top:15px;display:block}.account-message-list strong{font-size:12px}.account-message-list p{margin:5px 0;font-size:12px}.account-message-list time{color:var(--muted);font-size:10px}.address-remove{background:#f6f1e7;border-radius:8px;margin-top:10px;padding:12px}.address-remove p{margin-bottom:7px;font-size:12px}.address-remove>.text-link{margin-left:12px}.account-address-form .checkbox-label{margin-top:3px;font-size:11px}.account-panel .account-address-form>.btn{margin-top:4px}.account-public-setting{margin-top:20px;margin-bottom:5px;font-size:12px}.account-public-setting input{width:auto;margin:0}.signin-options{gap:12px;display:grid}.google-signin-mark{color:#4285f4;font-family:Arial,sans-serif;font-size:20px;font-weight:700}.occasion-rail{gap:clamp(6px,2dvh,20px)}.occasion-rail>button{flex-shrink:0}@media (max-height:700px){.occasion-rail{gap:5px;padding-top:10px;padding-bottom:10px}.occasion-rail>button{height:45px;min-height:0}}.making-simulation{justify-items:center;gap:16px;display:grid}.making-status{text-align:center;gap:4px;min-height:52px;display:grid}.making-status strong{font-size:16px}.making-status span,.making-note{color:var(--muted);font-size:12px}.making-desk{perspective:1000px;aspect-ratio:var(--paper-ratio);background:#f0ede4;max-width:85%;height:min(55dvh,550px);position:relative}.making-card{transform-origin:50% 95%;background:#fff;width:100%;height:100%;display:block;overflow:visible;box-shadow:0 12px 24px #17201818}.making-card.is-tipping{animation:making-tip var(--phase-time) ease-in-out both}.making-peel{transform-origin:100% 0;animation:making-peel var(--phase-time) ease-in-out both}.making-sand-fill{transform-box:fill-box;transform-origin:50% 0;animation:making-fill var(--phase-time) ease-out both}.making-loose-sand.is-falling{animation:making-fall var(--phase-time) linear both}.making-loose-sand.is-spilling{animation:making-spill var(--phase-time) ease-in both}.making-pour-tool{width:15%;animation:making-bottle var(--phase-time) ease-in-out both;pointer-events:none;position:absolute;top:-4%;left:54%;transform:rotate(145deg)}.making-pour-tool svg,.making-brush svg{width:100%;height:100%;display:block}.making-brush{filter:drop-shadow(3px 8px 3px #17201820);width:20%;height:27%;animation:making-brush var(--phase-time) ease-in-out both;pointer-events:none;position:absolute;top:15%;left:20%}.making-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.making-controls .btn{min-height:36px;padding:8px 12px;font-size:12px}.making-controls label{align-items:center;gap:6px;font-size:12px;display:flex}.making-controls select{width:65px;padding:7px}.making-note{text-align:center;max-width:58ch;margin:0;line-height:1.6}@keyframes making-peel{0%,12%{opacity:1;transform:translate(0)}80%,to{opacity:0;transform:translate(14%,-18%)skewY(-8deg)}}@keyframes making-fill{0%{transform:scaleY(0)}85%,to{transform:scaleY(1)}}@keyframes making-fall{0%{opacity:0;transform:translateY(-35%)}20%,80%{opacity:.85}to{opacity:.8;transform:translateY(0)}}@keyframes making-tip{0%,to{transform:rotateX(0)rotate(0)}45%,75%{transform:rotateX(25deg)rotate(13deg)}}@keyframes making-spill{0%,20%{opacity:.8;transform:translate(0)}90%,to{opacity:0;transform:translate(20%,70%)}}@keyframes making-bottle{0%,to{opacity:0}12%,85%{opacity:1}40%{left:24%}75%{left:62%}}@keyframes making-brush{0%{transform:translate(0)rotate(-15deg)}22%{transform:translate(180%,65%)rotate(12deg)}45%{transform:translate(-20%,115%)rotate(-15deg)}72%{transform:translate(180%,185%)rotate(12deg)}to{transform:translate(-20%,215%)rotate(-15deg)}}@media (prefers-reduced-motion:reduce){.making-card,.making-peel,.making-sand-fill,.making-loose-sand,.making-pour-tool,.making-brush{animation-duration:1ms!important}.making-peel{opacity:0}.making-loose-sand{display:none}}.making-desk.is-paused *{animation-play-state:paused!important}.making-excess.is-tipping-off{animation:making-excess-off var(--phase-time) ease-in both}@keyframes making-excess-off{0%,15%{transform:translateY(0)}90%,to{transform:translateY(110%)}}@media (prefers-reduced-motion:reduce){.making-excess{animation-duration:1ms!important}}.making-desk{height:min(48dvh,500px)}.design-actions .delete-design{color:#8f3d2e;align-items:center;gap:6px;display:inline-flex}.design-actions .delete-design:hover{background:#fff2ec;border-color:#d7a397}.orders-list .order-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;width:100%;max-width:1060px;margin-inline:auto;padding:clamp(16px,2vw,26px)}.order-row .order-summary{border:0;justify-items:start;gap:4px;margin:0;padding:0}.order-row .order-state{grid-area:1/2}.order-row .whole-card .whole-inside{grid-column:auto}.order-row .whole-card{grid-area:2/1/auto/-1;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);align-items:start;min-width:0;margin:0}.order-preview-strip figure{min-width:0;margin:0}.order-preview-placeholder{aspect-ratio:592/210;grid-column:1/-1}.order-cover-preview{overflow:hidden}.order-cover-preview .template-image{width:100%;height:100%;padding:0}.order-cover-preview .template-image>.template-preview-image{filter:none}@media (max-width:760px){.order-row .whole-card{gap:6px}.order-row .order-state{text-align:left;grid-area:3/1/auto/-1}}.account-list-loading{place-items:center;width:100%;min-height:55vh;display:grid}.account-list-loading .drawing-card{aspect-ratio:auto;width:min(100%,260px);height:auto;min-height:220px;box-shadow:none;background:0 0;border:0;padding:24px 12px}.account-list-pagination{flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:10px;min-height:0;margin:12px 0 28px;display:flex}.account-list-pagination:empty{display:none}.account-list-pagination .drawing-card{aspect-ratio:auto;width:min(100%,240px);height:auto;min-height:150px;box-shadow:none;background:0 0;border:0;padding:12px}.account-list-pagination>p{color:var(--muted);margin:0;font-size:12px}.account-list-pagination>p button{color:var(--ink);margin-left:8px;text-decoration:underline}.template-image>img.template-preview-image{object-fit:contain;filter:drop-shadow(0 3px 5px #171b1915);width:100%;height:100%;display:block}