/* Art edition: cream-pink nail studio, mint tools and room for the painting surface. */
:root{color:#624758;background:#fff6f0}button{border:2px solid #e3cbd4;border-radius:15px;box-shadow:0 2px 0 #ddc5cf33;font-weight:600;background:#fffdf8}button:hover{background:#fff0f2;border-color:#d99bb0}button:focus-visible{outline:3px solid #42a795;outline-offset:2px}.primary{background:#dc7f9a;border-color:#bd617f;box-shadow:0 3px 0 #a85370;color:white}.primary:hover{background:#cc6f8b;color:#fff}.brand b{color:#d885a1}h1{font-weight:800;letter-spacing:2px}h2{font-weight:750;color:#664c62}.brand small{color:#a57387}.top-actions span{color:#8f657b}.order{background:#ffe5ea;border:2px solid #edc1cc;border-radius:21px;box-shadow:0 3px 0 #f3dce1}.order p{color:#886979}.order-goal>span{font-weight:700;color:#886077}.recipe-nail{border:2px solid #fff6ee;box-shadow:0 2px 0 #c18b9033}.recipe-nail small{border:1px solid #e4bdba;font-weight:700}.preview{background:radial-gradient(ellipse at 50% 30%,#f6fff6,#d4efe1 80%);border:3px solid #97cbb8;border-radius:80px 80px 22px 22px;box-shadow:inset 0 0 0 5px #edfff1}.preview:before{border:2px solid #b1d9c7;background:#fff8e72b}.preview-title{font-weight:600;color:#548c76}.preview>p{color:#608b76}#hand svg{filter:drop-shadow(0 5px 0 #9ac4ad22)}.nail-tabs button{background:#f9fff7;border:2px solid #acd4c3;color:#507b6c;border-radius:13px}.nail-tabs .active{background:#64ad98;color:#fff;border-color:#438d79;box-shadow:0 2px 0 #4e927e}.nail-tabs .done:after{color:#dc9f4f}.canvas-wrap{background:radial-gradient(ellipse at 50% 36%,#fffcf3,#f8e2dc);border:3px solid #e7b9b4;box-shadow:inset 0 0 0 5px #fff7ec;border-radius:70px 70px 20px 20px}.canvas-heading h3{font-weight:750;color:#76536b}.canvas-heading span{font-weight:700;color:#b5617e}.canvas-hint{background:#fffaf0cc;border-radius:10px;padding:4px 8px;color:#976c72}.meter{height:6px;background:#ead3dc}.meter i{background:#da84a0}.tools{background:#eaf7ee;border:2px solid #b9ddcd;border-radius:19px;padding:13px 10px;gap:16px}.tool-section h3{color:#4f7e70;font-weight:750}.tool-section h3 span{color:#559e86}.swatch{background:#ffffff80;border:2px solid transparent;border-radius:14px;color:#6b5b62;font-size:10px}.swatch i{width:31px;height:35px;border-radius:13px 13px 10px 10px;border:2px solid #ffffffd0;box-shadow:inset 4px 0 0 #ffffff33,0 2px 0 #bdcbbb55}.swatch[aria-pressed=true]{border-color:#d68ba6;background:#fff1f2}.swatch[aria-pressed=true] i:after{line-height:30px}#patterns button{border-color:#c8dfd4;background:#fffef6;min-height:55px}#patterns button b{font-size:25px;color:#b88b40}#patterns button[aria-pressed=true]{background:#fff0f2;border-color:#d489a3}#patternHint{color:#5c8274}.edit-actions button{background:#fafff7;border-color:#b5d4c6;color:#527669}.next{background:#fff3d6;border-color:#dfc186;color:#8c6b3b}.signature{color:#a5798e}footer p{color:#93627b}dialog{border:3px solid #d7a2b5;background:#fffaf0;border-radius:26px;box-shadow:0 10px 0 #8e5c7333}dialog::backdrop{background:#74526877}dialog p{color:#876c7c}.score{color:#cf7896}dialog button{min-height:44px}.album-card{border-color:#edcdd7}
@media(min-width:900px){.desk{grid-template-columns:minmax(235px,1fr) 220px}main{grid-template-columns:34% 1fr;gap:22px}}
@media(max-width:650px) and (orientation:portrait){header{margin-bottom:10px}.top-actions button{min-height:40px!important}.brand small{font-size:6px}.order{padding:12px;gap:8px}.order p{font-size:12px}.order-goal{gap:9px}.preview{height:155px;border-radius:35px 35px 18px 18px;padding:10px}.preview:before{inset:20px 45px 42px}#hand svg{max-height:100px;width:160px}.nail-tabs button{min-height:40px;font-size:11px}.desk{display:flex;flex-direction:column;gap:12px}.canvas-heading{margin:0 4px 7px}.canvas-heading h3{font-size:14px}.canvas-heading span{font-size:12px}.canvas-wrap{height:310px;min-height:310px;flex:none;border-radius:55px 55px 18px 18px}canvas{max-height:none}.canvas-hint{font-size:10px}.tools{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px;border-radius:20px}.tool-section h3{font-size:12px;margin-bottom:9px}.tool-section h3 span{display:none}#colors{gap:5px}.swatch{padding:4px 1px;min-height:56px;font-size:9px;gap:3px}.swatch i{width:26px;height:29px}.swatch[aria-pressed=true] i:after{line-height:25px}#patterns{gap:5px}#patterns button{min-height:56px;font-size:11px}#patterns button b{font-size:23px}#patternHint{font-size:10px}.edit-actions button{min-height:44px;font-size:10px}.next{min-height:44px;font-size:12px;margin:0}.signature{letter-spacing:0}footer p{min-height:0}footer>div button{min-height:46px}}
@media(orientation:landscape) and (max-height:540px){main{grid-template-columns:25% 1fr;gap:10px}.preview{padding:12px 7px 7px;border-radius:40px 40px 15px 15px}.preview:before{inset:25px 10px 45px}.desk{grid-template-columns:minmax(150px,1fr) 240px;gap:10px}.tools{padding:7px;gap:5px;border-radius:15px}.tool-section h3{font-size:10px}.swatch{font-size:8px;min-height:44px;padding:2px 0}.swatch i{width:21px;height:24px;border-width:1px}.swatch[aria-pressed=true] i:after{line-height:22px}#patterns button{min-height:44px;font-size:9px;padding:2px}#patterns button b{font-size:17px}.nail-tabs button{min-height:36px;font-size:9px;border-radius:10px}.canvas-wrap{border-radius:40px 40px 16px 16px}.canvas-hint{font-size:8px;padding:2px 4px}.edit-actions button,.next{min-height:34px;font-size:9px;padding:4px 2px}.order{margin-bottom:7px;padding:5px 10px}.top-actions button{min-height:38px}.order h2{font-size:16px}footer button{min-height:38px}#patternHint{font-size:8px}.app{padding-top:6px;padding-bottom:6px}}
@media(orientation:landscape) and (max-height:360px){.app{height:auto;min-height:100dvh}main{min-height:235px}.order{margin-top:2px}.canvas-heading h3{font-size:11px}.tools{align-content:start}.preview-title{font-size:6px}.order .eyebrow{font-size:8px}}
@media(orientation:landscape) and (max-width:620px){main{display:flex;flex-direction:column;gap:10px}.preview{height:115px;min-height:115px;display:grid;grid-template-columns:115px 1fr;grid-template-rows:22px 1fr;padding:8px 12px;border-radius:24px}.preview-title{grid-column:2;grid-row:1;font-size:8px;width:100%}.preview:before{display:none}#hand{grid-column:1;grid-row:1/3;width:100%;height:95px;min-height:0}.nail-tabs{grid-column:2;grid-row:2}.nail-tabs button{min-height:44px;font-size:11px}.desk{min-height:265px;grid-template-columns:minmax(220px,1fr) 240px}.tools{gap:9px;padding:10px}.canvas-wrap{min-height:230px}.canvas-heading h3{font-size:13px}.canvas-heading span{font-size:11px}.swatch{min-height:51px;font-size:9px}.swatch i{width:25px;height:27px}#patterns button{min-height:51px;font-size:10px}#patterns button b{font-size:20px}.edit-actions button,.next{min-height:40px;font-size:10px}#patternHint{font-size:9px}.order p{display:none}header .brand small{display:none}.top-actions button{padding:5px 8px}footer>div button{min-height:44px}footer p{font-size:10px}}

@media(max-width:650px) and (orientation:portrait){.preview{height:195px}#hand svg{max-height:140px}.swatch{font-size:11px;min-height:58px}}
@media(orientation:landscape) and (max-height:540px){.swatch{font-size:10px}}

/* Detail edition: glass polish bottles and domed sample nails. */
.swatch i{position:relative;overflow:visible;margin-top:7px;border-radius:7px 7px 9px 9px;background-image:linear-gradient(90deg,#3b224625,#ffffff88 18%,#ffffff05 45%,#ffffff30 76%,#34243b33)!important;box-shadow:inset 0 -4px 0 #ffffff45,inset 1px 0 0 #fff9,0 2px 2px #48685925}
.swatch i:before{content:"";position:absolute;left:25%;right:25%;height:8px;top:-9px;border-radius:3px 3px 1px 1px;background:repeating-linear-gradient(90deg,#5d5262 0 2px,#897d89 2px 3px);border:1px solid #5e5363;box-shadow:0 1px 0 #f2d9bc}
.recipe-nail{background-image:linear-gradient(90deg,#69405430,#ffffff75 22%,#ffffff10 48%,#ffffff00 70%,#49243c30)!important;box-shadow:inset 0 -2px 0 #ffe8d7,0 2px 2px #a0748230}

/* Let the desk establish its own height so the footer never overlaps tools. */
@media(min-width:900px){.app{height:auto;max-height:none}main{flex:none;min-height:480px}.preview{min-height:480px}.tools{gap:12px}}