/* Large, labelled controls; all existing actions and panel states are retained. */
:root{--ink:#203832;--muted:#58665e;--paper:#f5f2eb;--line:#d5dbd2;--accent:#1e5347}
html,body{font-family:HanvitSans,'Malgun Gothic',sans-serif!important;background:var(--paper)!important;color:var(--ink);font-size:16px}
button,input,select,textarea{font:inherit}
button{touch-action:manipulation}
button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #bf722b!important;outline-offset:3px}
#workbench-shell{padding:0 20px 12px 126px!important;gap:16px!important}
#atelier-header{display:flex!important;min-height:90px!important;height:90px!important;max-height:90px!important;padding:0!important;gap:18px!important;border:0!important;background:transparent!important;flex-wrap:nowrap!important}
#atelier-header>div:first-child{display:flex!important;gap:12px!important}
#atelier-header>div:first-child>span{display:none}
#atelier-header h1{font-size:22px!important;letter-spacing:-.06em!important;color:var(--ink)!important}
#atelier-header h1+span{font-size:12px!important;letter-spacing:0!important;color:var(--muted)!important}
#atelier-header>div:last-child{display:flex!important;gap:7px!important;margin-left:auto!important;flex-wrap:wrap;justify-content:flex-end}
#atelier-header .hb-btn{min-height:44px!important;height:auto!important;padding:9px 12px!important;font-size:14px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:#fff!important;color:var(--ink)!important}
#atelier-header #header-nav-quote{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}
#top-attribute-tabs-bar{position:fixed!important;left:16px!important;top:106px!important;bottom:48px;width:94px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:10px!important;padding:0!important;border:0!important;background:transparent!important;z-index:35;overflow-y:auto}
#top-attribute-tabs-bar:before{content:'만들기';font-size:13px;font-weight:700;color:#66756b;align-self:center;padding:5px}
#top-attribute-tabs-bar .top-attr-tab-btn{position:relative!important;display:flex!important;flex-direction:column!important;gap:10px!important;width:94px!important;min-height:100px!important;height:auto!important;padding:15px 6px!important;border:1px solid transparent!important;border-radius:18px!important;font-size:14px!important;color:#52665c!important;white-space:normal!important;text-align:center;background:transparent!important}
#top-attribute-tabs-bar .top-attr-tab-btn.is-active{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important;box-shadow:0 8px 20px #1e53471c!important}
#top-attribute-tabs-bar .top-attr-tab-btn.is-active:after{display:none}
#top-attribute-tabs-bar .studio-icon{width:29px!important;height:29px!important;opacity:1!important}
#recipe-thread-count-badge{position:absolute;right:6px;top:7px;min-width:24px;font-size:11px!important;background:#d8ba78!important;color:#26382c!important}
#studio-main-grid,#space-main-grid{gap:20px!important}
#studio-left-window,#space-left-window{width:370px!important;min-width:370px!important;max-width:370px!important;flex-basis:370px!important;padding:24px 21px!important;border:0!important;border-radius:24px!important;background:#fff!important;box-shadow:none!important;scrollbar-width:thin;scrollbar-color:#bec8bc transparent}
#studio-center-window,#space-center-window{border:0!important;border-radius:24px!important;box-shadow:none!important;background:#e1dfd5!important;overflow:hidden}
#studio-left-window .hb-sec-title,#space-left-window .hb-sec-title{font-size:18px!important;font-weight:750!important;line-height:1.5!important;color:var(--ink)!important}
#studio-left-window [class*='text-'],#space-left-window [class*='text-']{font-size:14px!important;line-height:1.55!important}
#studio-left-window button,#space-left-window button{min-height:44px!important;font-size:15px!important;border-radius:12px!important}
#studio-left-window input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=file]),#space-left-window input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=file]),#studio-left-window select,#space-left-window select{min-height:44px!important;font-size:16px!important;border-radius:10px!important;background:#fafbf7!important}
#studio-left-window input[type=range],#space-left-window input[type=range],#rng-light-angle{min-height:28px!important;height:28px!important;accent-color:var(--accent)!important}
input[type=range]::-webkit-slider-thumb{min-width:23px;min-height:23px}
#lbl-left-active-tab-title{font-size:16px!important;font-weight:700!important;color:#375346!important}
#cement-base-options{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
#cement-base-options>button{min-height:68px!important;white-space:normal!important;font-size:15px!important}
#base-color-options{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
#base-color-options>button{min-height:86px!important;font-size:13px!important}
#base-color-options>button>span:first-child{width:35px!important;height:35px!important;border-radius:50%!important}
#stone-chip-options-list,#glass-chip-options-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
#stone-chip-options-list>button,#glass-chip-options-list>button{padding:12px 7px!important;background:#f7f8f3!important;border:2px solid transparent!important;border-radius:16px!important;min-height:112px!important}
#stone-chip-options-list>button [class*='text-'],#glass-chip-options-list>button [class*='text-']{font-size:14px!important}
#stone-chip-options-list>button:hover,#glass-chip-options-list>button:hover{border-color:#739b87!important}
#stone-chip-options-list>button[aria-pressed=true],#glass-chip-options-list>button[aria-pressed=true],#stone-chip-options-list>button[class*='border-[#A67B44]'],#glass-chip-options-list>button[class*='border-[#A67B44]']{border-color:var(--accent)!important;background:#e8f1e8!important}
#stone-chip-options-list img,#glass-chip-options-list img{height:56px!important;width:64px!important;object-fit:contain!important}
#binder-physical-spec-banner{font-size:13px!important;line-height:1.6!important;background:#f4f5ee!important;padding:12px!important}
#selected-aggregates-top-summary img{width:48px!important;height:48px!important}
#center-top-toolbar{min-height:76px!important;padding:12px 16px!important;background:#fff!important;gap:12px!important}
.hb-seg-btn,.hb-btn,.hb-icon-btn{min-height:44px!important;font-size:14px!important;color:#385347}
.hb-icon-btn{min-width:44px!important;width:44px!important;border-radius:12px!important}
.hb-svg,.studio-icon{width:22px!important;height:22px!important}
[aria-label='가공 형상 및 계단 선택']{flex-wrap:wrap!important;gap:4px!important}
[aria-label='가공 형상 및 계단 선택']>.hb-seg-btn{min-height:58px!important;min-width:57px!important;font-size:13px!important;padding:6px!important;gap:5px!important}
[aria-label='가공 형상 및 계단 선택'] .hb-svg{width:24px!important;height:24px!important}
#center-top-lighting-bar{display:flex!important;flex-wrap:wrap!important;gap:12px!important;background:#fff!important;padding:12px 16px!important}
#center-top-lighting-bar>div:first-child{display:flex!important;flex-wrap:wrap!important;width:100%!important;gap:10px!important}
#center-top-lighting-bar>div:first-child>span{font-size:14px!important;color:#3d5145!important}
#stage-lighting-theme-group{gap:7px!important;background:transparent!important;border:0!important;padding:0!important;flex-wrap:wrap}
#stage-lighting-theme-group button{min-height:61px!important;min-width:92px!important;border-radius:12px!important;border:2px solid transparent!important;background:#f2f4ee!important;color:#3d5145!important;padding:8px 12px!important}
#stage-lighting-theme-group button>span{display:flex;align-items:center;gap:8px}
#stage-lighting-theme-group button.is-active{background:#e8f0e4!important;border-color:var(--accent)!important;color:#194a3d!important}
#stage-lighting-theme-group button .studio-icon{width:25px!important;height:25px!important}
#btn-stage-theme-outdoor{background:linear-gradient(135deg,#e2e9dc,#f3e7bf)!important}
#btn-stage-theme-light{background:linear-gradient(135deg,#e9e0cc,#cfb997)!important}
#btn-stage-theme-dark{background:linear-gradient(135deg,#4d5a53,#303d37)!important;color:#fff!important}
#btn-stage-theme-studio{background:linear-gradient(135deg,#e1e7eb,#f8f9f8)!important}
#lighting-angle-center-dock{display:flex!important;flex-wrap:wrap!important;width:100%!important;background:#f5f6f1!important;border:0!important;border-radius:12px!important;padding:8px 12px!important;margin:0!important;justify-content:flex-start!important;box-shadow:none!important}
#lighting-angle-center-dock button{min-width:38px;min-height:38px;font-size:14px!important}
#lighting-angle-center-dock input{flex:1;min-width:90px;max-width:210px}
#center-bottom-toolbar{bottom:18px!important;max-width:calc(100% - 28px)!important;min-height:76px!important;border:0!important;padding:10px!important;gap:9px!important;border-radius:18px!important;background:#fffffff2!important;box-shadow:0 12px 36px #21392b24!important}
#center-bottom-toolbar .hb-icon-btn{min-height:51px!important;height:auto!important;width:49px!important;min-width:49px!important;display:flex;flex-direction:column;gap:3px;font-size:11px!important;background:transparent!important;border:0!important;color:#274d3c!important}
#center-bottom-toolbar .hb-icon-btn:after{content:attr(data-tool-label);font-size:11px;line-height:1.25;font-weight:600;white-space:nowrap}
#center-bottom-toolbar .hb-seg-btn{min-height:51px!important;padding:7px!important}
#atelier-statusbar{font-size:12px!important;min-height:26px!important;padding-left:0!important}
#space-viewport-toolbar{padding:14px!important;background:#fff!important;gap:10px!important}
#space-camera-preset-bar button{min-height:48px!important;font-size:14px!important}
.custom-scroll::-webkit-scrollbar{width:7px;height:7px}
@media(min-width:1650px){#studio-left-window,#space-left-window{width:410px!important;min-width:410px!important;max-width:410px!important;flex-basis:410px!important;padding:28px!important}}
@media(max-width:1279px) and (min-width:1024px){#workbench-shell{padding-left:112px!important;padding-right:14px!important}#studio-left-window,#space-left-window{width:320px!important;min-width:320px!important;max-width:320px!important;flex-basis:320px!important;padding:20px 15px!important}#atelier-header h1{font-size:19px!important}#atelier-header h1+span{display:none}#atelier-header .hb-btn{font-size:13px!important;padding:8px!important}#stage-lighting-theme-group button{min-width:79px!important;padding:8px!important}}
@media(max-width:1023px){
  html,body{height:auto!important;overflow:auto!important}
  #workbench-shell{padding:0 14px 18px!important;gap:14px!important}
  #atelier-header{height:auto!important;max-height:none!important;min-height:194px!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;padding:20px 0 8px!important;gap:14px!important}
  #atelier-header>div:first-child{flex-direction:column!important;align-items:stretch!important;gap:16px!important}
  #atelier-header>div:last-child{justify-content:flex-start!important;margin:0!important}
  #atelier-header h1{font-size:22px!important}
  #top-attribute-tabs-bar{position:static!important;width:100%!important;flex-direction:row!important;gap:6px!important;overflow-x:auto!important;bottom:auto!important}
  #top-attribute-tabs-bar:before{display:none}
  #top-attribute-tabs-bar .top-attr-tab-btn{min-width:90px!important;width:auto!important;flex:1;min-height:80px!important;padding:12px 7px!important;gap:7px!important;font-size:14px!important;border-radius:15px!important}
  #top-attribute-tabs-bar .studio-icon{width:25px!important;height:25px!important}
  #studio-main-grid,#space-main-grid{display:flex!important;flex-direction:column!important;gap:16px!important;overflow:visible!important}
  #studio-left-window,#space-left-window{width:100%!important;min-width:0!important;max-width:none!important;flex-basis:auto!important;padding:24px!important;max-height:560px!important;overflow:auto!important}
  #studio-center-window,#space-center-window{min-height:760px!important;height:85vh!important;max-height:1100px!important;flex-shrink:0!important}
  #center-stage-viewport{min-height:440px!important}
  #center-top-toolbar{gap:8px!important}
  #center-top-lighting-bar{padding:12px!important}
  #stage-lighting-theme-group{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}
  #stage-lighting-theme-group button{min-width:0!important;padding:8px 4px!important;font-size:13px!important}
  #stage-lighting-theme-group button>span{flex-direction:column;gap:4px}
  #center-bottom-toolbar{max-width:calc(100% - 16px)!important;bottom:10px!important}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.visual-shape-picker{border:1px solid #d5ded1;border-radius:14px;background:#f5f7f1;margin-bottom:22px;padding:6px 10px}
.visual-shape-picker summary{display:flex;gap:10px;align-items:center;cursor:pointer;min-height:50px;font-size:16px;font-weight:700;list-style:none}
.visual-shape-picker summary::-webkit-details-marker{display:none}
.visual-shape-picker summary>svg{width:26px;height:26px}
.visual-shape-picker summary>span{margin-left:auto;font-size:24px}
.visual-shape-picker[open] summary>span{transform:rotate(45deg)}
.visual-shape-picker [aria-label='가공 형상 및 계단 선택']{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));background:transparent;border:0}
.visual-shape-picker .hb-seg-btn{width:100%;min-height:76px!important;background:white}
#studio-left-window .visual-shape-picker .hb-seg-btn.is-active{background:#dcebdc!important;color:#174b39;border:2px solid #295b45}
#center-top-toolbar{height:auto!important;max-height:none!important;min-height:76px!important;overflow:visible!important;flex:0 0 auto!important;flex-wrap:nowrap!important;align-items:center!important}
#center-top-toolbar>div:first-child{flex:0 0 auto!important}
#center-top-toolbar>div:last-child{flex-wrap:wrap!important;justify-content:flex-end!important}
#center-top-lighting-bar{height:auto!important;max-height:none!important;min-height:0!important;flex:0 0 auto!important;align-items:center!important}
#lighting-angle-center-dock{position:static!important;transform:none!important}
#studio-left-window .agg-card-btn[class*='ring-2']{border-color:var(--accent)!important;background:#e8f1e8!important;box-shadow:inset 0 0 0 1px var(--accent)!important}
#center-bottom-toolbar{position:relative!important;left:auto!important;bottom:auto!important;transform:none!important;max-width:100%!important;width:100%!important;flex:0 0 auto!important;border-radius:0!important;box-shadow:none!important;border-top:1px solid #d5dbd2!important;justify-content:center!important;flex-wrap:wrap!important;overflow:visible!important;gap:5px!important;padding:8px 10px!important;background:#fff!important}
#center-bottom-toolbar>div{flex-shrink:0!important}
#center-bottom-toolbar .hb-icon-btn{width:43px!important;min-width:43px!important}
#center-bottom-toolbar .hb-seg-btn{padding:6px!important}
#center-bottom-toolbar #btn-regenerate-seed{min-height:46px!important}
#center-top-toolbar{min-height:64px!important;padding:8px 14px!important}
#stage-lighting-theme-group button{min-height:53px!important}
#center-top-lighting-bar{padding:9px 14px!important;gap:7px!important}
#lighting-angle-center-dock{padding:5px 10px!important}
#stage-luminaire-type-label{color:#304a3c!important;background:#f7f6eeeb!important;padding:4px 8px!important;border-radius:7px!important;font-size:12px!important}
#cement-base-options>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:10px 4px!important}
#cement-base-options>button:before{content:'';display:block;width:42px;height:27px;border-radius:5px;background:radial-gradient(ellipse at 22% 34%,#c8c7bc 0,transparent 17%),radial-gradient(ellipse at 68% 72%,#ceccbf 0,transparent 22%),repeating-linear-gradient(117deg,#e5e3d7 0px,#f1efe2 2px,#e8e5d9 4px);border:1px solid #ffffff80;box-shadow:0 2px 4px #1d2b231a}
#cement-base-options>button[data-cement-id='CEMENT_BLACK']:before{filter:brightness(.58)}
#cement-base-options>button[data-cement-id='BINDER_EPOXY']:before{background:linear-gradient(130deg,#d3d9d1 5%,#f8fbef 35%,#a3b8af 39%,#e4ede1 50%,#b2c2b6 100%)}
#center-top-lighting-bar .font-mono{font-size:13px!important}
#center-top-toolbar #btn-regenerate-seed{min-height:44px!important;min-width:98px!important;font-size:14px!important;white-space:nowrap!important}
#top-active-spec-summary-badge{font-size:13px!important}
@media(max-width:1023px){#center-bottom-toolbar{bottom:auto!important;max-width:100%!important}#studio-center-window,#space-center-window{min-height:780px!important}}