/* Shared studio materials. A layer keeps these bounded controls ahead of old
   unlayered !important rules without reproducing legacy ID specificity. Native
   visibility, consent, generation, save, ordering and pixels retain ownership. */
@layer savorip-studio-visibility, savorip-studio-cards, savorip-frame-cards;
@layer savorip-studio-visibility{
 .sws-workshop[hidden],.sws-workshop [hidden]{display:none!important}
}
@layer savorip-studio-cards{
 body:is(.sgs-mounted,.smg-mounted) #savorip-glossary-global-nav,
 body:is(.sgs-mounted,.smg-mounted)>nav[aria-label="주문"],
 body:is(.sgs-mounted,.smg-mounted) .sv38-footer[aria-labelledby="sv38-ideas"]{display:none!important}
 .sws-workshop{
  --sws-bg:var(--sv-bg,#0b1425);--sws-panel:var(--sv-panel,#111f34);
  --sws-ink:var(--sv-text,#f8f5eb);--sws-muted:var(--sv-muted,#bcc8d6);
  --sws-gold:var(--sv-gold,#e6c77f);--sws-edge:var(--sv-edge,rgba(230,199,127,.28));
  --sws-glass:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.025));
  color:var(--sws-ink);font:400 14px/1.5 system-ui,-apple-system,"Segoe UI","Malgun Gothic",sans-serif;
 }
 .sws-workshop .sws-surface,
 .sws-workshop .sws-surface *{box-sizing:border-box}
 .sws-workshop .sws-surface[hidden],
 .sws-workshop .sws-surface [hidden]{display:none!important}
 .sws-workshop .sws-surface:not([hidden]){
  position:fixed!important;z-index:120!important;display:flex!important;flex-direction:column!important;
  top:calc(var(--sws-top,76px) + 8px)!important;bottom:calc(var(--sws-bottom,120px) + env(safe-area-inset-bottom) + 8px)!important;
  right:var(--sws-right,16px)!important;left:auto!important;width:min(var(--sws-width,430px),calc(100vw - 32px))!important;
  min-width:0!important;min-height:0!important;max-height:calc(var(--sws-viewport,100dvh) - var(--sws-top,76px) - var(--sws-bottom,120px) - env(safe-area-inset-bottom) - 16px)!important;
  margin:0!important;padding:0!important;overflow:hidden!important;
  border:1px solid var(--sws-edge)!important;border-radius:21px!important;
  background:var(--sws-glass),rgba(17,31,52,.73)!important;color:var(--sws-ink)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.2),0 18px 50px rgba(0,0,0,.28)!important;
  -webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;color-scheme:dark!important;
 }
 .sws-workshop .sws-surface-head{
  position:relative!important;z-index:2!important;display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;
  align-items:center!important;gap:8px!important;flex:0 0 auto!important;min-height:58px!important;
  margin:0!important;padding:7px 10px!important;border:0!important;border-bottom:1px solid var(--sws-edge)!important;
  border-radius:0!important;background:rgba(17,31,52,.88)!important;color:var(--sws-ink)!important;
 }
 .sws-workshop .sws-surface-head>strong{display:block!important;margin:0!important;font:650 15px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif!important;color:var(--sws-ink)!important;letter-spacing:-.015em!important;overflow-wrap:anywhere}
 .sws-workshop .sws-surface-head>button{
  display:grid!important;place-items:center!important;width:44px!important;height:44px!important;min-height:44px!important;
  margin:0!important;padding:6px!important;border:1px solid var(--sws-edge)!important;border-radius:11px!important;
  background:rgba(255,255,255,.04)!important;color:var(--sws-ink)!important;font:400 22px/1 system-ui,sans-serif!important;cursor:pointer;
 }
 /* The product workshop already has a two-item native header. Give it the
    same material and touch targets without inventing a missing back control. */
 .sws-workshop .sgs-native-sheet.sws-surface>header{
  position:relative!important;inset:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
  flex:0 0 auto!important;gap:12px!important;min-height:58px!important;margin:0!important;padding:7px 12px!important;
  border:0!important;border-bottom:1px solid var(--sws-edge)!important;background:rgba(17,31,52,.88)!important;color:var(--sws-ink)!important;
 }
 .sws-workshop .sgs-native-sheet.sws-surface>header>strong{flex:1!important;min-width:0!important;color:var(--sws-ink)!important;font:650 15px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif!important}
 .sws-workshop .sgs-native-sheet.sws-surface>header>button{
  display:grid!important;place-items:center!important;flex:0 0 44px!important;width:44px!important;height:44px!important;min-height:44px!important;
  margin:0!important;padding:6px!important;border:1px solid var(--sws-edge)!important;border-radius:11px!important;
  background:rgba(255,255,255,.04)!important;color:var(--sws-ink)!important;font:400 22px/1 system-ui,sans-serif!important;
 }
 .sws-workshop .sws-native-host{
  display:block!important;flex:1 1 auto!important;min-width:0!important;min-height:0!important;
  margin:0!important;padding:14px!important;overflow:auto!important;overscroll-behavior:contain;
  scrollbar-width:thin;scrollbar-color:var(--sws-edge) transparent;
  background:transparent!important;color:var(--sws-ink)!important;
 }
 .sws-workshop .sws-native-host>:not([hidden]){
  position:relative!important;inset:auto!important;float:none!important;
  width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;
  margin:0!important;padding:0!important;overflow:visible!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;color:var(--sws-ink)!important;
 }
 .sws-workshop .sws-native-host :is(.saebori-guide45,.svh-card){display:none!important}
 .sws-workshop .sws-native-host :is(h1,h2,h3,h4,label,legend,summary){color:var(--sws-ink)!important}
 .sws-workshop .sws-native-host :is(h1,h2){font:650 19px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif!important;margin:4px 0 12px!important;letter-spacing:-.02em!important}
 .sws-workshop .sws-native-host h3{font:650 15px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif!important;margin:8px 0!important}
 .sws-workshop .sws-native-host :is(p,small,.note,.c20-note,.m27-note,.f23-status){color:var(--sws-muted)!important;line-height:1.55!important}
 .sws-workshop .sws-native-host :is(strong,b){color:inherit!important}
 .sws-workshop .sws-native-host :is(label,legend,summary){font-size:13px!important;line-height:1.5!important}
 .sws-workshop .sws-native-host :is(button,a.button,a.c20-button,a.m27-primary,.m27-upload){
  box-sizing:border-box!important;min-width:0!important;max-width:100%!important;min-height:44px!important;
  padding:var(--sws-control-padding,10px 12px)!important;border:1px solid var(--sws-edge)!important;border-radius:11px!important;
  background:var(--sws-glass),rgba(11,20,37,.45)!important;color:var(--sws-ink)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08)!important;
  font-family:inherit!important;font-size:var(--sws-control-size,13px)!important;line-height:1.4!important;
  text-decoration:none!important;white-space:normal!important;overflow-wrap:anywhere!important;cursor:pointer;
 }
 .sws-workshop .sws-native-host :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea){
  box-sizing:border-box!important;max-width:100%!important;min-width:0!important;min-height:44px!important;
  padding:10px 12px!important;border:1px solid var(--sws-edge)!important;border-radius:10px!important;
  background:rgba(11,20,37,.65)!important;color:var(--sws-ink)!important;
  font:400 13px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif!important;color-scheme:dark!important;
 }
 .sws-workshop .sws-native-host :is(input,textarea)::placeholder{color:var(--sws-muted)!important;opacity:1!important}
 .sws-workshop .sws-native-host :is(input[type=checkbox],input[type=radio],input[type=range]){accent-color:var(--sws-gold)!important}
 .sws-workshop .sws-native-host :is(.on,.is-selected,[aria-pressed=true]):is(button,a.button,.art-card-wrap){
  border-color:var(--sws-gold)!important;background:var(--sws-glass),rgba(230,199,127,.13)!important;color:var(--sws-ink)!important;
  box-shadow:inset 0 0 0 1px rgba(230,199,127,.22)!important;
 }
 .sws-workshop .sws-native-host :is(.primary,.primary-inline,.primary-action,.c20-primary,.m27-primary,.f23-primary,.pf-save,button.pf-next){
  border-color:var(--sws-gold)!important;background:var(--sws-gold)!important;color:var(--sws-bg)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.25)!important;font-weight:650!important;
 }
 .sws-workshop .sws-native-host :is(.primary,.primary-inline,.primary-action,.c20-primary,.m27-primary,.f23-primary,.pf-save,button.pf-next) :is(span,strong,b,small){color:var(--sws-bg)!important}
 .sws-workshop .sws-native-host :is(.is-error,.error,.danger,[data-state=error]){color:var(--sv-error,#f0b6ad)!important}
 .sws-workshop .sws-native-host :is(.is-success,.success,[data-state=success]){color:var(--sv-success,#b0d8bd)!important}
 .sws-workshop .sws-surface :is(button,a,input,textarea,select,summary):focus-visible{outline:3px solid var(--sws-gold)!important;outline-offset:3px!important}
 .sws-workshop .sws-surface :is(button:disabled,[aria-disabled=true]){opacity:.48!important;cursor:default!important}
 .sws-workshop .sws-surface-foot{
  display:flex!important;align-items:center!important;flex:0 0 auto!important;
  margin:0!important;padding:10px 14px!important;border:0!important;border-top:1px solid var(--sws-edge)!important;
  background:rgba(17,31,52,.88)!important;color:var(--sws-ink)!important;
 }
 .sws-workshop .sws-surface-foot[hidden]{display:none!important}
 .sws-workshop .sws-surface-foot>button{
  display:block!important;width:100%!important;min-height:44px!important;padding:11px 14px!important;
  border:1px solid var(--sws-gold)!important;border-radius:12px!important;
  background:var(--sws-gold)!important;color:var(--sws-bg)!important;
  font:650 13px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif!important;cursor:pointer;
 }
 .sws-workshop .sws-surface-foot>button:disabled{opacity:.48!important;cursor:default!important}

 /* Public tool cards use one shape and one selected state in every workshop. */
 .sws-workshop .sgs-card{
  position:relative!important;display:block!important;box-sizing:border-box!important;
  flex:0 0 var(--sws-card-width,156px)!important;min-width:0!important;min-height:var(--sws-card-height,84px)!important;
  margin:0!important;padding:10px!important;border:1px solid var(--sws-edge)!important;border-radius:16px!important;
  background:var(--sws-glass),rgba(17,31,52,.67)!important;color:var(--sws-ink)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.17),0 6px 22px rgba(0,0,0,.12)!important;
  font:400 12px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif!important;text-align:left!important;text-decoration:none!important;
  scroll-snap-align:start;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;cursor:pointer;
 }
 .sws-workshop .sgs-card-tag{display:block!important;margin:0 0 6px!important;color:var(--sws-muted)!important;font-size:10px!important;line-height:1.2!important}
 .sws-workshop .sgs-card-row{display:grid!important;grid-template-columns:28px minmax(0,1fr) 10px!important;align-items:center!important;gap:7px!important}
 .sws-workshop .sgs-card-row>span:nth-child(2){display:block!important;min-width:0!important}
 .sws-workshop .sgs-card strong{display:block!important;color:var(--sws-ink)!important;font-size:12px!important;font-weight:650!important;line-height:1.3!important;white-space:normal!important;word-break:keep-all;overflow-wrap:anywhere}
 .sws-workshop .sgs-card small{display:block!important;margin-top:3px!important;color:var(--sws-muted)!important;font-size:10px!important;line-height:1.3!important;white-space:normal!important}
 .sws-workshop :is(.sgs-card-art,.sgs-tool-icon){display:grid!important;place-items:center!important;position:relative!important;width:28px!important;height:34px!important;color:var(--sws-gold)!important}
 .sws-workshop .sgs-card-art img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;border-radius:4px!important}
 .sws-workshop .sgs-tool-icon svg{display:block!important;width:24px!important;height:24px!important}
 .sws-workshop .sgs-card-art .sgs-tool-icon{position:absolute!important;right:-4px!important;bottom:-3px!important;width:15px!important;height:15px!important;padding:1px!important;border-radius:4px!important;background:var(--sws-panel)!important}
 .sws-workshop .sgs-card-art .sgs-tool-icon svg{width:13px!important;height:13px!important}
 .sws-workshop .sgs-card-arrow{color:var(--sws-gold)!important;font-size:14px!important}
 .sws-workshop .sgs-card.is-active{border-color:var(--sws-gold)!important;background:var(--sws-glass),rgba(230,199,127,.13)!important;box-shadow:inset 0 0 0 1px rgba(230,199,127,.22),inset 0 1px rgba(255,255,255,.18)!important}
 .sws-workshop :is(.sgs-card:disabled,.sgs-card[aria-disabled=true]){opacity:.45!important;cursor:default!important}
 .sws-workshop .sgs-card:focus-visible{outline:3px solid var(--sws-gold)!important;outline-offset:3px!important}

 /* Documents retain paper; an iframe's document and all canvas pixels remain
    outside these presentation rules. */
 .sws-workshop .sws-native-host :is(.pdf-paper,.print-paper,.print-file-shell,.document-paper,[data-paper-preview]){background:#fff!important;color:#172234!important;color-scheme:light!important}
 .sws-workshop .sws-native-host :is(.pdf-paper,.print-paper,.print-file-shell,.document-paper,[data-paper-preview]) :is(h1,h2,h3,h4,p,small,label,strong,b,span,td,th){color:#172234!important}
 @media(max-width:1000px){
  .sws-workshop .sws-surface:not([hidden]){left:10px!important;right:10px!important;width:auto!important;border-radius:19px!important}
  .sws-workshop .sws-native-host{padding:12px!important}
 }
 @media(hover:hover) and (pointer:fine){
  .sws-workshop .sgs-card:hover:not(:disabled):not([aria-disabled=true]),
  .sws-workshop .sws-native-host button:hover:not(:disabled){border-color:var(--sws-gold)!important}
 }
 .sws-workshop .sgs-card:active:not(:disabled):not([aria-disabled=true]){border-color:var(--sws-gold)!important;background:rgba(230,199,127,.17)!important}
 @media(prefers-reduced-motion:reduce){
  .sws-workshop .sws-surface *,.sws-workshop .sgs-card{scroll-behavior:auto!important;transition:none!important;animation:none!important}
 }
 @media(prefers-reduced-transparency:reduce){
  .sws-workshop .sws-surface:not([hidden]),.sws-workshop .sgs-card{background:var(--sws-panel)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
 }
 @media(forced-colors:active){
  .sws-workshop .sws-surface:not([hidden]),.sws-workshop :is(.sws-surface-head,.sws-surface-foot,.sgs-card){background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  .sws-workshop .sws-surface :is(button,input,select,textarea),.sws-workshop .sgs-card :is(strong,small,.sgs-card-tag,.sgs-tool-icon,.sgs-card-arrow){color:CanvasText!important;border-color:CanvasText!important}
  .sws-workshop .sws-surface-foot>button{background:ButtonFace!important;color:ButtonText!important}
  .sws-workshop :is(button,a,input,select,textarea):focus-visible{outline-color:Highlight!important}
 }
}