.diy-studio{color:#ede7df;background:#14100d;flex-direction:column;min-height:100vh;display:flex}.diy-studio__workspace{flex:1;grid-template-columns:360px 1fr 300px;gap:1px;min-height:100vh;display:grid}.diy-studio__library,.diy-studio__panel{background:#1a1612;position:relative;overflow-y:auto}.diy-studio__library{border-right:1px solid #d4bc831a}.diy-studio__panel{border-left:1px solid #d4bc831a}.diy-studio__board{background:radial-gradient(120% 120% at 50% 0,#d4bc830a 0%,#1a161200 55%),#14100d;justify-content:center;align-items:center;min-height:560px;display:flex;position:relative;overflow:hidden}@media (max-width:1024px){.diy-studio__workspace{grid-template-columns:320px 1fr 260px}}.diy-studio__mobile-bar,.diy-studio__mobile-info,.diy-studio__mobile-actions,.diy-studio__panel-close{display:none}@media (max-width:768px),(max-height:560px) and (max-width:1024px){.diy-studio{padding-top:calc(52px + env(safe-area-inset-top,0px));padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}.diy-studio__mobile-bar{box-sizing:border-box;height:calc(52px + env(safe-area-inset-top,0px));z-index:60;padding:env(safe-area-inset-top,0px) 12px 0;-webkit-backdrop-filter:blur(8px);background:#14100deb;border-bottom:1px solid #d4bc8324;align-items:center;gap:8px;display:flex;position:fixed;top:0;left:0;right:0}.diy-studio__mobile-back{color:#ede7df;cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:22px;line-height:1}.diy-studio__mobile-title{min-width:0;font-family:var(--font-display,"Cormorant Garamond", serif);letter-spacing:.04em;color:#ede7df;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:16px;overflow:hidden}.diy-studio__mobile-resonance{color:#e7c988;cursor:pointer;white-space:nowrap;background:#d4bc8324;border:1px solid #d4bc8366;border-radius:999px;padding:6px 10px;font-size:12px}.diy-studio__mobile-menu{color:#ede7df;cursor:pointer;background:0 0;border:1px solid #d4bc834d;border-radius:8px;flex:none;width:38px;height:34px;font-size:16px}.diy-studio__mobile-info{background:#1a1612;border-bottom:1px solid #d4bc831a;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.diy-studio__mobile-wrist{color:#e7c988;white-space:nowrap;border:1px solid #d4bc834d;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;text-decoration:none;display:inline-flex}.diy-studio__mobile-price{font-family:var(--font-display,serif);color:#ede7df;white-space:nowrap;font-size:18px}.diy-studio__workspace{grid-template-rows:none;grid-template-columns:1fr}.diy-studio__library{border:none;overflow-y:visible}.diy-studio__board{z-index:10;border-bottom:1px solid #d4bc831a;order:-1;height:42vh;min-height:280px;position:sticky;top:52px}.diy-studio__panel{z-index:80;background:#1a1612;border-left:1px solid #d4bc8333;width:min(360px,86vw);transition:transform .28s;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.diy-studio__panel.is-mobile-open{transform:translate(0)}.diy-studio__panel-close{color:#ede7df;cursor:pointer;z-index:2;background:#ede7df14;border:1px solid #d4bc8340;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:22px;line-height:1;display:flex;position:absolute;top:10px;right:12px}.diy-studio__mobile-backdrop{z-index:70;background:#0000008c;display:block;position:fixed;inset:0}.diy-studio__mobile-actions{box-sizing:border-box;height:calc(64px + env(safe-area-inset-bottom,0px));z-index:60;padding:10px 12px env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:blur(8px);background:#14100df2;border-top:1px solid #d4bc8324;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0}.diy-studio__mobile-action{letter-spacing:.03em;color:#e7c988;cursor:pointer;background:#d4bc831f;border:1px solid #d4bc8359;border-radius:10px;flex:1;justify-content:center;align-items:center;font-size:13px;text-decoration:none;display:flex}.diy-studio__mobile-action:disabled{opacity:.4;cursor:not-allowed}.diy-studio__mobile-action--primary{color:#14100d;background:linear-gradient(#e7c988,#c9a35e);border-color:#0000;font-weight:600}}
.diy-page{background:#14100d;min-height:100vh}