.modal-overlay{display:none;position:fixed;inset:0;z-index:100;background:rgba(20,18,15,.75);backdrop-filter:blur(8px);justify-content:center;align-items:center}
.modal-overlay.active{display:flex}
.modal{background:#faf8f5;border-radius:20px;max-width:1280px;width:calc(100vw - 56px);height:min(88vh,860px);overflow:hidden;position:relative;box-shadow:0 32px 90px rgba(0,0,0,.38);display:flex;flex-direction:column}
.studio-header{height:64px;flex:0 0 64px;padding:0 22px 0 26px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(0,0,0,.07);background:#fff}
.studio-mark{width:34px;height:34px;border-radius:10px;background:#2c2420;color:#fff;display:flex;align-items:center;justify-content:center;font-size:17px}
.studio-heading{min-width:0;flex:1}
.studio-title{font-family:'Cormorant Garamond',serif;font-weight:700;font-size:21px;line-height:1;color:#2c2420}
.studio-subtitle{font-size:9px;color:#9a8d82;margin-top:5px;letter-spacing:.03em}
.modal-close{width:34px;height:34px;border-radius:10px;border:1px solid #ded8d1;background:#faf8f5;cursor:pointer;font-size:14px;color:#8a7e74;display:flex;align-items:center;justify-content:center;transition:.18s}
.modal-close:hover{background:#2c2420;color:#fff;border-color:#2c2420}
.modal-workspace{display:grid;grid-template-columns:minmax(0,1fr) 420px;flex:1;min-height:0}
.preview-pane{background:#f7f4ef;padding:22px;min-width:0;overflow:auto;display:flex;flex-direction:column;gap:14px}
.preview-toolbar{display:flex;align-items:center;gap:10px;color:#5f554d}
.preview-toolbar-title{font-size:11px;font-weight:600;flex:1}
.preview-hint{font-size:9px;color:#8a7e74;background:#ebe5dd;padding:5px 9px;border-radius:999px}
.preview-reset{display:none;border:1px solid #d6d0c8;background:#fff;color:#665d56;font-size:9px;padding:5px 9px;border-radius:7px;cursor:pointer}
.preview-pane.focus-mode .preview-reset{display:block}
.controls-pane{background:#f7f4ef;border-left:1px solid rgba(0,0,0,.08);padding:16px 18px 0;overflow-y:auto;min-width:0}
.controls-pane::-webkit-scrollbar,.preview-pane::-webkit-scrollbar{width:8px;height:8px}
.controls-pane::-webkit-scrollbar-thumb{background:#cfc6bc;border-radius:99px;border:2px solid #f7f4ef}
.preview-pane::-webkit-scrollbar-thumb{background:#cfc6bc;border-radius:99px;border:2px solid #f7f4ef}
.modal-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;align-items:start;flex:1}
.modal-img-wrap{position:relative;display:flex;flex-direction:column;gap:6px}
.modal-img-wrap img{width:100%;height:clamp(300px,48vh,520px);object-fit:contain;border-radius:12px;background:#fff;border:1px solid rgba(255,255,255,.09);cursor:zoom-in;transition:box-shadow .2s,transform .2s}
.modal-img-wrap img:hover{box-shadow:0 14px 36px rgba(0,0,0,.28);transform:translateY(-1px)}
.modal-img-wrap .img-label{position:absolute;top:10px;left:10px;background:rgba(32,30,28,.86);color:#f8f6f3;font-size:10px;font-weight:600;padding:5px 10px;border-radius:7px;letter-spacing:.4px;z-index:2;backdrop-filter:blur(8px)}
.preview-pane.focus-mode .modal-images{grid-template-columns:1fr}
.preview-pane.focus-mode .modal-img-wrap:not(.focused){display:none}
.preview-pane.focus-mode .modal-img-wrap.focused img{height:clamp(520px,68vh,720px);cursor:zoom-out}
.modal-msg{background:#ebe5dd;border-radius:10px;padding:11px 14px;margin:0 0 10px;text-align:center;font-size:10px;color:#6b5c4e;line-height:1.65;font-family:'Lexend',sans-serif;font-weight:300}
.modal-msg b{font-weight:600;color:#2c2420}
.modal-btns{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap;position:sticky;bottom:0;background:linear-gradient(to bottom,rgba(247,244,239,0),#f7f4ef 12px);padding:20px 0 16px;z-index:4}
.buy-btn{padding:9px 16px;border-radius:8px;border:none;font-size:11px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:.2s;flex:1;min-width:0;letter-spacing:.3px}
.buy-btn:hover{opacity:.85}
.btn-download{background:transparent;color:#6b5c4e;border:1px solid #d6d0c8;flex:0 0 100%;margin-top:2px}
#dl-color{height:44px;background:#fff;color:#5f554d;border-color:#d7d0c8}
#dl-sketch{height:44px;background:#2c2420;color:#fff;border-color:#2c2420}
.dl-divider{text-align:center;color:#c4bdb4;font-size:10px;margin:8px 0 2px;font-weight:400;letter-spacing:1px;text-transform:uppercase}
.load-more{text-align:center;padding:30px}
.spinner{display:inline-block;width:24px;height:24px;border:2px solid rgba(44,36,32,.08);border-top-color:#6b5c4e;border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.end-msg{text-align:center;padding:20px;color:#a09890;font-family:'Cormorant Garamond',serif;font-size:14px;font-style:italic}
.admin-delete{position:absolute;top:18px;right:68px;width:28px;height:28px;border-radius:50%;border:1px solid rgba(220,38,38,.2);background:#fff;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:.2s;opacity:.5;z-index:5}
.admin-delete:hover{opacity:1;background:rgba(220,38,38,.08)}

/* Sketch Lab — compact, Photoshop-style controls */
.sketch-editor{margin:10px 0;padding:12px 14px;background:#f0ece6;border-radius:12px;display:flex;flex-direction:column;gap:9px}
.sketch-editor-head{display:flex;align-items:center;gap:8px}
.sketch-editor-title{font-size:12px;font-weight:700;color:#2c2420;flex:1}
.sketch-save-note{font-size:9px;color:#8a7e74;background:rgba(255,255,255,.58);padding:3px 7px;border-radius:999px}
.sketch-status{font-size:10px;color:#8a7e74;min-height:14px;line-height:1.4}
.sketch-status.ready{color:#2f7a52}.sketch-status.warn{color:#a05c16}
.sketch-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.sketch-preset,.curve-preset{border:1px solid #d6d0c8;background:#fff;color:#5f554d;border-radius:7px;padding:6px 4px;font-size:9px;font-weight:600;cursor:pointer;transition:.18s}
.sketch-preset:hover,.curve-preset:hover{border-color:#8a7e74;background:#faf8f5}
.adjustment-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px 14px}
.adjustment-row{display:grid;grid-template-columns:55px 1fr 34px;align-items:center;gap:6px;min-width:0}
.adjustment-row label{font-size:9px;color:#6b5c4e;white-space:nowrap}
.adjustment-row input[type=range]{width:100%;min-width:0;accent-color:#77685c}
.adjustment-value{font-size:9px;color:#6b5c4e;text-align:right;font-variant-numeric:tabular-nums}
.levels-row{display:grid;grid-template-columns:55px 1fr;align-items:center;gap:6px}
.curve-editor{display:grid;grid-template-columns:1fr 108px;gap:8px;align-items:stretch}
.curve-stage{position:relative;height:96px;border-radius:8px;overflow:hidden;border:1px solid #d4cec7;background:#fff}
#curve-canvas{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}
.curve-actions{display:flex;flex-direction:column;gap:5px}
.curve-label{font-size:9px;color:#6b5c4e;margin-bottom:1px}
.editor-actions{display:flex;justify-content:space-between;gap:6px}
.editor-action{font-size:9px;padding:5px 10px;border:1px solid #ccc;border-radius:7px;background:#fff;color:#665d56;cursor:pointer}
.sketch-preview-loading{background:linear-gradient(100deg,#f4f1ed 30%,#fff 50%,#f4f1ed 70%)!important;background-size:220% 100%!important;animation:sketchShimmer 1.15s infinite linear}
@keyframes sketchShimmer{to{background-position-x:-220%}}
.controls-pane .sketch-editor{margin:0;padding:0;background:transparent;border-radius:0;gap:10px}
.controls-pane .adjustment-grid{grid-template-columns:1fr;gap:7px}
.controls-pane .adjustment-row{grid-template-columns:78px 1fr 36px;gap:8px}
.controls-pane .adjustment-row label{font-size:10px}
.controls-pane .curve-editor{grid-template-columns:1fr;gap:7px}
.controls-pane .curve-stage{height:138px}
.controls-pane .curve-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.controls-pane .curve-label{grid-column:1/-1}
.controls-pane .sketch-presets{gap:6px}
.controls-pane .sketch-preset{padding:7px 3px}
@media(max-width:1050px){
  .modal{width:calc(100vw - 32px);height:94vh}
  .modal-workspace{grid-template-columns:1fr;overflow-y:auto}
  .preview-pane{overflow:visible;flex:0 0 auto}
  .controls-pane{overflow:visible;border-left:0;border-top:1px solid rgba(0,0,0,.08);padding-bottom:0}
  .modal-img-wrap img{height:clamp(280px,38vh,430px)}
  .preview-pane.focus-mode .modal-img-wrap.focused img{height:clamp(420px,58vh,620px)}
}
@media(max-width:640px){
  .modal-overlay{align-items:stretch}
  .modal{width:100vw;height:100dvh;max-height:none;border-radius:0}
  .studio-header{height:56px;flex-basis:56px;padding:0 12px 0 14px}
  .studio-mark{width:30px;height:30px}.studio-title{font-size:18px}.studio-subtitle{display:none}
  .preview-pane{padding:12px;gap:10px}
  .preview-hint{display:none}
  .modal-images{grid-template-columns:1fr;gap:12px}
  .modal-img-wrap img{height:auto;max-height:62vh;aspect-ratio:4/3}
  .preview-pane.focus-mode .modal-img-wrap.focused img{height:auto;max-height:72vh}
  .controls-pane{padding:14px 12px 0}
  .sketch-presets{grid-template-columns:repeat(2,1fr)}
  .controls-pane .adjustment-row{grid-template-columns:72px 1fr 34px}
  .controls-pane .curve-actions{grid-template-columns:repeat(2,1fr)}
}

/* Art Shop gallery and editor follow the Figure Motion Studio page flow. */
:root{--atelier-ink:#17233b;--atelier-blue:#213a65;--atelier-muted:#68758a;--atelier-line:#d6dde8;--atelier-bg:#edf1f6}
html,body{min-height:100%;background:var(--atelier-bg);color:var(--atelier-ink)}
button,input{font:inherit}
.atelier-stage{height:100dvh;min-height:420px;overflow:hidden;background:radial-gradient(circle at 8% 2%,#fff,transparent 34%),var(--atelier-bg);font-family:Pretendard,"Noto Sans KR",system-ui,-apple-system,sans-serif}
@media(min-width:900px){html:has(#gnavSidebar.open) .atelier-stage{padding-right:140px}html:has(#gnavSidebar.open) .modal-overlay{right:140px}}
.atelier-library{height:100%;display:flex;flex-direction:column;min-height:0}
.library-header{z-index:2;flex:none;padding:clamp(18px,3vh,34px) clamp(16px,5vw,76px) 15px;border-bottom:1px solid #d4dce8;background:rgba(255,255,255,.96);box-shadow:0 5px 22px rgba(20,37,66,.06)}
.atelier-title-row{display:flex;align-items:flex-start;gap:16px}
.back-btn{flex:none;width:43px;height:43px;border:1px solid #cdd6e3;border-radius:11px;background:#fff;color:#40506a}
.back-btn .material-symbols-outlined{font-size:21px!important;color:inherit!important}
.back-btn:hover,.back-btn:focus-visible{border-color:var(--atelier-blue);background:#eef3f9;color:var(--atelier-blue)}
.title-copy{min-width:0;flex:1}
.eyebrow{margin:2px 0 6px;color:var(--atelier-blue);font:900 9px Georgia,serif;letter-spacing:2.2px}
.top-title{margin:0;color:var(--atelier-ink);font-family:"Nanum Myeongjo",Georgia,serif;font-size:clamp(22px,2.4vw,32px);font-weight:700;line-height:1.25;letter-spacing:-.7px}
.library-sub{margin:7px 0 0;color:var(--atelier-muted);font-size:12px;line-height:1.5}
.library-total{flex:none;display:flex;align-items:baseline;gap:6px;margin-top:4px;color:#78859a}
.library-total strong{color:var(--atelier-blue);font-size:25px;line-height:1;font-weight:900;font-variant-numeric:tabular-nums}
.library-total span{font-size:10px;font-weight:700}
.library-tools{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:20px}
.filter-caption{margin:0;color:#65738a;font-size:11px;font-weight:800}
.search-tools{display:flex;flex-direction:column;align-items:stretch;gap:6px;width:min(280px,38vw)}
.pencil-key{align-self:flex-end;display:inline-flex;align-items:center;gap:4px;padding:3px 1px;border:0;background:transparent;color:#566b88;font-size:10px;font-weight:750;cursor:pointer}
.pencil-key .material-symbols-outlined{font-size:16px}
.pencil-key:hover,.pencil-key:focus-visible{color:var(--atelier-blue);text-decoration:underline;outline-offset:3px}
.pencil-key[hidden],.pencil-unlock-form[hidden],.pencil-unlock-message[hidden]{display:none!important}
.pencil-unlock-form{display:flex;gap:6px}
.pencil-unlock-form input{min-width:0;flex:1;height:34px;padding:0 10px;border:1px solid #c6d1e0;border-radius:9px;background:#fff;color:var(--atelier-ink);font-size:11px}
.pencil-unlock-form button{height:34px;padding:0 11px;border:0;border-radius:9px;background:var(--atelier-blue);color:#fff;font-size:11px;font-weight:800;cursor:pointer}
.pencil-unlock-message{margin:0;color:#a52e39;font-size:10px;text-align:right}
.search-box{width:min(280px,38vw);height:39px;display:flex;align-items:center;gap:7px;padding:0 12px;border:1px solid #d2dae5;border-radius:12px;background:#fff;color:#8794a7}
.search-tools .search-box{width:100%}
.search-box .material-symbols-outlined{font-size:20px}
.search-box input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--atelier-ink);font-size:12px}
.search-box:focus-within{border-color:#6480aa;box-shadow:0 0 0 3px rgba(41,75,125,.1)}
.collection-bar{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:7px;max-width:none;margin:11px 0 0;padding:0 0 4px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#c8d1dc transparent}
.col-icon{min-width:max-content;display:flex;flex-direction:row;gap:6px;padding:6px 11px;border:1px solid #d2dae5;border-radius:999px;background:#fff;transition:background .2s,border-color .2s,box-shadow .2s;cursor:pointer}
.col-icon:hover,.col-icon:focus-visible{border-color:#8fa4c2;background:#f7faff;outline:0}
.col-icon.active{border-color:var(--atelier-blue);background:var(--atelier-blue);box-shadow:0 5px 14px rgba(33,58,101,.19)}
.col-icon .icon-circle{width:auto;height:auto;background:none!important;font-size:14px;line-height:1}
.col-icon .icon-label{color:#526079;font-size:11px;font-weight:750;letter-spacing:-.1px}
.col-icon .icon-count{color:#8995a7;font-size:9px;font-weight:700}
.col-icon.active .icon-label,.col-icon.active .icon-count{color:#fff}
.tag-bar{max-width:none;justify-content:flex-start;padding:9px 0 0;gap:6px;overflow-x:auto;flex-wrap:nowrap}
.tag-chip{flex:none;padding:6px 10px;border:1px solid #d2dae5;border-radius:999px;color:#647189;background:#fff;font-size:10px;font-weight:700}
.tag-chip.active{border-color:#a6b6ce;background:#dfe7f2;color:var(--atelier-blue)}
.grid-wrap{flex:1;min-height:0;max-width:none;width:100%;margin:0;padding:22px clamp(16px,5vw,76px) 60px;overflow:auto;scrollbar-width:thin;scrollbar-color:#b9c3d1 transparent}
.grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:13px;max-width:1640px;margin:0 auto}
.card{display:block;position:relative;width:100%;overflow:hidden;padding:0;border:1px solid #d7dee8;border-radius:16px;background:#fff;box-shadow:0 2px 8px rgba(20,37,66,.05);text-align:left;cursor:pointer;transition:transform .24s,box-shadow .24s,border-color .24s}
.card:hover,.card:focus-visible{z-index:1;transform:translateY(-5px);border-color:#8094b2;box-shadow:0 15px 32px rgba(20,37,66,.15);outline:0}
.card img{display:block;width:100%;aspect-ratio:3/4;object-fit:contain;background:#f7f9fc}
.card.is-loading img{background:linear-gradient(105deg,#f4f7fb 28%,#e7edf6 50%,#f4f7fb 72%);background-size:220% 100%;animation:atelier-shimmer 1.3s linear infinite}@keyframes atelier-shimmer{to{background-position-x:-220%}}
.card-fallback{position:absolute;inset:37px 8px 8px;display:none;align-items:center;justify-content:center;padding:12px;color:#8491a5;font-size:11px;line-height:1.5;text-align:center}.card.is-image-missing .card-fallback{display:flex}.card.is-image-missing img{opacity:.12}
.card-badge{top:auto;bottom:8px;left:8px;width:auto;height:auto;padding:5px 7px;border:1px solid rgba(255,255,255,.8);border-radius:7px;background:rgba(248,250,253,.9);font-size:13px;backdrop-filter:blur(5px)}
.card-name{position:absolute;z-index:2;top:8px;left:8px;right:8px;display:block;overflow:hidden;padding:7px 8px;border:1px solid rgba(205,214,227,.9);border-radius:9px;background:rgba(255,255,255,.94);color:var(--atelier-blue);font-size:10px;font-weight:850;text-overflow:ellipsis;white-space:nowrap;box-shadow:0 4px 12px rgba(20,37,66,.08);pointer-events:none}
.load-more{padding:20px;text-align:center}.spinner{border-color:#d5dde8;border-top-color:var(--atelier-blue)}
.end-msg,.empty-state{padding:24px;color:var(--atelier-muted);text-align:center;font-family:inherit;font-size:12px;font-style:normal}
.empty-state[hidden]{display:none}
.modal-overlay{display:flex;position:fixed;inset:0;z-index:1000;align-items:stretch;justify-content:stretch;visibility:hidden;opacity:.5;transform:translateX(104%);pointer-events:none;background:var(--atelier-bg);backdrop-filter:none;transition:transform .55s cubic-bezier(.76,0,.24,1),opacity .35s,visibility 0s linear .55s}
.modal-overlay.active{visibility:visible;opacity:1;transform:translateX(0);pointer-events:auto;transition-delay:0s}
.modal{width:100%;height:100dvh;max-width:none;max-height:none;border-radius:0;background:var(--atelier-bg);box-shadow:none}
.studio-header{height:70px;flex:0 0 70px;display:flex;gap:16px;padding:10px clamp(15px,2.6vw,38px);border-color:#d4dce8;background:rgba(255,255,255,.97);box-shadow:0 5px 22px rgba(20,37,66,.06)}
.studio-back,.studio-download{height:38px;flex:none;padding:0 13px;border:1px solid #cdd6e3;border-radius:10px;background:#fff;color:#40506a;font-size:10px;font-weight:800;cursor:pointer}
.studio-back:hover,.studio-download:hover{border-color:var(--atelier-blue);color:var(--atelier-blue)}
.studio-download.study{border-color:#6d84a5;background:#e7edf6;color:var(--atelier-blue)}
.studio-heading{min-width:0;flex:1}.studio-eyebrow{margin:2px 0 4px;color:var(--atelier-blue);font:900 8px Georgia,serif;letter-spacing:1.8px}
.studio-title{overflow:hidden;color:var(--atelier-ink);font-family:"Nanum Myeongjo",Georgia,serif;font-size:19px;text-overflow:ellipsis;white-space:nowrap}
.studio-header-actions{display:flex;gap:7px}.studio-download.primary{border-color:var(--atelier-blue);background:var(--atelier-blue);color:#fff}.studio-download.primary:hover{background:#172f57}
.admin-delete{top:78px;right:18px}
.modal-workspace{grid-template-columns:300px minmax(0,1fr);overflow:hidden}
.controls-pane{grid-column:1;grid-row:1;padding:19px 17px 0;border:0;border-right:1px solid #d4dce8;background:#f9fbfd;box-shadow:8px 0 28px rgba(20,37,66,.05)}
.preview-pane{grid-column:2;grid-row:1;padding:24px clamp(20px,4vw,54px);background:radial-gradient(circle at 50% 43%,#fff 0,#f3f6fa 52%,#e4e9f0 100%)}
.preview-toolbar{max-width:1120px;width:100%;margin:0 auto;color:#40506a}.preview-toolbar-title{font-size:12px}.preview-hint{background:#e2e8f1;color:#526079}
.preview-reset{border-color:#cdd6e3;color:var(--atelier-blue)}
.modal-images{width:100%;max-width:1120px;margin:0 auto;gap:18px;align-items:start}
.modal-img-wrap img{height:min(67vh,720px);border:1px solid #cbd4e1;border-radius:12px;background:#fff;box-shadow:0 16px 45px rgba(20,37,66,.13)}
.modal-img-wrap img:hover{box-shadow:0 19px 49px rgba(20,37,66,.19)}
.modal-img-wrap .img-label{background:rgba(23,35,59,.88)}
.preview-pane.focus-mode .modal-img-wrap.focused img{height:min(72vh,760px)}
.modal-msg{background:#e7edf6;color:#526079}.modal-msg b{color:var(--atelier-blue)}
.sketch-editor-title{color:var(--atelier-ink)}.sketch-status.ready{color:#2f7a52}
.controls-pane .sketch-editor{gap:12px}.controls-pane .sketch-preset{min-height:34px;border-color:#d2dae5;color:#526079}
.controls-pane .sketch-preset:hover,.controls-pane .curve-preset:hover{border-color:#8094b2;background:#eef3f9}
.controls-pane .adjustment-row label,.curve-label{color:#526079}.controls-pane .adjustment-row input[type=range]{accent-color:var(--atelier-blue)}
.controls-pane .curve-stage{border-color:#cbd4e1}.modal-btns{background:linear-gradient(to bottom,rgba(249,251,253,0),#f9fbfd 12px)}
#dl-color{border-color:#cdd6e3;color:#40506a}#dl-sketch{border-color:var(--atelier-blue);background:var(--atelier-blue)}
.sketch-mode-btn.active{background:var(--atelier-blue)!important;border-color:var(--atelier-blue)!important}
.practice-view{position:fixed;inset:0;z-index:1100;display:flex;flex-direction:column;visibility:hidden;opacity:.35;transform:translateX(104%);background:var(--atelier-bg);pointer-events:none;transition:transform .55s cubic-bezier(.76,0,.24,1),opacity .35s,visibility 0s linear .55s}
.practice-view.active{visibility:visible;opacity:1;transform:translateX(0);pointer-events:auto;transition-delay:0s}
.practice-header{z-index:2;min-height:70px;display:flex;align-items:center;gap:16px;padding:10px clamp(15px,2.6vw,38px);border-bottom:1px solid #d4dce8;background:rgba(255,255,255,.97);box-shadow:0 5px 22px rgba(20,37,66,.06)}
.practice-back,.practice-actions button,.practice-actions select{height:38px;flex:none;padding:0 13px;border:1px solid #cdd6e3;border-radius:10px;background:#fff;color:#40506a;font-size:10px;font-weight:800;cursor:pointer}
.practice-back:hover{border-color:var(--atelier-blue);color:var(--atelier-blue)}
.practice-heading{min-width:0;flex:1}.practice-heading p{margin:0 0 4px;color:var(--atelier-blue);font:900 8px Georgia,serif;letter-spacing:1.8px}.practice-heading h2{overflow:hidden;margin:0;color:var(--atelier-ink);font-family:"Nanum Myeongjo",Georgia,serif;font-size:19px;text-overflow:ellipsis;white-space:nowrap}
.practice-actions{display:flex;gap:7px}.practice-actions button{border-color:var(--atelier-blue);background:var(--atelier-blue);color:#fff}.practice-actions button:hover{background:#172f57}.practice-actions button:disabled{opacity:.55;cursor:wait}
.practice-layout{min-height:0;flex:1;display:grid;grid-template-columns:300px minmax(0,1fr)}
.practice-controls{overflow:auto;padding:22px 18px 34px;border-right:1px solid #d4dce8;background:#f9fbfd;box-shadow:8px 0 28px rgba(20,37,66,.05)}
.practice-control-group{position:relative;margin-bottom:20px;padding:0 0 20px 35px;border-bottom:1px solid #e1e6ee}.practice-control-group:last-child{border:0}.practice-step{position:absolute;left:0;top:0;display:grid;width:25px;height:25px;place-items:center;border-radius:8px;background:#e2e8f1;color:var(--atelier-blue);font:850 9px Georgia,serif}.practice-control-group h3{margin:2px 0 10px;font-size:12px;color:var(--atelier-ink)}
.practice-mode-buttons{display:grid;gap:7px}.practice-mode{padding:10px 11px;border:1px solid #d2dae5;border-radius:11px;background:#fff;color:#59667b;text-align:left;cursor:pointer}.practice-mode strong,.practice-mode small{display:block}.practice-mode strong{font-size:11px}.practice-mode small{margin-top:3px;color:#8995a7;font-size:9px}.practice-mode:hover,.practice-mode.active{border-color:#294b7d;background:#eef3f9;color:var(--atelier-blue)}
.practice-grid-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.practice-grid-buttons button{height:33px;border:1px solid #d2dae5;border-radius:9px;background:#fff;color:#59667b;font-size:10px;font-weight:800;cursor:pointer}.practice-grid-buttons button:hover,.practice-grid-buttons button.active{border-color:#294b7d;background:#e7edf6;color:var(--atelier-blue)}
.practice-control-title{display:flex;justify-content:space-between;gap:8px}.practice-control-title output{color:#294b7d;font-size:10px;font-weight:900}.practice-control-group input[type=range]{width:100%;accent-color:var(--atelier-blue)}#practice-opacity-group[data-disabled]{opacity:.45}
.practice-workspace{min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;overflow:auto;padding:24px 32px;background:radial-gradient(circle at 50% 43%,#fff 0,#f3f6fa 52%,#e4e9f0 100%)}
.practice-pair{--practice-ratio:.75;--practice-grid-count:4;--practice-grid-opacity:.5;--practice-image-opacity:.28;display:flex;justify-content:center;align-items:flex-start;gap:clamp(16px,2vw,30px);width:min(100%,1400px);min-width:0}
.practice-sheet{flex:1;min-width:0;margin:0;display:flex;flex-direction:column;gap:8px}.practice-sheet figcaption{height:30px;display:flex;align-items:center;gap:7px;color:#34435c}.practice-sheet figcaption b{display:grid;width:22px;height:22px;place-items:center;border-radius:7px;background:#dfe6f0;color:var(--atelier-blue);font:850 8px Georgia,serif}.practice-sheet figcaption span{font-size:10px;font-weight:850}.practice-sheet figcaption small{margin-left:auto;color:#7f8ba0;font-size:7px;font-weight:900;letter-spacing:1px}
.practice-paper{position:relative;width:100%;aspect-ratio:var(--practice-ratio);overflow:hidden;border:1px solid #cbd4e1;border-radius:4px;background:#fff;box-shadow:0 20px 54px rgba(20,37,66,.14)}.practice-paper img{display:block;width:100%;height:100%;object-fit:contain}.practice-drawing img{opacity:var(--practice-image-opacity)}.practice-drawing[data-mode=grid] img{opacity:0}.practice-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,transparent calc(100% - 1px),rgba(33,58,101,var(--practice-grid-opacity)) calc(100% - 1px)),linear-gradient(to bottom,transparent calc(100% - 1px),rgba(33,58,101,var(--practice-grid-opacity)) calc(100% - 1px));background-size:calc(100% / var(--practice-grid-count)) 100%,100% calc(100% / var(--practice-grid-count));box-shadow:inset 0 0 0 1px rgba(33,58,101,var(--practice-grid-opacity))}
.practice-status{max-width:700px;margin:0;color:#526079;font-size:11px;line-height:1.5;text-align:center}
@media(min-width:900px){html:has(#gnavSidebar.open) .practice-view{right:140px}}
@media(max-width:1050px){.practice-layout{grid-template-columns:255px minmax(0,1fr)}.practice-workspace{padding:20px}}
@media(max-width:1350px){.grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1050px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}.library-sub{display:none}.modal-workspace{grid-template-columns:255px minmax(0,1fr)}.modal-images{gap:10px}}
@media(max-width:780px){.library-header{padding:15px 14px 11px}.atelier-title-row{gap:10px}.back-btn{width:37px;height:37px}.top-title{font-size:21px}.library-total{display:none}.library-tools{margin-top:14px}.search-tools{width:min(230px,55vw)}.collection-bar{margin-top:10px}.grid-wrap{padding:14px 12px 45px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.card{border-radius:11px}.studio-header{height:62px;flex-basis:62px;gap:8px;padding:8px 10px}.studio-back{width:39px;padding:0;overflow:hidden;white-space:nowrap;text-indent:-9999px}.studio-back:after{content:'←';display:block;text-indent:0;font-size:17px}.studio-title{font-size:15px}.studio-header-actions{gap:4px}.studio-download{padding:0 8px;font-size:9px}.modal-workspace{display:flex;flex-direction:column;overflow-y:auto}.preview-pane{order:1;flex:none;overflow:visible;padding:14px 12px}.modal-images{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.modal-img-wrap img{height:38vh}.controls-pane{order:2;flex:none;overflow:visible;padding:14px 12px 0;border:0;border-top:1px solid #d4dce8}.preview-pane.focus-mode .modal-img-wrap.focused img{height:55vh}}
@media(max-width:480px){.top-title{font-size:18px}.eyebrow{font-size:8px}.filter-caption{display:none}.search-tools{width:100%}.col-icon{padding:6px 9px}.col-icon .icon-label{font-size:10px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-header-actions .studio-download:not(.primary){display:none}.studio-title{font-size:14px}.modal-images{grid-template-columns:1fr}.modal-img-wrap img{height:auto;max-height:53vh;aspect-ratio:4/3}.preview-pane.focus-mode .modal-img-wrap.focused img{height:auto;max-height:65vh}}
@media(max-width:780px){.practice-header{min-height:62px;flex-wrap:wrap;gap:8px;padding:8px 10px}.practice-back{width:39px;padding:0;overflow:hidden;text-indent:-9999px}.practice-back:after{content:'←';display:block;text-indent:0;font-size:17px}.practice-heading h2{font-size:15px}.practice-actions{width:100%;justify-content:flex-end}.practice-layout{display:flex;flex-direction:column;overflow:auto}.practice-controls{flex:none;display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:10px;overflow:auto;max-height:170px;padding:10px;border:0;border-bottom:1px solid #d4dce8}.practice-control-group{margin:0;padding:0 0 0 30px;border:0}.practice-mode small{display:none}.practice-workspace{flex:none;align-items:flex-start;padding:16px 12px;overflow:auto}.practice-pair{display:grid;grid-template-columns:1fr;gap:22px;width:100%}.practice-status{text-align:left}}
@media(max-width:480px){.studio-header-actions .studio-download.study{display:block}.studio-header-actions .studio-download.primary{display:none}.practice-actions select{max-width:165px}.practice-status{font-size:10px}}
@media(prefers-reduced-motion:reduce){.modal-overlay,.practice-view,.card{transition-duration:.01ms!important}.card.is-loading img{animation:none}}

/* Select → arrange one original → study original and the existing extracted sketch. */
[hidden]{display:none!important}
.modal-workspace.art-arranger-workspace{display:grid;grid-template-columns:286px minmax(0,1fr);min-height:0;flex:1;overflow:hidden}
.original-controls{overflow:auto;padding:22px 18px 34px;border-right:1px solid #d4dce8;background:#f9fbfd;scrollbar-width:thin}
.original-control-group{position:relative;padding:0 0 21px 35px;margin-bottom:20px;border-bottom:1px solid #e1e6ee}.original-control-group:last-child{border:0;margin:0}
.original-step{position:absolute;left:0;top:0;display:grid;width:25px;height:25px;place-items:center;border-radius:8px;background:#e2e8f1;color:#213a65;font:850 9px Georgia,serif}
.original-control-group h3{margin:1px 0 10px;font-size:12px}.original-control-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.original-control-title output{color:#294b7d;font-size:10px;font-weight:900}
.original-segment{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.original-segment button,.original-tool,.original-undo{min-height:34px;padding:5px;border:1px solid #d2dae5;border-radius:9px;background:#fff;color:#59667b;font-size:9px;font-weight:800;cursor:pointer}
.original-segment button.is-active,.original-tool.is-active{border-color:#294b7d;background:#eef3f9;color:#213a65}.original-tool-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}.original-undo:disabled,.studio-download:disabled{opacity:.45;cursor:wait}
.original-control-group input[type=range]{width:100%;accent-color:#213a65}.original-control-group p{margin:7px 0;color:#758197;font-size:9px;line-height:1.55}.original-help-card>button{width:100%;min-height:35px;margin-top:5px;border:1px solid #d2dae5;border-radius:9px;background:#fff;color:#40506a;font-size:10px;cursor:pointer}
.original-workspace{min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;padding:26px 32px;overflow:auto;background:radial-gradient(circle at 50% 43%,#fff 0,#f3f6fa 52%,#e4e9f0 100%)}
.original-paper-shell{position:relative;flex:none;width:min(100%,calc((100dvh - 135px)*1240/1754));aspect-ratio:1240/1754;padding:0;border:1px solid #cbd4e1;border-radius:16px;background:#fff;box-shadow:0 20px 54px rgba(20,37,66,.14)}
.original-paper-shell[data-ratio=landscape]{aspect-ratio:1754/1240;width:min(100%,calc((100dvh - 135px)*1754/1240))}.original-paper-shell[data-ratio=square]{aspect-ratio:1;width:min(100%,calc(100dvh - 135px))}
.original-paper-label{position:absolute;z-index:2;left:14px;right:14px;top:10px;display:flex;justify-content:space-between;gap:12px;pointer-events:none;color:#66748a;font-size:8px}.original-paper-label strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:75%;font-weight:500}.original-paper-label span{font:850 7px Georgia,serif;letter-spacing:1.5px}
#original-canvas{display:block;width:100%;height:100%;border-radius:16px;background:#fff;cursor:grab;touch-action:none;outline:0}#original-canvas:active{cursor:grabbing}#original-canvas[data-tool^=eraser]{cursor:none}
.original-drag-tip{position:absolute;left:50%;bottom:16px;max-width:90%;transform:translateX(-50%);padding:7px 11px;border:1px solid #cdd6e3;border-radius:999px;background:rgba(255,255,255,.95);color:#5e6b80;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.original-drag-tip.is-error{color:#a24f3e}.original-drag-tip.is-success{color:#2f7a52}
.original-eraser-cursor{position:absolute;z-index:4;transform:translate(-50%,-50%);border:2px solid #213a65;border-radius:50%;box-shadow:0 0 0 1px #fff;pointer-events:none}.original-eraser-cursor.is-soft{border-style:dashed}
.original-loading{position:absolute;inset:70px 0 0;z-index:8;display:flex;align-items:center;justify-content:center;gap:12px;background:rgba(240,244,249,.88);color:#59667b;font-size:12px;backdrop-filter:blur(6px)}
.loading-ring{width:22px;height:22px;border:2px solid #cbd4e1;border-top-color:#213a65;border-radius:50%;animation:arranger-ring .8s linear infinite}@keyframes arranger-ring{to{transform:rotate(360deg)}}
.original-context-menu{position:fixed;z-index:1150;width:285px;padding:7px;border:1px solid #cbd4e1;border-radius:13px;background:#fff;box-shadow:0 18px 50px rgba(20,37,66,.22)}
.original-context-menu button{display:grid;width:100%;grid-template-columns:32px 1fr;gap:3px 9px;padding:10px;border:0;border-radius:9px;background:transparent;color:#26344d;text-align:left;cursor:pointer}.original-context-menu button:hover{background:#edf2f8}.original-context-menu button span{grid-row:1/3}.original-context-menu strong{font-size:11px}.original-context-menu small{font-size:9px;color:#758197}
.practice-controls .sketch-lab-group{padding-left:0}.sketch-lab-group .sketch-editor{margin:0;padding:0;background:transparent;gap:12px}.sketch-lab-group .modal-msg{margin:0 0 15px;padding:10px;border-radius:10px;font-size:10px}
.practice-sketch-modes{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.practice-sketch-modes button{min-height:32px;border:1px solid #d2dae5;border-radius:9px;background:#fff;color:#40506a;font-size:10px;cursor:pointer}.practice-sketch-modes button.active{color:#fff}
.sketch-reference-note{font-size:10px;color:#758197;line-height:1.5}.sketch-lab-group .curve-editor{grid-template-columns:1fr}.sketch-lab-group .curve-actions{display:flex;flex-wrap:wrap;gap:4px}.sketch-lab-group .curve-label{width:100%}.sketch-lab-group .adjustment-row{grid-template-columns:74px 1fr 34px}.sketch-lab-group .modal-btns{position:static;padding:10px 0;background:transparent}
.practice-workspace{justify-content:flex-start}.practice-pair{flex:none;width:100%;gap:24px;margin:auto 0 0}.practice-sheet{flex:none;width:min(calc((100% - 24px)/2),calc((100dvh - 230px)*var(--practice-ratio)))}.practice-status{margin-bottom:auto}
@media(max-width:780px){
 .studio-header{height:auto;flex-basis:auto;min-height:100px;flex-wrap:wrap}.studio-header-actions{width:100%;justify-content:flex-end}.studio-header-actions .studio-download{display:block!important}
 .modal-workspace.art-arranger-workspace{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}
 .original-controls{display:grid;grid-template-columns:repeat(5,minmax(190px,1fr));gap:12px;overflow:auto;padding:10px;border:0;border-bottom:1px solid #d4dce8;max-height:180px}.original-control-group{margin:0;padding:0 0 0 30px;border:0}
 .original-workspace{padding:20px;align-items:flex-start}.original-paper-shell{width:min(100%,calc((100dvh - 330px)*1240/1754));min-width:160px}.original-paper-shell[data-ratio=landscape]{width:min(100%,calc((100dvh - 330px)*1754/1240))}.original-paper-shell[data-ratio=square]{width:min(100%,calc(100dvh - 330px))}
 .original-loading{top:100px}.practice-layout{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.practice-controls{grid-template-columns:repeat(5,minmax(215px,1fr));max-height:185px}.practice-control-group{margin:0}
 .practice-workspace{padding:20px 14px}.practice-pair{display:flex;gap:14px;margin:0}.practice-sheet{width:calc((100% - 14px)/2)}.practice-sheet figcaption small{display:none}.practice-sheet figcaption span{font-size:9px}.practice-status{margin-bottom:0}
}
@media(prefers-reduced-motion:reduce){.loading-ring{animation:none}}

/* Compact Look & Draw controls: reference stays untouched, tuning lives at right. */
html:has(#gnavSidebar:not(.open)) .practice-view{right:40px}
@media(min-width:900px){html:has(#gnavSidebar.open) .practice-view{right:155px}}
.practice-layout{grid-template-columns:200px minmax(0,1fr) 280px;overflow:hidden}
.practice-controls{padding:16px 14px}
.practice-control-group{padding:0 0 12px 29px;margin-bottom:12px}
.practice-step{width:21px;height:21px;border-radius:6px}
.practice-control-group h3{margin:0 0 7px;font-size:11px}
.practice-mode-buttons{gap:5px}.practice-mode{padding:8px 9px;border-radius:8px}.practice-mode small{display:none}
.practice-grid-buttons{gap:5px}.practice-grid-buttons button{height:29px}
.practice-workspace{padding:20px 24px;justify-content:safe center;align-items:safe center;gap:12px}
.practice-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0;width:min(100%,850px,calc((100dvh - 180px)*var(--practice-ratio)*2 + 24px))}
.practice-sheet{width:100%;height:auto}.practice-sheet figcaption{height:24px}
.practice-status{font-size:10px;margin:0}
.practice-sketch-controls{min-width:0;padding:8px 12px;border-left:1px solid #d4dce8;background:#f9fbfd;overflow:auto;color:#213a65;line-height:1.2}
.practice-sketch-controls>h3{font-size:13px;margin:0 0 5px}
.practice-sketch-controls input[type=range]{display:block;width:100%;height:15px;margin:0;accent-color:#213a65}
.practice-sketch-controls #practice-opacity-group{margin:5px 0 7px}
.practice-sketch-controls #practice-opacity-group h3{font-size:10px;margin:0 0 3px}
.practice-sketch-controls .sketch-lab-group{border:0;padding:0;margin:0}
.practice-sketch-controls .sketch-editor{gap:4px;margin:0;padding:0;background:transparent}
.practice-sketch-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.practice-sketch-modes button{min-height:27px;font-size:10px;font-weight:800}
.practice-sketch-modes button.active{background:#e7edf6!important;border-color:#294b7d!important;color:#213a65!important}
.practice-sketch-controls .sketch-reference-note{font-size:9px;line-height:1.3;margin:0}
.practice-line-adjustments{display:grid;grid-template-columns:1fr 1fr;gap:3px 10px;margin:0}
.practice-line-adjustments label{display:flex;justify-content:space-between;font-size:9px;font-weight:800}
.practice-line-adjustments label:first-child{grid-column:1;grid-row:1}.practice-line-adjustments input:nth-child(2){grid-column:1;grid-row:2}.practice-line-adjustments label:nth-child(3){grid-column:2;grid-row:1}.practice-line-adjustments input:nth-child(4){grid-column:2;grid-row:2}
.practice-line-adjustments[data-disabled]{opacity:.45}
#practice-tone-panel{border-top:1px solid #d4dce8;padding-top:7px}
#practice-tone-panel summary{font-size:10px;font-weight:800;cursor:pointer;margin-bottom:6px}
.practice-sketch-controls .sketch-presets{gap:4px;grid-template-columns:repeat(4,minmax(0,1fr))}
.practice-sketch-controls .sketch-preset,.practice-sketch-controls .curve-preset,.practice-sketch-controls .editor-action{border:1px solid #cdd6e3;border-radius:6px;background:#fff;color:#213a65;font-size:9px;padding:5px 2px;min-height:25px;cursor:pointer}
.practice-sketch-controls .adjustment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px;margin:7px 0}
.practice-sketch-controls .adjustment-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1px 3px;font-size:9px;line-height:1.15}
.practice-sketch-controls .adjustment-row label{font-size:9px;color:#40506a}
.practice-sketch-controls .adjustment-row input{grid-column:1/-1;grid-row:2}
.practice-sketch-controls .adjustment-value{color:#213a65;font-size:9px;min-width:0;font-weight:800}
.practice-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:5px;margin:5px 0;border-top:1px solid #d4dce8}
.practice-levels label{display:grid;grid-template-columns:minmax(0,1fr) auto;font-size:9px;color:#40506a}.practice-levels output{font-weight:800}.practice-levels input{grid-column:1/-1}
.practice-sketch-controls .curve-stage{height:72px;border:1px solid #cdd6e3;border-radius:7px}
.practice-sketch-controls .curve-editor{gap:4px}
#practice-curve-help{font-size:8px;color:#758197;line-height:1.3;margin:0}
.practice-sketch-controls .curve-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.practice-sketch-controls .curve-label{display:none}
.practice-sketch-controls .editor-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.practice-sketch-controls .sketch-status{font-size:9px;min-height:0;line-height:1.3}
.practice-sketch-controls .modal-btns{position:static;background:transparent;padding:4px 0 0}
.practice-sketch-controls #dl-color,.practice-sketch-controls #dl-sketch{height:30px;font-size:9px}
.practice-sketch-controls button:focus-visible,.practice-sketch-controls input:focus-visible,#curve-canvas:focus-visible{outline:2px solid #294b7d;outline-offset:2px}
@media(min-width:781px) and (max-width:1150px){.practice-layout{grid-template-columns:175px minmax(0,1fr) 250px}.practice-controls{padding:16px 10px}.practice-workspace{padding:16px}.practice-sketch-controls{padding:10px}.practice-pair{gap:18px}}
@media(max-width:780px){
 .practice-layout{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto minmax(0,1fr)}
 .practice-controls{grid-row:1;grid-template-columns:repeat(3,minmax(145px,1fr));padding:8px;gap:10px;max-height:none}
 .practice-control-group{margin:0;padding:0 0 0 25px;border:0}.practice-control-group h3{font-size:10px}.practice-mode{padding:6px 7px}
 .practice-sketch-controls{grid-row:2;overflow:auto;max-height:min(380px,45dvh);padding:9px;border:0;border-bottom:1px solid #d4dce8}
 .practice-sketch-controls>h3,.practice-sketch-controls .sketch-reference-note,.practice-sketch-controls .sketch-status{display:none}
 .practice-sketch-controls #practice-opacity-group{margin:0 0 6px}.practice-sketch-modes{grid-template-columns:repeat(4,minmax(0,1fr))}
 .practice-sketch-controls .modal-btns{display:none}
 .practice-workspace{grid-row:3;padding:14px;gap:9px;flex:auto;align-items:safe center}
 .practice-pair{width:100%;gap:14px;margin:0}.practice-sheet{width:100%}.practice-status{text-align:center}
}

/* Landscape paper is stacked in preview, PNG, and native A4 printing. */
.practice-pair[data-layout="stacked"]{display:grid;grid-template-columns:minmax(0,1fr);width:min(100%,680px,calc((100dvh - 260px)*var(--practice-ratio)/2));gap:20px}
.practice-pair[data-layout="stacked"] .practice-sheet{width:100%;flex:none}
@media(max-width:780px){.practice-pair[data-layout="stacked"]{width:100%;gap:18px}}

.editor-inline-0{position:absolute;overflow:hidden}
.editor-inline-252{display:none}
.editor-inline-254{display:flex;gap:6px;width:100%}
.editor-inline-255{flex:1}
.editor-inline-256{font-size:13px}
.editor-inline-258{flex:1}
.editor-inline-259{font-size:13px}
/* Archive integration only: explicit navigation, retained image-save button on phones. */
.atelier-title-row>.back-btn{width:auto;padding:0 12px;font-size:11px;font-weight:750;white-space:nowrap}.top-title{word-break:keep-all}
.modal,.practice-view{font-family:Pretendard,system-ui,sans-serif}.modal{display:flex;flex-direction:column}.studio-header{align-items:center}.studio-header-actions .studio-download.primary{display:block}
@media(max-width:780px){.studio-back{width:auto;padding:0 9px}.practice-back{padding:0 9px}.studio-title{font-size:15px}.studio-header-actions .studio-download{padding:0 8px;font-size:9px}.studio-heading{min-width:0}.atelier-title-row{flex-wrap:wrap}.atelier-title-row .title-copy{min-width:220px}.practice-actions{gap:4px}.practice-actions select{max-width:120px}.practice-actions button{padding:0 7px}.practice-heading h2{font-size:15px}}
/* The owner's explicit Back labels remain visible on small screens too. */
@media(max-width:780px){.studio-back,.practice-back{width:auto;padding:0 9px;text-indent:0;white-space:nowrap}.studio-back:after,.practice-back:after{display:none}}