/* The approved blush-paper edition. The cloth is a separate, non-interactive scene layer. */
:root{--ink:#9d5846;--soft:#b47f6c;--line:#a86550;--cream:#fffaf3;--sage:#91aa98;--peach:#f5c7c6;color:var(--ink);background:#f5c7c6}
body{background:#f5c7c6 url('/assets/ui-v10/paper-grain.svg') repeat;background-size:256px 256px;background-attachment:scroll}
.atelier{--frame:min(100vw,calc(100dvh * .66),520px);--extra:max(0px,calc(100dvh - var(--frame) * 1.52));width:var(--frame);min-height:max(100dvh,calc(var(--frame) * 1.5));padding:calc(var(--frame) * .045) calc(var(--frame) * .07) max(calc(var(--frame) * .03),env(safe-area-inset-bottom));display:flex;flex-direction:column;overflow:clip}
.atelier[data-page=arrange]::after,.atelier[data-page=wrap]::after,.workbench::before{display:none}
.atelier[data-page=arrange]::before,.atelier[data-page=wrap]::before{content:'';position:absolute;z-index:-1;pointer-events:none;left:-2%;right:-2%;top:var(--floor-top,69%);bottom:4px;background:transparent url('/assets/ui-v10/tablecloth.svg?v=1') center top/100% 100% no-repeat;border:0;box-shadow:none;transform:none}
.paper-panel,.small-paper{background:#fffaf4 url('/assets/ui-v10/paper-grain.svg') repeat;background-size:256px 256px;background-blend-mode:normal;border:1.25px solid var(--line);box-shadow:none}
.paper-panel::after{display:none}
.material-shelf{flex:none;height:calc(var(--frame) * .215);padding:9px 30px 9px 9px;border-radius:23px 21px 24px 20px}
.flower-track{height:100%;gap:3px;padding:0;align-items:stretch}
.flower-card,.flower-card:nth-child(2n),.flower-card:nth-child(3n){flex:0 0 calc((100% - 18px)/6.7);height:100%;aspect-ratio:auto;min-width:0;padding:2px 0 4px;background:none;border:0;border-radius:0;box-shadow:none;color:var(--ink);font-size:clamp(12px,calc(var(--frame) * .033),17px);letter-spacing:0;transform:none}
.flower-card.active,.flower-card:hover{background:none;border:0;box-shadow:none}
.flower-card.active>span:last-child{text-decoration:underline;text-decoration-color:#c49580;text-underline-offset:4px;text-decoration-thickness:1px}
.card-art{height:calc(100% - 20px);width:100%;margin:0 0 3px}
.card-art img{height:100%;width:128%;object-fit:contain;filter:none}
.flower-card>span:last-child{line-height:17px}
.shelf-next{right:7px;width:23px;height:38px;padding:3px;background:#fffaf4;border:1.1px solid var(--line);border-radius:11px 10px 12px 10px;color:var(--ink)}
.shelf-next .icon{width:16px;stroke-width:1.7}
.editor.paper-panel{flex:none;width:91%;margin:calc(var(--frame) * .03) auto 0;padding:0;min-height:36px;background:#fffaf4 url('/assets/ui-v10/paper-grain.svg') repeat;border:1.2px solid var(--line);border-radius:18px 16px 17px 16px}
.editor .tool-row{height:34px;min-height:34px}
.editor .drawing-tool{min-height:34px;height:34px;flex-direction:row;gap:4px;padding:3px 1px;font-size:clamp(12px,calc(var(--frame) * .032),16px);color:var(--ink)}
.editor .tool-icon{width:17px;height:17px;stroke-width:1.6}
.editor .drawing-tool:not(:last-child)::after{top:26%;height:48%;background:#c58c7459}
.editor .drawing-tool.active,.editor .drawing-tool.is-toggled{background:#edddd680}
.tool-popover{background:#fffaf4 url('/assets/ui-v10/paper-grain.svg') repeat;border-color:var(--line);box-shadow:0 3px 0 #c89b8429}
.popover-caption{color:var(--soft)}
.slider-row input{background:#dcc3b5}
.slider-row input::-webkit-slider-thumb{background:#fffaf4;border-color:#ad7961}
.slider-row input::-moz-range-thumb{background:#fffaf4;border-color:#ad7961}
.workbench{flex:none;height:calc(var(--frame) * .74 + var(--extra) * .6);margin-top:calc(var(--frame) * .03);position:relative;isolation:isolate}
.workbench .scene{position:absolute;inset:auto auto 0 6%;width:83%;height:auto;aspect-ratio:600/620;margin:0;transform:none!important;overflow:hidden}
.layers-panel{width:max(62px,calc(var(--frame) * .15));min-width:0;max-width:none;max-height:calc(var(--frame) * .77);top:calc(10px + var(--extra) * .35);right:-1%;padding:8px 4px 5px;border-radius:16px 14px 17px 15px;background:#fffaf4 url('/assets/ui-v10/paper-grain.svg') repeat;border:1.2px solid var(--line);box-shadow:none}
.layers-heading{align-items:center;padding:0 1px 4px;gap:2px}
.layers-heading strong{font-size:clamp(13px,calc(var(--frame) * .032),16px);font-weight:400;line-height:1.2;color:var(--ink)}
.layers-heading>button{display:grid;place-items:center;min-width:23px;min-height:23px;padding:3px}
.layers-heading .icon{width:12px;height:12px;stroke-width:1.7}
.layer-list{max-height:calc(var(--frame) * .67);border:0;padding:0;scrollbar-color:#d4b5a6 transparent}
.layer-row{height:max(40px,calc(var(--frame) * .088));min-height:40px;border:1px solid #e5c5b34d;border-radius:8px 9px 8px 10px;margin:0 0 1px;background:none}
.layer-row.selected{background:none;border-color:#d9a88c}
.layer-grip{width:19px;min-height:38px;padding:4px 2px;color:#bd7a60;opacity:.85}
.layer-grip .icon{width:9px;height:19px}
.layer-select{min-height:38px;padding:1px 2px;justify-content:center}
.layer-select img{width:clamp(30px,calc(var(--frame) * .083),42px);height:38px;object-fit:contain}
.layer-toggle{top:12px;right:0;min-height:35px;padding:6px 10px;font-size:14px;color:var(--ink);border-color:var(--line);background:#fffaf4 url('/assets/ui-v10/paper-grain.svg') repeat}
.layer-count{font-size:11px;color:var(--soft)}
.layers-empty,.empty-nudge{color:#b27663}
.empty-nudge{top:27%;left:43%;font-size:14px}
.empty-nudge p{font-size:14px}
.bottom-bar{flex:none;width:100%;min-height:70px;margin:auto auto 0;z-index:3;justify-content:center}
.primary-button,.atelier[data-page=wrap] .primary-button{width:auto;min-width:0;min-height:49px;padding:8px 20px 10px;gap:13px;border:1.3px solid var(--line);border-radius:13px 11px 14px 12px;background:#fffaf3 url('/assets/ui-v10/paper-grain.svg') repeat;background-size:256px 256px;color:var(--ink);font-size:clamp(23px,calc(var(--frame) * .052),27px);line-height:1;letter-spacing:.025em;box-shadow:0 2px 0 #cba08b66;transform:none}
.primary-button .icon{width:23px;height:23px;stroke-width:1.5}
.primary-button:hover:not(:disabled){background-color:#fffefa}
.primary-button:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 0 #cba08b66}
.primary-button:disabled{opacity:.58}
.history{left:-7px;bottom:15px;gap:2px}
.history button{min-width:32px;min-height:38px;justify-content:center;padding:5px}
.history .icon{width:20px;height:20px;stroke-width:1.6;color:var(--ink)}
.history button:disabled{opacity:.32}
.little-heading h1,.text-button,.finish-title,.save-button,.background-picker{color:var(--ink)}
.sprig{color:#8fa18a}
.wrap-shelf{height:auto;padding:9px 10px 12px}
.shelf-caption{color:var(--ink)}.shelf-note{color:var(--soft)}
.wrap-card{color:var(--ink)}.wrap-card.active{background:#f3e4d84d;border-color:#bd8c74}.wrap-card .picked{background:#a3b297;border-color:#839579;color:#fffaf4}
.wrap-shelf .paper-colors{border-top-color:#ddc3b54d}.paper-colors{color:var(--ink)}
.swatch{border:1.1px solid #af7c65;box-shadow:none}.swatch.active::after{border-color:#ab7259}.swatch .icon{color:var(--ink)}
.wrap-workbench{height:calc(var(--frame) * .91 + var(--extra) * .35);margin-top:6px}
.atelier[data-page=wrap] .wrap-workbench .scene{width:100%;left:0}
.atelier[data-page=wrap] .bottom-bar{margin-top:auto;gap:12px;justify-content:space-between}
.atelier[data-page=wrap] .bottom-bar .text-button{font-size:14px;padding:9px 10px;border:1px solid #b77f66;border-radius:10px 12px 10px 11px;background:#fffaf3 url('/assets/ui-v10/paper-grain.svg') repeat;min-height:42px}
.finish-actions{flex:none;margin-bottom:14px}
.finish-title{font-size:20px}.save-button{font-size:15px}
.finished-card{flex:none;border:7px solid #fffaf3;box-shadow:1px 2px 0 #b9867066;margin:0;transform:rotate(-.35deg)}
.poster-bottom{color:#a16b53}.background-picker{font-size:14px;gap:12px}.background-picker .swatches{gap:11px}
.export-note{font-size:12px;color:var(--soft)}
.toast{color:var(--ink);background:#fffaf3;border:1px solid #b78169;box-shadow:0 2px 0 #cba08b33;font-size:15px}
button:focus-visible,input:focus-visible{outline-color:#ad725b}
@media(max-aspect-ratio:3/5){.workbench .scene{width:100%;left:-2%}}
@media(max-width:380px){.material-shelf{padding:8px 27px 8px 7px}.flower-card{font-size:11px}.shelf-next{right:5px;width:22px}.editor .drawing-tool{font-size:12px;gap:2px}.editor .tool-icon{width:15px;height:15px}.layers-panel{width:61px}.layer-grip{width:17px}.layer-select img{width:30px}.primary-button{padding-left:17px;padding-right:17px;font-size:23px}.history{left:-10px}.history button{min-width:29px;padding:4px}.background-picker .swatches{gap:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}