/* Shared print-card controls and the fixed A4 information header. */
.paper{container-type:inline-size}
.workspace{transition:grid-template-columns .3s ease}
.library-title{position:relative}
.library-collapse-button{flex:0 0 auto;border:1px solid #dce4e9;border-radius:9px;background:#fff;padding:6px 8px;color:#64727e;font-size:9px;font-weight:900;white-space:nowrap}
.library-collapse-button:hover{border-color:#75b8ca;color:#267f99}
.library-rail{display:none;width:100%;height:100%;min-height:520px;border:0;border-radius:21px;background:linear-gradient(180deg,#fbfdfe,#eef5f7);color:#52636f;padding:14px 8px;align-items:center;justify-content:flex-start;gap:14px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}
.library-rail-symbol{flex:0 0 auto;width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#5aacc4,#2b7f98);color:#fff;font:900 21px/1 Georgia,serif;box-shadow:0 7px 15px rgba(43,127,152,.2)}
.library-rail b{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.14em;font-size:12px}
.library-rail small{max-height:90px;writing-mode:vertical-rl;text-orientation:mixed;color:#83919a;font-size:9px;font-weight:850}
.library-rail em{margin-top:auto;writing-mode:vertical-rl;text-orientation:mixed;color:#2f8ca7;font-size:9px;font-style:normal;font-weight:900}
.workspace.library-collapsed{grid-template-columns:62px minmax(0,1fr)}
.library.is-collapsed{height:calc(100vh - 122px);min-height:650px;overflow:hidden}
.library.is-collapsed .library-head,.library.is-collapsed .gallery{display:none!important}
.library.is-collapsed .element-pager{display:none!important}
.library.is-collapsed .library-rail{display:flex}
.tool-dock{display:flex;min-width:0;min-height:0;flex-direction:column;gap:7px;padding:9px;border:1px solid #dce5e9;border-radius:16px;background:linear-gradient(180deg,#f8fbfc,#f0f5f7)}
.tool-dock-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border:1px solid #dce5e9;border-radius:11px;background:#fff}
.tool-dock-tabs button{min-width:0;border:0;border-radius:8px;background:transparent;padding:9px 4px;color:#75828d;font-size:12px;font-weight:950;white-space:nowrap}
.tool-dock-tabs button.on{background:var(--ink);color:#fff;box-shadow:0 4px 10px rgba(32,41,54,.15)}
.tool-pane{display:flex;min-height:0;flex-direction:column;gap:7px}
.tool-pane[hidden]{display:none!important}
.tool-pane .control-row,.tool-pane .card-style-row,.tool-pane .card-advanced-tools,.tool-pane .sketch-tools{margin:0}
.tool-pane .variant-row{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;margin:0;padding:1px;overflow:visible}
.tool-pane .variant{width:100%;min-width:0;flex:none;border-radius:8px}
.tool-pane .variant span{display:none}
.tool-dock .status{margin-top:auto;padding:4px 2px 0;font-size:9px;line-height:1.3}
.grid-opacity-range{display:grid;gap:3px;margin-top:7px;padding-top:6px;border-top:1px solid #e3e9ec}
.grid-opacity-range span{display:flex;align-items:center;justify-content:space-between;color:#647581;font-size:9.5px;font-weight:900}
.grid-opacity-range output{color:#2f8ba5}.grid-opacity-range input{width:100%;accent-color:var(--cyan)}
.multi-card-controls{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:6px 9px;padding:8px;border:1px solid #dce5e9;border-radius:10px;background:#fff}
.multi-card-controls[hidden]{display:none}.multi-card-controls>div:first-child{display:flex;align-items:center;gap:7px}.multi-card-controls>div:first-child strong{font-size:10px}
.multi-card-count{padding:3px 6px;border-radius:999px;background:#e8f4f7;color:#287f98;font-size:9px;font-weight:950}.multi-card-actions{display:flex;gap:5px}.multi-card-actions button{border:1px solid #dbe4e8;border-radius:7px;background:#f8fafb;padding:5px 7px;color:#596b76;font-size:9px;font-weight:900}.multi-card-actions [data-add-current]{border-color:#70b4c7;background:#eaf7fa;color:#267d97}.multi-card-actions button:disabled{opacity:.35}
.multi-card-slots{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.multi-card-slots>button,.multi-card-slots>span{min-width:0;height:30px;display:flex;align-items:center;gap:5px;border:1px solid #dce5e9;border-radius:7px;background:#f7fafb;padding:4px 6px;color:#62717b}.multi-card-slots b{font:900 13px/1 Georgia,serif;color:#2d849e}.multi-card-slots button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;font-weight:900}.multi-card-slots i{margin-left:auto;color:#a36d74;font-style:normal}.multi-card-slots small{font-size:8px}
.multi-card-sheet{flex:1;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;justify-content:center;gap:28px;padding:20px 70px}.multi-card-sheet[hidden]{display:none}.paper.cards-four .multi-card-sheet{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:20px 22px}.paper.is-card-sheet .sheet-title,.paper.is-card-sheet .visual-area{display:none!important}
.mini-element-card{position:relative;min-width:0;aspect-ratio:2/3;overflow:hidden;border:3px solid var(--mini-accent);border-radius:17px;background:#fff;box-shadow:0 10px 24px rgba(var(--mini-rgb),.18),inset 0 0 0 1px rgba(255,255,255,.8)}.mini-element-card::after{content:"";position:absolute;z-index:2;inset:5px;border:1px solid var(--mini-accent);border-radius:11px;opacity:.58;pointer-events:none}.mini-element-card img{width:100%;height:100%;display:block;object-fit:contain}
.mini-element-card header{position:absolute;z-index:3;left:8px;right:8px;top:8px;min-height:44px;display:flex;align-items:center;overflow:hidden;border:1px solid var(--mini-accent);border-radius:10px;background:linear-gradient(135deg,rgba(var(--mini-rgb),.08),rgba(8,18,22,.08));color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.62)}.mini-element-card header>b{align-self:stretch;min-width:42px;display:grid;place-items:center;background:rgba(var(--mini-rgb),.13);font:900 23px/1 Georgia,serif}.mini-element-card header>em{min-width:28px;text-align:center;font:900 13px/1 Georgia,serif;font-style:normal}.mini-element-card header>span{min-width:0;display:flex;align-items:baseline;gap:6px}.mini-element-card header>span strong{font-size:12px}.mini-element-card header>span small{font-size:8px;font-weight:900}.mini-element-card header>i{margin-left:auto;padding:0 9px;display:flex;flex-direction:column;align-items:flex-end;font:900 10px/1.1 Georgia,serif;font-style:normal}.mini-element-card header>i small{font:900 5px/1 sans-serif}
.mini-element-card footer{position:absolute;z-index:3;left:8px;right:8px;bottom:8px;padding:9px 10px;border:1px solid var(--mini-accent);border-radius:10px;background:linear-gradient(135deg,rgba(var(--mini-rgb),.08),rgba(8,18,22,.08));color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.68)}.mini-element-card footer>strong{display:block;font-size:11px}.mini-element-card footer>span{display:block;margin-top:3px;font-size:8px;font-weight:800}.mini-element-card footer>div{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:6px}.mini-element-card footer b{padding:4px;border:1px solid rgba(255,255,255,.25);border-radius:5px;background:rgba(var(--mini-rgb),.08);font-size:7px;text-align:center}
.paper.cards-four .mini-element-card header{left:5px;right:5px;top:5px;min-height:33px;border-radius:7px}.paper.cards-four .mini-element-card header>b{min-width:30px;font-size:17px}.paper.cards-four .mini-element-card header>em{min-width:20px;font-size:9px}.paper.cards-four .mini-element-card header>span{display:none}.paper.cards-four .mini-element-card header>i{padding:0 6px;font-size:8px}.paper.cards-four .mini-element-card footer{left:5px;right:5px;bottom:5px;padding:6px;border-radius:7px}.paper.cards-four .mini-element-card footer>strong{font-size:9px}.paper.cards-four .mini-element-card footer>span{font-size:6.5px}.paper.cards-four .mini-element-card footer>div{margin-top:4px}.paper.cards-four .mini-element-card footer b{padding:3px;font-size:5.5px}
.mini-card-empty{aspect-ratio:2/3;display:grid;place-items:center;align-content:center;gap:10px;border:2px dashed #ced9de;border-radius:16px;background:#f8fafb;color:#9aa8b0;text-align:center}.mini-card-empty b{font-size:28px}.mini-card-empty span{font-size:9px;line-height:1.5}
.element-pager{flex:0 0 34px;display:flex;align-items:center;justify-content:center;gap:9px;padding:3px 10px 8px;border-top:1px solid #e5ebee;background:#fff}
.element-pager[hidden]{display:none}
.element-pager button{width:29px;height:25px;border:1px solid #dbe4e8;border-radius:8px;background:#f8fafb;color:#4f6470;font-weight:950}
.element-pager button:disabled{opacity:.3;cursor:default}
.element-pager strong{min-width:46px;color:#60717c;font-size:10px;text-align:center}
.element-pager strong i{margin:0 5px;color:#b2bdc4;font-style:normal}
.variant-pager{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:-2px}
.variant-pager[hidden]{display:none}
.variant-pager button{width:27px;height:24px;border:1px solid #d9e3e7;border-radius:8px;background:#fff;color:#536873;font-weight:950}
.variant-pager button:disabled{opacity:.3;cursor:default}
.variant-pager strong{min-width:40px;color:#687985;font-size:9px;text-align:center}
.variant-pager strong i{margin:0 4px;color:#b5bfc5;font-style:normal}

@media(min-width:1051px){
  html,body{height:100%;overflow:hidden}
  .app{height:100vh;overflow:hidden;padding-bottom:14px}
  .workspace{grid-template-columns:320px minmax(0,1fr)}
  .workspace{height:calc(100vh - 103px);min-height:0}
  .library,.library.is-collapsed{height:100%;min-height:0}
  .library .period-tabs{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;overflow:hidden}
  .library .period-tabs button{min-width:0;padding:7px 2px}
  .library:not(.is-collapsed) .gallery{flex:1;min-height:0;overflow:hidden;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));grid-auto-rows:0;gap:7px;padding:9px}
  .library:not(.is-collapsed) .thumb{height:100%;min-height:0;aspect-ratio:auto}
  .library:not(.is-collapsed) .thumb[hidden]{display:none}
  .studio.one-screen-studio{position:static;display:grid;grid-template-columns:minmax(520px,1fr) minmax(330px,410px);grid-template-rows:auto minmax(0,1fr);gap:9px 11px;height:100%;max-height:none;overflow:hidden;padding:12px}
  .one-screen-studio .studio-head{grid-column:1/-1;grid-row:1;margin:0;align-items:center}
  .one-screen-studio .studio-head h2{font-size:17px}
  .one-screen-studio .studio-head p{font-size:9px}
  .one-screen-studio .actions .action{padding:7px 9px;border-radius:9px;font-size:10px}
  .one-screen-studio .preview-shell{grid-column:1;grid-row:2;min-width:0;min-height:0;height:100%;display:grid;place-items:center;overflow:hidden;padding:8px}
  .one-screen-studio .tool-dock{grid-column:2;grid-row:2;height:100%;overflow:hidden}
  .one-screen-studio .paper{width:100%;height:100%;min-height:0;padding:16px;gap:8px;overflow:hidden}
  .one-screen-studio .sheet-title{flex:0 0 auto;grid-template-rows:46px auto auto;row-gap:5px;padding-bottom:7px}
  .one-screen-studio .sheet-summary,.one-screen-studio .sheet-code{height:46px}
  .one-screen-studio .summary-title i{flex-basis:38px;width:38px;font-size:21px}
  .one-screen-studio .summary-title strong{font-size:20px}
  .one-screen-studio .summary-title span{font-size:9px}
  .one-screen-studio .sheet-code strong{font-size:18px}
  .one-screen-studio .science-meta{height:34px}
  .one-screen-studio .science-meta span{min-height:32px;padding:5px 3px;font-size:9px}
  .one-screen-studio .science-note{padding:4px 7px;font-size:8px}
  .one-screen-studio .visual-area{flex:1;min-height:0;height:auto;align-items:center;justify-items:center;gap:12px}
  .one-screen-studio .paper.is-pair .visual-area{grid-template-columns:repeat(2,minmax(0,1fr))}
  .one-screen-studio .reference-frame,.one-screen-studio .drawing-frame,.one-screen-studio .paper:not(.is-pair) .reference-frame{width:auto;max-width:100%;height:100%;max-height:100%;aspect-ratio:2/3;justify-self:center}
  .one-screen-studio .tool-dock .control-card{padding:7px 8px;border-radius:10px}
  .one-screen-studio .tool-pane .variant-row,.one-screen-studio body.girl-edition .tool-pane .variant-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none;grid-auto-flow:row;grid-auto-columns:auto;gap:5px;overflow:hidden;padding:1px}
  body.girl-edition .one-screen-studio .tool-pane .variant{width:100%;height:auto;aspect-ratio:2/3}
  .one-screen-studio .tool-pane .variant[hidden]{display:none}
  .one-screen-studio .tool-dock .control-label{margin-bottom:5px;font-size:10px}
  .one-screen-studio .tool-dock .seg{gap:4px}
  .one-screen-studio .tool-dock .seg button{padding:7px 8px;border-radius:7px;font-size:11px}
  .one-screen-studio .tool-dock .card-advanced-tools{gap:7px}
  .one-screen-studio .tool-dock .sketch-detail{margin-top:0;border-radius:11px}
  .one-screen-studio .tool-dock .sketch-detail summary{padding:7px 9px}
  .one-screen-studio .tool-dock .sketch-presets{padding:6px 8px 3px}
  .one-screen-studio .tool-dock .sketch-presets button{padding:5px 7px;font-size:9.5px}
  .one-screen-studio .tool-dock .sketch-adjust-group{padding:5px 8px 6px}
  .one-screen-studio .tool-dock .sketch-adjust-group>strong{margin-bottom:4px;font-size:10px}
  .one-screen-studio .tool-dock .sketch-slider-grid{gap:4px 8px}
  .one-screen-studio .tool-dock .sketch-slider-grid label>span{font-size:9.5px}
  .one-screen-studio .tool-dock .sketch-curve-wrap{gap:8px}
  .one-screen-studio .tool-dock .sketch-curve{height:52px}
}
.sheet-title{
  grid-template-columns:minmax(0,1fr) 230px;
  grid-template-rows:54px auto auto;
  align-items:center;
  column-gap:0;
  row-gap:8px;
  padding-bottom:12px;
  border-bottom:2px solid #dce6eb;
}
.sheet-summary{height:54px;display:flex;align-items:center;min-width:0;padding-right:20px}
.summary-title{width:100%;gap:11px}
.summary-title i{flex:0 0 46px;width:46px;border-radius:10px;font-size:26px}
.summary-title strong{flex:0 0 auto;font-size:25px;line-height:1}
.summary-title span{font-size:12px;line-height:1.2;letter-spacing:.02em}
.sheet-code{height:54px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;padding-left:22px;border-left:1px solid #dbe4e9;text-align:right}
.sheet-code strong{font-size:23px;line-height:1;letter-spacing:-.025em}
.sheet-code span{margin-top:7px;font-size:11px;line-height:1;color:#267e99}
.science-meta{
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:0;
  height:42px;
  border:1px solid #d8e3e8;
  border-radius:9px;
  overflow:hidden;
  background:#f5f8fa;
}
.science-meta span{
  min-width:0;
  min-height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  padding:7px 6px;
  border:0;
  border-right:1px solid #d8e3e8;
  border-radius:0;
  background:transparent;
  color:#294f5d;
  font-size:12px;
  font-weight:900;
  line-height:1;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.science-meta span:last-child{border-right:0}
.science-meta b{display:inline;flex:0 0 auto;margin:0;color:#71838c;font-size:9px;line-height:1;letter-spacing:.025em}
.science-note{padding:7px 10px;border:1px solid #e4eaed;border-radius:7px;background:#fafcfc;font-size:11px;line-height:1.25}

.card-style-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:-2px 0 11px}
.card-style-row .control-card{padding:9px 10px}
.card-style-row .control-label{margin-bottom:6px}
.card-style-row .seg button{min-width:58px}

.card-advanced-tools{display:grid;gap:7px;margin:-4px 0 11px}
.card-advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.card-advanced-tools .control-card{padding:9px 10px}
.card-range{display:grid;grid-template-columns:minmax(0,1fr) 43px;align-items:center;gap:10px}
.card-range input,.bar-range-grid input{width:100%;accent-color:var(--cyan)}
.card-range output{color:#277d97;font-size:11px;font-weight:950;text-align:right}
.font-seg button{min-width:48px}
.effect-seg button{position:relative;padding-left:23px}
.effect-seg button::before{content:"";position:absolute;left:8px;top:50%;width:8px;height:8px;border:1px solid #aab5bd;border-radius:2px;transform:translateY(-50%);background:#fff}
.effect-seg button.on::before{border-color:rgba(255,255,255,.8);background:#fff;box-shadow:inset 0 0 0 2px var(--ink)}
.bar-range-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.bar-range-grid label>span{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#687680;font-size:8.5px;font-weight:850}
.bar-range-grid output{color:#277d97;font-weight:950}

.sketch-tools{margin:-2px 0 11px}
.sketch-quick-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.sketch-tools .control-card{padding:9px 10px}
.sketch-mode-card .seg button{min-width:82px}
.sketch-range{display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:10px}
.sketch-range input,.sketch-slider-grid input{width:100%;accent-color:var(--cyan)}
.sketch-range output{font-size:11px;font-weight:950;color:#286f85;text-align:right}
.sketch-detail{margin-top:7px;border:1px solid var(--line);border-radius:14px;background:#f9fbfc;overflow:hidden}
.sketch-detail summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;cursor:pointer;color:#5f6d79}
.sketch-detail summary::-webkit-details-marker{display:none}
.sketch-detail summary span{display:flex;align-items:baseline;gap:8px}
.sketch-detail summary b{font-size:10px;letter-spacing:.04em}
.sketch-detail summary small{font-size:9px;color:#96a1aa}
.sketch-detail summary i{font-style:normal;transition:transform .2s}
.sketch-detail[open] summary i{transform:rotate(180deg)}
.sketch-detail[open] summary{border-bottom:1px solid var(--line)}
.sketch-presets{display:flex;gap:5px;flex-wrap:wrap;padding:10px 12px 4px}
.sketch-presets button{border:1px solid #dbe3e8;border-radius:8px;background:#fff;padding:6px 8px;color:#61717d;font-size:9px;font-weight:900}
.sketch-presets button:hover{border-color:#71b4c7;color:#267e99}
.sketch-adjust-group{padding:8px 12px 10px;border-top:1px solid #e8edf0}
.sketch-adjust-group>strong{display:block;margin-bottom:7px;color:#687680;font-size:9px;letter-spacing:.08em}
.sketch-slider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 13px}
.sketch-slider-grid label{min-width:0}
.sketch-slider-grid label>span{display:flex;justify-content:space-between;gap:6px;color:#63717d;font-size:8.5px;font-weight:850}
.sketch-slider-grid output{color:#277d97;font-weight:950}
.sketch-curve-wrap{display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:12px}
.sketch-curve{width:100%;height:62px;border:1px solid #d8e4e9;border-radius:8px;background:#fff}
.sketch-curve .curve-grid{fill:none;stroke:#e3ebef;stroke-width:1}
.sketch-curve polyline{fill:none;stroke:#3b9bb8;stroke-width:2.2;vector-effect:non-scaling-stroke}
.sketch-art{position:absolute;z-index:0;inset:0;width:100%;height:100%;display:none;object-fit:contain;pointer-events:none;filter:none!important;clip-path:inset(var(--sketch-crop-top,0%) var(--sketch-crop-right,0%) var(--sketch-crop-bottom,0%) var(--sketch-crop-left,0%))}
.drawing-frame.is-sketch .sketch-art{display:block}
.drawing-frame.is-loading::before{content:"스케치 만드는 중…";position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.9);color:#78858f;font-size:9px;font-weight:900;box-shadow:0 4px 14px rgba(37,53,64,.09)}
.drawing-frame .grid-overlay{z-index:1}
.drawing-frame .frame-label{z-index:2}
.sketch-crop-overlay{display:none;position:absolute;z-index:4;inset:0;pointer-events:none}.drawing-frame.is-sketch .sketch-crop-overlay{display:block}
.sketch-crop-overlay button{position:absolute;border:0;background:#3b9bb8;box-shadow:0 0 0 1px rgba(255,255,255,.9),0 1px 5px rgba(24,89,108,.3);pointer-events:auto;touch-action:none}
.sketch-crop-overlay [data-crop-edge="left"],.sketch-crop-overlay [data-crop-edge="right"]{top:0;bottom:0;width:4px;cursor:ew-resize}.sketch-crop-overlay [data-crop-edge="left"]{left:var(--sketch-crop-left,0%)}.sketch-crop-overlay [data-crop-edge="right"]{right:var(--sketch-crop-right,0%)}
.sketch-crop-overlay [data-crop-edge="top"],.sketch-crop-overlay [data-crop-edge="bottom"]{left:0;right:0;height:4px;cursor:ns-resize}.sketch-crop-overlay [data-crop-edge="top"]{top:var(--sketch-crop-top,0%)}.sketch-crop-overlay [data-crop-edge="bottom"]{bottom:var(--sketch-crop-bottom,0%)}

.reference-frame{
  --card-text-scale:1.25;
  --card-font:'Noto Sans KR','Pretendard Variable',Pretendard,sans-serif;
  --card-top-alpha:.05;
  --card-bottom-alpha:.05;
  --card-light-outline:0 0 0 transparent;
  --card-dark-outline:0 0 0 transparent;
  --card-light-shadow:0 0 0 transparent;
  --card-dark-shadow:0 0 0 transparent;
}
.reference-frame[data-card-size="normal"]{--card-text-scale:1}
.reference-frame[data-card-size="large"]{--card-text-scale:1.25}
.reference-frame[data-card-size="xlarge"]{--card-text-scale:1.42}
.reference-frame[data-card-font="sans"]{--card-font:'Noto Sans KR','Pretendard Variable',Pretendard,sans-serif}
.reference-frame[data-card-font="serif"]{--card-font:'Noto Serif KR','AppleMyungjo',serif}
.reference-frame[data-card-font="round"]{--card-font:'Gowun Dodum','Apple SD Gothic Neo',sans-serif}
.reference-frame[data-card-font="hand"]{--card-font:'Gamja Flower','Nanum Pen Script',cursive}
.reference-frame[data-card-outline="on"]{--card-light-outline:-.75px -.75px 0 rgba(0,0,0,.8),.75px -.75px 0 rgba(0,0,0,.8),-.75px .75px 0 rgba(0,0,0,.8),.75px .75px 0 rgba(0,0,0,.8);--card-dark-outline:-.75px -.75px 0 rgba(255,255,255,.92),.75px -.75px 0 rgba(255,255,255,.92),-.75px .75px 0 rgba(255,255,255,.92),.75px .75px 0 rgba(255,255,255,.92)}
.reference-frame[data-card-shadow="on"]{--card-light-shadow:0 1.5px 2px rgba(0,0,0,.5);--card-dark-shadow:0 1.5px 2px rgba(0,0,0,.34)}
.reference-frame .element-plaque,.reference-frame .card-name,.reference-frame .card-mass,.reference-frame .story-card{font-family:var(--card-font)!important}
.reference-frame .card-mass strong{font-family:var(--card-font)!important}
.reference-frame .element-plaque{background:linear-gradient(135deg,rgba(var(--element-rgb),var(--card-top-alpha)),rgba(8,18,22,var(--card-top-alpha)))!important}
.reference-frame .story-card{background:linear-gradient(135deg,rgba(var(--element-rgb),var(--card-bottom-alpha)),rgba(8,18,22,var(--card-bottom-alpha)))!important}
.reference-frame .card-name{min-width:145px}
.reference-frame .card-name strong{font-size:calc(13px * var(--card-text-scale))}
.reference-frame .card-name small{font-size:calc(9px * var(--card-text-scale))}
.reference-frame .card-mass small{font-size:calc(5.5px * var(--card-text-scale))}
.reference-frame .card-mass strong{font-size:calc(10px * var(--card-text-scale))}
.reference-frame .story-card small{font-size:calc(7.5px * var(--card-text-scale))}
.reference-frame .story-card strong{font-size:calc(12px * var(--card-text-scale))}
.reference-frame .story-card p{font-size:calc(10.5px * var(--card-text-scale));line-height:1.46}
.reference-frame .card-facts span{font-size:calc(7px * var(--card-text-scale))}
.reference-frame .card-footer{font-size:calc(5.5px * var(--card-text-scale))}
.reference-frame .card-footer b{font-size:calc(6.5px * var(--card-text-scale))}
.reference-frame .story-card[data-story-density="long"] p{font-size:calc(9.25px * var(--card-text-scale));line-height:1.38}
.reference-frame .story-card[data-story-density="dense"]{padding-top:8px;padding-bottom:7px}
.reference-frame .story-card[data-story-density="dense"] .story-card-head{margin-bottom:3px}
.reference-frame .story-card[data-story-density="dense"] p{font-size:calc(8.4px * var(--card-text-scale));line-height:1.32}
.reference-frame .story-card[data-story-density="dense"] .card-facts{margin-top:5px}
.reference-frame .story-card[data-story-density="dense"] .card-footer{margin-top:4px;padding-top:4px}

.reference-frame[data-card-ink="light"] .element-plaque em,
.reference-frame[data-card-ink="light"] .card-name strong,
.reference-frame[data-card-ink="light"] .card-name small,
.reference-frame[data-card-ink="light"] .card-mass small,
.reference-frame[data-card-ink="light"] .card-mass strong,
.reference-frame[data-card-ink="light"] .story-card small,
.reference-frame[data-card-ink="light"] .story-card strong,
.reference-frame[data-card-ink="light"] .story-card p,
.reference-frame[data-card-ink="light"] .story-mark,
.reference-frame[data-card-ink="light"] .card-facts span,
.reference-frame[data-card-ink="light"] .card-footer,
.reference-frame[data-card-ink="light"] .card-footer b{
  color:#fff!important;
  text-shadow:var(--card-light-outline),var(--card-light-shadow)!important;
}
.reference-frame[data-card-ink="dark"] .element-plaque em,
.reference-frame[data-card-ink="dark"] .card-name strong,
.reference-frame[data-card-ink="dark"] .card-name small,
.reference-frame[data-card-ink="dark"] .card-mass small,
.reference-frame[data-card-ink="dark"] .card-mass strong,
.reference-frame[data-card-ink="dark"] .story-card small,
.reference-frame[data-card-ink="dark"] .story-card strong,
.reference-frame[data-card-ink="dark"] .story-card p,
.reference-frame[data-card-ink="dark"] .story-mark,
.reference-frame[data-card-ink="dark"] .card-facts span,
.reference-frame[data-card-ink="dark"] .card-footer,
.reference-frame[data-card-ink="dark"] .card-footer b{
  color:#2d3338!important;
  text-shadow:var(--card-dark-outline),var(--card-dark-shadow)!important;
}

@media(max-width:650px){
  .sheet-title{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:48px auto auto;row-gap:6px}
  .sheet-summary,.sheet-code{height:48px}
  .summary-title i{flex-basis:38px;width:38px;font-size:21px}
  .summary-title strong{font-size:20px}
  .summary-title span{display:none}
  .sheet-code{padding-left:10px}
  .sheet-code strong{font-size:15px}
  .sheet-code span{font-size:8px}
  .science-meta{grid-template-columns:repeat(2,minmax(0,1fr));height:auto}
  .science-meta span{border-bottom:1px solid #d8e3e8}
  .science-meta span:nth-child(even){border-right:0}
  .card-style-row{grid-template-columns:1fr}
  .card-advanced-grid{grid-template-columns:1fr}
  .bar-range-grid{grid-template-columns:1fr}
  .sketch-quick-row{grid-template-columns:1fr}
  .sketch-slider-grid{grid-template-columns:1fr}
  .sketch-curve-wrap{grid-template-columns:1fr}
}

@media(max-width:1050px){
  .library-collapse-button,.library-rail{display:none!important}
  .workspace.library-collapsed{grid-template-columns:1fr}
  .library,.library.is-collapsed{height:min(440px,48vh);min-height:330px}
  .library.is-collapsed .library-head{display:block!important}
  .library.is-collapsed .gallery{display:grid!important}
  .studio.one-screen-studio{display:flex;flex-direction:column}
  .one-screen-studio .studio-head{order:0}
  .one-screen-studio .preview-shell{order:1}
  .one-screen-studio .tool-dock{order:2}
}

.preview-focus-button{border-color:#6fb5c8!important;color:#267d96!important;background:#eaf7fa!important}
.preview-focus-button[aria-pressed="true"]{color:#fff!important;background:linear-gradient(135deg,#55abc3,#2e8da9)!important;box-shadow:0 7px 18px rgba(46,141,169,.2)}

@media(min-width:1051px){
  .studio.one-screen-studio.preview-focused{grid-template-columns:minmax(0,1fr);}
  .one-screen-studio.preview-focused .preview-shell{grid-column:1/-1;overflow:auto;place-items:start center;-webkit-overflow-scrolling:touch}
  .one-screen-studio.preview-focused .tool-dock{display:none}
  .one-screen-studio.preview-focused .paper{height:auto;min-height:900px;overflow:visible;padding:14px}
  .one-screen-studio.preview-focused .visual-area{min-height:700px;align-items:start;padding-top:4px}
  .one-screen-studio.preview-focused .paper.is-pair .visual-area{grid-template-columns:repeat(2,minmax(0,1fr));}
  .one-screen-studio.preview-focused .reference-frame,
  .one-screen-studio.preview-focused .drawing-frame,
  .one-screen-studio.preview-focused .paper:not(.is-pair) .reference-frame{width:min(100%,520px);height:auto;max-height:none;aspect-ratio:2/3;justify-self:center}
}

@media(min-width:1051px) and (max-width:1300px){
  .studio.one-screen-studio:not(.preview-focused){grid-template-columns:minmax(0,1fr) minmax(280px,300px)}
  .one-screen-studio:not(.preview-focused) .tool-dock{overflow:auto;-webkit-overflow-scrolling:touch}
  .one-screen-studio:not(.preview-focused) .preview-shell{padding:6px}
  .one-screen-studio:not(.preview-focused) .paper{padding:10px;gap:5px}
  .one-screen-studio:not(.preview-focused) .sheet-title{grid-template-rows:40px 30px auto;row-gap:3px;padding-bottom:4px}
  .one-screen-studio:not(.preview-focused) .sheet-summary,
  .one-screen-studio:not(.preview-focused) .sheet-code{height:40px}
  .one-screen-studio:not(.preview-focused) .science-meta{height:30px}
  .one-screen-studio:not(.preview-focused) .science-meta span{min-height:28px}
}

@media(min-width:651px) and (max-width:1050px){
  .studio.one-screen-studio .preview-shell{overflow:visible;padding:10px}
  .studio.one-screen-studio .tool-dock{margin-top:12px;overflow:visible}
  .one-screen-studio.preview-focused .tool-dock{display:none}
  .one-screen-studio .paper{height:auto;min-height:0;padding:18px}
  .one-screen-studio .paper.is-pair .visual-area{grid-template-columns:1fr;gap:22px}
  .one-screen-studio .reference-frame,
  .one-screen-studio .drawing-frame,
  .one-screen-studio .paper:not(.is-pair) .reference-frame{width:min(100%,560px);height:auto;max-height:none;aspect-ratio:2/3;justify-self:center}
}

@media(max-width:1300px){
  .reference-frame .card-name{min-width:122px}
  .reference-frame .card-name strong{font-size:calc(11px * var(--card-text-scale))}
  .reference-frame .card-name small{font-size:calc(7.5px * var(--card-text-scale))}
  .reference-frame .card-mass small{font-size:calc(4.8px * var(--card-text-scale))}
  .reference-frame .card-mass strong{font-size:calc(8.5px * var(--card-text-scale))}
  .reference-frame .story-card small{font-size:calc(6.4px * var(--card-text-scale))}
  .reference-frame .story-card strong{font-size:calc(10.2px * var(--card-text-scale))}
  .reference-frame .story-card p{font-size:calc(8.8px * var(--card-text-scale));line-height:1.42}
  .reference-frame .card-facts span{font-size:calc(5.8px * var(--card-text-scale))}
  .reference-frame .card-footer{font-size:calc(4.7px * var(--card-text-scale))}
  .reference-frame .card-footer b{font-size:calc(5.5px * var(--card-text-scale))}
  .reference-frame .story-card[data-story-density="long"] p{font-size:calc(7.9px * var(--card-text-scale));line-height:1.34}
  .reference-frame .story-card[data-story-density="dense"] p{font-size:calc(7.2px * var(--card-text-scale));line-height:1.28}
}

@media(pointer:coarse){
  .action,.tool-dock-tabs button,.seg button,.period-tabs button,.element-pager button,.variant-pager button{min-height:42px}
  .tool-dock{overflow:auto;-webkit-overflow-scrolling:touch}
  .sketch-crop-overlay [data-crop-edge="left"],.sketch-crop-overlay [data-crop-edge="right"]{width:28px;background:linear-gradient(90deg,transparent 12px,#3b9bb8 12px,#3b9bb8 16px,transparent 16px);box-shadow:none}
  .sketch-crop-overlay [data-crop-edge="left"]{transform:translateX(-50%)}
  .sketch-crop-overlay [data-crop-edge="right"]{transform:translateX(50%)}
  .sketch-crop-overlay [data-crop-edge="top"],.sketch-crop-overlay [data-crop-edge="bottom"]{height:28px;background:linear-gradient(180deg,transparent 12px,#3b9bb8 12px,#3b9bb8 16px,transparent 16px);box-shadow:none}
  .sketch-crop-overlay [data-crop-edge="top"]{transform:translateY(-50%)}
  .sketch-crop-overlay [data-crop-edge="bottom"]{transform:translateY(50%)}
}

.grid-overlay line{opacity:var(--grid-opacity,.52)!important}

@container (max-width:850px){
  .science-meta{height:54px}
  .science-meta span{min-height:52px;flex-direction:column;gap:4px;padding:6px 3px;font-size:12px}
  .science-meta b{font-size:8px}
}

@media print{
  .tool-dock,.card-style-row,.card-advanced-tools,.sketch-tools{display:none!important}
  .frame-label,.sketch-crop-overlay{display:none!important}
  .grid-overlay line{opacity:var(--grid-opacity,.52)!important}
  .sheet-title{grid-template-columns:minmax(0,1fr) 58mm;grid-template-rows:13mm auto auto;row-gap:1.5mm;padding-bottom:2mm}
  .sheet-summary,.sheet-code{height:13mm}
  .summary-title i{flex-basis:10mm;width:10mm}
  .summary-title strong{font-size:14px}
  .summary-title span{font-size:9px}
  .sheet-code strong{font-size:15px}
  .sheet-code span{font-size:8px}
  .science-meta{grid-template-columns:repeat(7,minmax(0,1fr));height:10mm}
  .science-meta span{min-height:9.5mm;padding:1.4mm 1mm;font-size:9px}
  .science-meta b{font-size:7px}
}