/* SavorIP acrylic frame 7.4.9 — passport catalogue to canvas commerce */
.art-passport-label { display: block; padding: 7px 7px 5px; color: #9a6b12; font-size: 8px; font-weight: 900; letter-spacing: 1.3px; text-align: left; }
.art-card-actions { display: grid; grid-template-columns: 1fr 1fr; }
.art-card-actions button { border: 0; border-top: 1px solid #d3bb77; min-height: 32px; background: #fff8df; color: #523b0b; font-weight: 800; }
.art-card-actions button + button { border-left: 1px solid #d3bb77; }
.art-detail-dialog { width: min(920px,calc(100vw - 32px)); max-width: 920px; padding: 0; border: 1px solid #a77c27; border-radius: 20px; overflow: hidden; background: #f5f0e6; color: #092b22; }
.art-detail-dialog::backdrop { background: rgba(0,20,15,.82); backdrop-filter: blur(4px); }
.art-detail-dialog[open] { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(280px,.65fr); }
.art-detail-dialog .close { position: absolute; z-index: 3; top: 12px; right: 12px; width: 42px; height: 42px; border-radius: 50%; border: 1px solid #e8ca75; background: #062b22; color: #fff; font-size: 24px; }
.art-detail-visual { min-height: 560px; display: grid; place-items: center; padding: 22px; background: #071d18; }
.art-detail-visual img { display: block; max-width: 100%; max-height: 70vh; object-fit: contain; }
.art-detail-copy { align-self: center; padding: 34px 28px; }
.art-detail-copy > p:first-child { color: #9b6c15; font-weight: 900; letter-spacing: 2px; font-size: 11px; }
.art-detail-copy h2 { margin: 8px 0; font-size: 30px; }
.art-detail-copy > span { color: #65726d; font-size: 13px; }
.art-detail-story { line-height: 1.75; white-space: pre-line; }
.art-detail-actions { display: grid; gap: 8px; margin-top: 22px; }
.art-detail-actions button { min-height: 48px; border-radius: 12px; border: 1px solid #ac7d25; font-weight: 900; }
.art-detail-actions button:first-child { background: #edc86d; color: #082a21; }
.art-detail-actions button:last-child { background: #063126; color: #fff; }
@media (max-width: 760px) {
  body { padding-bottom: 72px; }
  .af-header { height: 62px !important; padding: 0 10px !important; }
  .af-brand i { width: 35px !important; height: 35px !important; }
  .af-brand b { font-size: 15px !important; }
  .cart-toggle { padding: 6px 8px !important; font-size: 9px !important; }
  #afMenu { width: 36px; height: 36px; padding: 0 !important; }

  .af-hero { padding: 22px 14px 17px !important; gap: 10px !important; }
  .af-hero > div > p:first-child { margin: 0; font-size: 9px !important; letter-spacing: 2px !important; white-space: nowrap; }
  .af-hero h1 { margin: 9px 0 !important; font-size: 27px !important; line-height: 1.12 !important; }
  .af-hero .lead { margin: 0 !important; font-size: 10.5px !important; line-height: 1.55 !important; }
  .facts { margin-top: 12px !important; gap: 6px !important; overflow: hidden !important; }
  .facts span { flex: 1 1 0; min-width: 0; padding: 8px 5px !important; font-size: 8px !important; text-align: center; white-space: normal !important; }

  .af-flow { top: 62px !important; padding: 7px 8px !important; gap: 5px !important; }
  .af-flow button { flex: 0 0 73px !important; min-height: 35px; padding: 7px 5px !important; font-size: 8.5px !important; }

  .af-workbench { margin-top: 7px !important; padding-inline: 6px !important; gap: 7px !important; }
  .af-workbench .af-controls { gap: 7px !important; }
  .af-controls section.mobile-step-card { padding: 13px 10px !important; border-radius: 14px !important; scroll-margin-top: 112px !important; }
  .mobile-step-card h2 { margin: 6px 62px 2px 0 !important; font-size: 20px !important; }
  .mobile-step-card:not(.is-open) h2 { font-size: 15px !important; }
  .mobile-step-toggle { right: 8px !important; top: 8px !important; min-height: 29px !important; padding-inline: 8px !important; }
  .af-controls section > p { margin: 6px 0 !important; font-size: 10px !important; }
  .af-controls input[type="search"] { margin: 6px 0 !important; min-height: 40px; padding: 9px 11px !important; }

  /* A browsable two-column catalogue; never one oversized card per screen. */
  #art #artGrid.art-grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; grid-auto-flow: row !important; gap: 7px !important; max-height: 390px !important; overflow-x: hidden !important; overflow-y: auto !important; padding: 1px 2px 7px !important; scroll-snap-type: none !important; align-items: start; }
  #art #artGrid > .art-card-wrap { display: block !important; grid-column: auto !important; width: 100% !important; max-width: none !important; min-width: 0 !important; min-height: 0 !important; flex: none !important; border-radius: 10px !important; scroll-snap-align: none !important; overflow: hidden !important; }
  #artGrid .art-card { width: 100% !important; min-width: 0 !important; }
  #artGrid .art-card { display: flex !important; flex-direction: column !important; height: 202px !important; background: #f6f0e5 !important; }
  #artGrid .art-card .art-passport-label { flex: 0 0 auto; padding: 5px 6px 4px !important; font-size: 6.8px !important; }
  #artGrid .art-card .art-image { display: grid !important; place-items: center !important; width: calc(100% - 12px) !important; height: 132px !important; min-height: 132px !important; margin: 0 6px !important; aspect-ratio: auto !important; overflow: hidden; border-radius: 7px; background: #073027; }
  #artGrid .art-card .art-image img { display: block !important; width: 100% !important; height: 132px !important; max-height: 132px !important; aspect-ratio: auto !important; object-fit: contain !important; object-position: center !important; background: #073027; }
  #artGrid .art-card b { padding: 6px 6px 2px !important; font-size: 9px !important; line-height: 1.2 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  #artGrid .art-card small { padding: 0 6px 5px !important; font-size: 7px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  #artGrid .art-card-actions { display: grid !important; grid-template-columns: 1fr 1fr !important; }
  #artGrid .art-card-actions button { min-height: 28px !important; padding: 4px 2px !important; font-size: 8px !important; }
  .art-categories { gap: 5px !important; padding-bottom: 6px !important; }
  .art-categories button { padding: 6px 8px !important; font-size: 8.5px !important; }
  .art-result-count { margin-bottom: 6px !important; font-size: 9px !important; }

  /* Preview remains useful without hiding the catalogue. */
  .af-preview-wrap { position: relative !important; top: auto !important; order: 1; }
  .af-preview-wrap .sticky-preview { padding: 6px !important; border-radius: 14px !important; }
  .preview-head { display: flex !important; flex-wrap: wrap; gap: 5px !important; padding-bottom: 5px !important; font-size: 10px !important; }
  .preview-head > span { flex: 1 1 100%; }
  .preview-head button { padding: 6px 7px !important; font-size: 8px !important; }
  .preview-head .canvas-edit-button { flex: 1 1 auto; border-color: #a67824 !important; background: #edc86d !important; color: #0b281f !important; }
  /* The wall canvas is the core buying decision surface, so it stays large. */
  .room-stage {
    width: 100% !important;
    height: auto !important;
    min-height: 190px !important;
    max-height: none !important;
    aspect-ratio: 4 / 3 !important;
  }
  .room-stage.canvas-just-added { animation: canvasReveal 1s ease; box-shadow: 0 0 0 3px rgba(237,200,109,.75),0 12px 28px rgba(4,42,33,.2); }
  /* Panel width remains the inline value calculated from artwork cm / wall cm. */
  .preview-meta { margin-top: 5px !important; }
  .companion-total { margin-top: 5px !important; }

  .mobile-order { left: 7px !important; right: 7px !important; bottom: max(6px,env(safe-area-inset-bottom)) !important; min-height: 50px; padding: 6px 7px 6px 11px !important; border-radius: 13px !important; gap: 7px; text-align: left; font-style: normal; }
  .mobile-order span { display: grid; min-width: 78px; font-size: 9px !important; }
  .mobile-order span small { font-size: 6.5px; letter-spacing: .8px; }
  .mobile-order span b { font-size: 11px !important; }
  .mobile-order strong { margin-left: auto; font-size: 11px; white-space: nowrap; }
  .mobile-order em { min-height: 37px; padding: 0 10px; display: grid; place-items: center; border-radius: 10px; background: #063126; color: #fff; font-size: 10px; font-weight: 900; font-style: normal; white-space: nowrap; }
  .mobile-order:disabled { opacity: .78; }
  .mobile-order:disabled em { background: #6c776f; }

  .art-detail-dialog { width: 100vw !important; max-width: none !important; height: 100dvh !important; max-height: none !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; }
  .art-detail-dialog[open] { display: flex !important; flex-direction: column !important; }
  .art-detail-visual { flex: 1 1 auto; min-height: 0 !important; height: auto !important; padding: max(54px,env(safe-area-inset-top)) 12px 10px !important; }
  .art-detail-visual img { width: 100% !important; height: 100% !important; max-height: 58dvh !important; object-fit: contain !important; }
  .art-detail-copy { flex: 0 0 auto; padding: 16px 15px max(16px,env(safe-area-inset-bottom)) !important; }
  .art-detail-copy > p:first-child { margin: 0; font-size: 9px; }
  .art-detail-copy h2 { margin: 5px 0; font-size: 22px; }
  .art-detail-copy > span { font-size: 11px; }
  .art-detail-story { margin: 9px 0 0; font-size: 11px; line-height: 1.55; max-height: 76px; overflow-y: auto; }
  .art-detail-actions { grid-template-columns: 1fr 1fr; margin-top: 11px; }
  .art-detail-actions button { min-height: 44px; font-size: 11px; }
}
@keyframes canvasReveal { 0% { transform: scale(.985); opacity: .72; } 55% { transform: scale(1.006); opacity: 1; } 100% { transform: scale(1); } }

/* 7.5.3 — revenue-critical size and artistic crop page */
.size-page-dialog{width:min(980px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:0;border:0;border-radius:24px;background:#f7f1e6;color:#082b22;box-shadow:0 28px 90px rgba(0,28,21,.44)}.size-page-dialog::backdrop{background:rgba(0,25,19,.84);backdrop-filter:blur(7px)}.size-page-dialog>article{max-height:calc(100dvh - 28px);display:grid;grid-template-columns:minmax(330px,.9fr) minmax(380px,1.1fr);gap:16px;padding:24px;overflow:auto}.size-page-dialog header{grid-column:1/-1;display:flex;justify-content:space-between;gap:15px}.size-page-dialog header p{margin:0;color:#986a14;font-size:10px;font-weight:900;letter-spacing:2px}.size-page-dialog h2{margin:6px 0;font:700 31px/1.15 Georgia,"Noto Serif KR",serif}.size-page-dialog header>button{width:44px;height:44px;border:1px solid #d0b56e;border-radius:50%;background:#073127;color:#fff;font-size:25px}.size-page-preview{grid-row:2/6;display:grid;align-content:start;gap:12px;padding:14px;border-radius:19px;background:#062e24;color:#fff}.size-page-preview figure{width:min(100%,430px);max-height:56vh;margin:0 auto;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(237,200,109,.65);background:#071e19;box-shadow:0 18px 32px rgba(0,0,0,.3)}.size-page-preview img{width:100%;height:100%;display:block}.size-page-preview span,.size-page-preview strong,.size-page-preview small{display:block}.size-page-preview span{color:#edc86d;font-size:10px;font-weight:900}.size-page-preview strong{margin:5px 0;font-size:19px}.size-page-preview p{margin:0;color:#e7d195;font-weight:800;line-height:1.45}.size-page-preview small{margin-top:7px;color:#b6c8c1;line-height:1.45}.size-page-fit{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;border:0}.size-page-fit legend{grid-column:1/-1;margin-bottom:7px;font-weight:900}.size-page-fit button{min-height:75px;padding:11px;border:1px solid #d5c7ac;border-radius:14px;background:#fffaf0;color:#13372e;text-align:left}.size-page-fit button.on{border-color:#a7761c;background:#edc86d;box-shadow:0 0 0 2px rgba(167,118,28,.18)}.size-page-fit b,.size-page-fit small{display:block}.size-page-fit small{margin-top:5px;font-size:9px;line-height:1.35}.size-page-position{display:grid;grid-template-columns:1fr 1fr;gap:8px}.size-page-position label{padding:10px;border:1px solid #d8cdb9;border-radius:13px;background:#fff;color:#66756e;font-size:10px;font-weight:900}.size-page-position input{width:100%;margin-top:8px;accent-color:#a6751a}.size-page-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:270px;overflow:auto}.size-page-list button{min-height:75px;padding:10px;border:1px solid #d8cdb8;border-radius:13px;background:#fffaf0;color:#13372e;text-align:left}.size-page-list button.on{border-color:#07352a;background:#0a3a2e;color:#fff;box-shadow:0 0 0 2px #edc86d}.size-page-list span,.size-page-list b,.size-page-list small{display:block}.size-page-list span{font-weight:900}.size-page-list b{margin:5px 0;color:#9b6c13}.size-page-list button.on b{color:#edc86d}.size-page-list small{font-size:8px;opacity:.72}.size-page-dialog footer{display:grid;grid-template-columns:.7fr 1.3fr;gap:8px;position:sticky;bottom:-24px;padding:12px 0 0;background:linear-gradient(transparent,#f7f1e6 20%)}.size-page-dialog footer button{min-height:48px;border:1px solid #0a392e;border-radius:999px;background:#fff;color:#0a392e;font-weight:900}.size-page-dialog footer button:last-child{background:#edc86d;color:#082b22}.size-page-open{overflow:hidden}
@media(max-width:760px){.size-page-dialog{width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;border-radius:0!important}.size-page-dialog>article{height:100dvh;max-height:none;grid-template-columns:1fr;grid-template-rows:auto auto auto auto 1fr auto;gap:10px;padding:max(12px,env(safe-area-inset-top)) 11px max(10px,env(safe-area-inset-bottom))}.size-page-dialog header{grid-column:auto}.size-page-dialog header p{font-size:8px}.size-page-dialog h2{margin:4px 0;font-size:23px}.size-page-dialog header>button{width:39px;height:39px}.size-page-preview{grid-row:auto;grid-template-columns:minmax(120px,.9fr) minmax(135px,1.1fr);align-items:center;padding:9px}.size-page-preview figure{width:100%;height:185px;max-height:185px}.size-page-preview>div{min-width:0}.size-page-preview strong{font-size:14px}.size-page-preview p{font-size:10px}.size-page-preview small{font-size:8px}.size-page-fit button{min-height:62px;padding:9px}.size-page-fit b{font-size:11px}.size-page-position{gap:6px}.size-page-position label{padding:7px}.size-page-list{grid-template-columns:1fr;max-height:none;min-height:0;overflow-y:auto;padding-bottom:4px}.size-page-list button{min-height:62px;display:grid;grid-template-columns:1fr auto;align-items:center}.size-page-list small{grid-column:1/-1}.size-page-dialog footer{bottom:calc(-1 * max(10px,env(safe-area-inset-bottom)));padding-bottom:max(5px,env(safe-area-inset-bottom))}}

@media (max-width: 360px) {
  .af-hero h1 { font-size: 25px !important; }
  #artGrid.art-grid { max-height: 360px !important; }
  .facts span { font-size: 7.5px !important; }
  .room-stage { min-height: 184px !important; }
}

/* 7.5.4 — original auto-fit and complete factory POD table */
.size-page-dialog,.size-page-dialog *{box-sizing:border-box}.size-page-dialog{overflow:hidden}.size-page-dialog>article{grid-template-areas:"head head" "preview original" "preview fit" "preview position" "preview factory" "preview quick" "preview sizes" "foot foot";grid-template-rows:auto auto auto auto auto auto 1fr auto;overflow-y:auto;overflow-x:hidden}.size-page-dialog header{grid-area:head;min-width:0}.size-page-preview{grid-area:preview;min-width:0;position:sticky;top:0}.size-page-preview figure{width:100%;height:auto;min-height:230px;max-width:430px;max-height:55vh;overflow:hidden}.size-page-preview img{min-width:0;max-width:100%;max-height:100%;overflow:hidden}.size-page-original{grid-area:original;width:100%;min-width:0;padding:12px 14px;border:1px solid #c9ab61;border-radius:15px;background:#fffaf0;color:#11372e;text-align:left}.size-page-original span,.size-page-original b,.size-page-original small{display:block}.size-page-original span{color:#986a14;font-size:9px;font-weight:900;letter-spacing:1.4px}.size-page-original b{margin:3px 0;font-size:16px}.size-page-original small{color:#66756e}.size-page-original.on{background:#edc86d;box-shadow:0 0 0 2px rgba(8,51,41,.2)}.size-page-fit{grid-area:fit;min-width:0}.size-page-position{grid-area:position;min-width:0}.size-page-factory{grid-area:factory;min-width:0;display:flex;align-items:end;justify-content:space-between;gap:12px;padding-top:5px;border-top:1px solid #d7c8aa}.size-page-factory p{margin:0;color:#986a14;font-size:9px;font-weight:900;letter-spacing:1.3px}.size-page-factory h3{margin:3px 0 0;font-size:19px}.size-page-factory h3 b{display:inline-block;padding:2px 7px;border-radius:999px;background:#0a3a2e;color:#edc86d;font-size:10px}.size-page-factory>small{max-width:210px;color:#68766f;font-size:9px;line-height:1.4;text-align:right}.size-quick-canvas{grid-area:quick;display:none;min-width:0;padding:10px;border:2px solid #d6ad4d;border-radius:17px;background:#082f26;color:#fff;box-shadow:0 14px 30px rgba(3,39,30,.18)}.size-quick-canvas.show{display:grid;gap:8px}.size-quick-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.size-quick-head span{color:#edc86d;font-size:8px;font-weight:900;letter-spacing:1.3px}.size-quick-head button{padding:6px 9px;border:1px solid rgba(237,200,109,.55);border-radius:999px;background:transparent;color:#fff;font-size:8px;font-weight:900}.size-quick-body{display:grid;grid-template-columns:minmax(90px,.72fr) minmax(0,1.28fr);gap:10px;align-items:center}.size-quick-body figure{width:100%;height:132px;margin:0;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.45);background:#061f19}.size-quick-body img{width:100%;height:100%;display:block;max-width:100%;max-height:100%}.size-quick-body b,.size-quick-body strong,.size-quick-body small{display:block}.size-quick-body b{font-size:14px}.size-quick-body strong{margin:5px 0;color:#edc86d;font-size:17px}.size-quick-body small{color:#c8d6d0;font-size:9px;line-height:1.4}.size-quick-actions{display:grid;grid-template-columns:.8fr .8fr 1.2fr;gap:6px}.size-quick-actions button{min-width:0;min-height:36px;padding:6px;border:1px solid rgba(237,200,109,.55);border-radius:999px;background:#fff;color:#123a31;font-size:9px;font-weight:900}.size-quick-actions button.on{background:#edc86d}.size-quick-actions button:last-child{background:#edc86d;color:#082f26}.size-page-list{grid-area:sizes;max-height:none;overflow:visible;align-content:start}.size-page-list button{position:relative;min-width:0;overflow:hidden}.size-page-list button i{position:absolute;right:8px;top:7px;color:#a17627;font:900 8px/1 sans-serif}.size-page-list button.on i{color:#edc86d}.size-page-dialog footer{grid-area:foot;z-index:5}
@media(max-width:760px){.size-page-dialog>article{display:flex!important;flex-direction:column!important;align-items:stretch!important;height:100dvh;max-height:100dvh;gap:9px;padding:max(11px,env(safe-area-inset-top)) 10px max(76px,env(safe-area-inset-bottom));overflow-y:auto!important;overflow-x:hidden!important}.size-page-dialog header{flex:0 0 auto;width:100%;align-items:flex-start}.size-page-dialog header>div{min-width:0;flex:1}.size-page-dialog h2{max-width:100%;font-size:21px;white-space:normal!important;overflow-wrap:anywhere}.size-page-dialog header>button{flex:0 0 39px}.size-page-preview{position:relative;top:auto;flex:0 0 auto;grid-template-columns:minmax(105px,42%) minmax(0,58%);width:100%;padding:8px}.size-page-preview figure{width:100%;height:150px;min-height:150px;max-height:150px;aspect-ratio:auto!important}.size-page-preview img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important}.size-page-original{flex:0 0 auto;padding:9px 11px}.size-page-original b{font-size:13px}.size-page-fit{flex:0 0 auto;width:100%}.size-page-fit legend{font-size:11px}.size-page-fit button{min-width:0;min-height:58px;padding:8px}.size-page-position{flex:0 0 auto;width:100%}.size-page-factory{flex:0 0 auto;width:100%;align-items:center}.size-page-factory h3{font-size:16px}.size-page-factory>small{max-width:145px;font-size:8px}.size-page-list{flex:0 0 auto;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:none!important;overflow:visible!important}.size-page-list button{display:block;min-width:0;min-height:68px;padding:9px 7px;text-align:left}.size-page-list span{font-size:11px;white-space:nowrap}.size-page-list b{font-size:10px}.size-page-list small{font-size:7px;line-height:1.25}.size-page-dialog footer{position:fixed;left:10px;right:10px;bottom:max(6px,env(safe-area-inset-bottom));width:auto;padding:8px;border-radius:18px;background:rgba(247,241,230,.97);box-shadow:0 -8px 24px rgba(4,39,30,.16)}}
@media(max-width:350px){.size-page-list span{font-size:10px}.size-page-factory>small{display:none}}

@media(max-width:760px){.size-quick-canvas.show{display:grid;flex:0 0 auto;width:100%;scroll-margin-top:12px}.size-quick-body figure{height:118px}.size-quick-actions{grid-template-columns:1fr 1fr}.size-quick-actions button:last-child{grid-column:1/-1;min-height:42px}.size-page-list button.on{box-shadow:0 0 0 2px #edc86d}}

/* 7.5.7 — compress only the mobile head/intro card */
@media(max-width:760px){.af-hero{padding:12px 14px 11px!important;gap:5px!important;min-height:0!important}.af-hero>div{min-width:0}.af-hero>div>p:first-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:7px!important;letter-spacing:1.3px!important}.af-hero h1{margin:5px 0!important;font-size:21px!important;line-height:1.08!important}.af-hero .lead{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0!important;font-size:8.5px!important;line-height:1.42!important}.af-hero .facts{display:flex!important;gap:5px!important;margin-top:7px!important;padding:0!important;overflow-x:auto!important;scrollbar-width:none}.af-hero .facts::-webkit-scrollbar{display:none}.af-hero .facts span{flex:0 0 auto;min-height:25px;padding:5px 10px!important;font-size:7px!important;line-height:1.2!important;white-space:nowrap!important}.af-hero .structure{display:none!important}}

/* 7.5.8 — compress only the mobile print-frame selection card */
@media(max-width:760px){#frame.mobile-step-card.is-open{padding:12px 10px!important}#frame.mobile-step-card h2{margin:6px 62px 2px 0!important;font-size:19px!important}#frame.mobile-step-card>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:4px 0 7px;font-size:8px;line-height:1.4}#frame .fit-mode{gap:5px;padding-bottom:6px}#frame .fit-mode>button{flex:0 0 49%;min-height:44px;padding:6px 7px}#frame .fit-mode b{font-size:9px}#frame .fit-mode small{font-size:6.5px;line-height:1.25}#frame .premium-frame-grid{gap:6px;padding-bottom:6px}#frame .premium-frame-grid>.frame-choice{flex:0 0 48%!important;min-height:112px!important;padding:5px!important}#frame .premium-frame-grid .frame-demo{height:64px!important;margin-bottom:5px!important;border-width:5px!important}#frame .premium-frame-grid .frame-choice>b{font-size:9px!important;line-height:1.2}#frame .premium-frame-grid .frame-choice>small{margin-top:2px;font-size:6.5px!important;line-height:1.2}#frame #frameInspect{min-height:35px;padding:7px 10px;font-size:9px;white-space:normal}}

/* 7.5.9 — second-stage compact print-frame comparison */
@media(max-width:760px){#frame.mobile-step-card.is-open{padding:9px 8px!important}#frame.mobile-step-card h2{margin:4px 58px 1px 0!important;font-size:17px!important;line-height:1.15!important}#frame.mobile-step-card>p{-webkit-line-clamp:1;margin:2px 0 5px;font-size:7px;line-height:1.3}#frame .fit-mode{gap:4px;padding:0 0 4px}#frame .fit-mode>button{flex-basis:47%;min-height:34px;padding:4px 5px}#frame .fit-mode b{font-size:8px}#frame .fit-mode small{font-size:5.5px}#frame .premium-frame-grid{gap:5px;padding:0 1px 4px}#frame .premium-frame-grid>.frame-choice{flex-basis:43%!important;min-height:91px!important;padding:4px!important;border-radius:10px}#frame .premium-frame-grid .frame-demo{height:48px!important;margin-bottom:3px!important;border-width:4px!important}#frame .premium-frame-grid .frame-choice>b{font-size:8px!important}#frame .premium-frame-grid .frame-choice>small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:5.5px!important}#frame #frameInspect{min-height:29px;padding:5px 8px;font-size:8px}}

/* 7.6.0 — complete print-frame library as a mobile decision page */
.frame-page-dialog,.frame-page-dialog *{box-sizing:border-box}.frame-page-dialog{width:min(1040px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:0;border:0;border-radius:24px;background:#f7f1e6;color:#082b22;box-shadow:0 28px 90px rgba(0,28,21,.44);overflow:hidden}.frame-page-dialog::backdrop{background:rgba(0,25,19,.84);backdrop-filter:blur(7px)}.frame-page-dialog>article{max-height:calc(100dvh - 28px);display:grid;grid-template-columns:minmax(300px,.76fr) minmax(460px,1.24fr);grid-template-areas:"head head" "preview fit" "preview groups" "foot foot";grid-template-rows:auto auto 1fr auto;gap:14px;padding:22px;overflow:auto}.frame-page-dialog header{grid-area:head;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.frame-page-dialog header p{margin:0;color:#986a14;font-size:9px;font-weight:900;letter-spacing:1.8px}.frame-page-dialog h2{margin:5px 0 0;font:700 29px/1.15 Georgia,"Noto Serif KR",serif}.frame-page-dialog header>button{flex:0 0 43px;width:43px;height:43px;border:1px solid #d0b56e;border-radius:50%;background:#073127;color:#fff;font-size:24px}.frame-page-preview{grid-area:preview;position:sticky;top:0;align-self:start;display:grid;gap:11px;padding:14px;border-radius:19px;background:#062e24;color:#fff}.frame-page-preview figure{width:100%;height:400px;margin:0;display:grid;place-items:center;overflow:hidden;background:#061f19}.frame-page-preview figure>img{width:100%;height:100%;display:block}.frame-page-preview span,.frame-page-preview strong,.frame-page-preview b,.frame-page-preview small{display:block}.frame-page-preview span{color:#edc86d;font-size:9px;font-weight:900}.frame-page-preview strong{margin:4px 0;font-size:20px}.frame-page-preview b{font-size:12px}.frame-page-preview small{margin-top:6px;color:#b9ccc4;font-size:9px;line-height:1.45}.frame-page-fit{grid-area:fit;display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0;padding:0;border:0}.frame-page-fit legend{grid-column:1/-1;margin-bottom:5px;font-weight:900}.frame-page-fit button{min-height:64px;padding:10px;border:1px solid #d5c7ac;border-radius:13px;background:#fffaf0;color:#13372e;text-align:left}.frame-page-fit button.on{border-color:#a7761c;background:#edc86d;box-shadow:0 0 0 2px rgba(167,118,28,.18)}.frame-page-fit b,.frame-page-fit small{display:block}.frame-page-fit small{margin-top:4px;font-size:8px}.frame-page-groups{grid-area:groups;display:grid;gap:11px;align-content:start}.frame-page-groups section{min-width:0}.frame-page-groups h3{margin:0 0 5px;padding-bottom:4px;border-bottom:1px solid #d8c7a7;color:#765112;font-size:12px}.frame-page-groups h3 small{font-size:8px}.frame-page-groups section>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.frame-page-groups button{min-width:0;padding:6px;border:1px solid #d8cdb8;border-radius:12px;background:#fffaf0;color:#13372e;text-align:left}.frame-page-groups button.on{border-color:#07352a;background:#edc86d;box-shadow:0 0 0 2px #0a3a2e}.frame-page-groups button>span{height:82px;margin-bottom:5px;display:block;overflow:hidden}.frame-page-groups button img{width:100%;height:100%;display:block;object-fit:inherit}.frame-page-groups button>b,.frame-page-groups button>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frame-page-groups button>b{font-size:10px}.frame-page-groups button>small{margin-top:2px;font-size:7px;color:#69756f}.frame-page-dialog footer{grid-area:foot;z-index:4;display:grid;grid-template-columns:.8fr .7fr 1.3fr;gap:7px;position:sticky;bottom:-22px;padding:10px 0 0;background:linear-gradient(transparent,#f7f1e6 20%)}.frame-page-dialog footer button{min-height:47px;border:1px solid #0a392e;border-radius:999px;background:#fff;color:#0a392e;font-weight:900}.frame-page-dialog footer button:last-child{background:#edc86d;color:#082b22}.frame-page-open{overflow:hidden}
@media(max-width:760px){.frame-page-dialog{width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;border-radius:0!important}.frame-page-dialog>article{height:100dvh;max-height:100dvh;display:flex!important;flex-direction:column;gap:9px;padding:max(11px,env(safe-area-inset-top)) 10px max(78px,env(safe-area-inset-bottom));overflow-y:auto}.frame-page-dialog header{flex:0 0 auto}.frame-page-dialog header>div{min-width:0;flex:1}.frame-page-dialog header p{font-size:7px}.frame-page-dialog h2{font-size:21px;white-space:normal}.frame-page-dialog header>button{flex-basis:39px;width:39px;height:39px}.frame-page-preview{position:relative;top:auto;flex:0 0 auto;grid-template-columns:minmax(115px,42%) minmax(0,58%);align-items:center;padding:8px}.frame-page-preview figure{width:100%;height:164px}.frame-page-preview>div{min-width:0}.frame-page-preview strong{font-size:15px}.frame-page-preview b{font-size:9px}.frame-page-preview small{font-size:7px}.frame-page-fit{flex:0 0 auto;width:100%}.frame-page-fit legend{font-size:10px}.frame-page-fit button{min-width:0;min-height:54px;padding:7px}.frame-page-fit b{font-size:10px}.frame-page-fit small{font-size:7px}.frame-page-groups{flex:0 0 auto;width:100%;gap:8px}.frame-page-groups section>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.frame-page-groups button{padding:5px}.frame-page-groups button>span{height:91px}.frame-page-groups button>b{font-size:9px}.frame-page-groups button>small{font-size:6.5px}.frame-page-dialog footer{position:fixed;left:9px;right:9px;bottom:max(6px,env(safe-area-inset-bottom));width:auto;padding:8px;border-radius:17px;background:rgba(247,241,230,.97);box-shadow:0 -8px 24px rgba(4,39,30,.17)}.frame-page-dialog footer button{min-width:0;min-height:45px;padding:6px;font-size:9px}}

/* 7.6.1 — quick canvas after choosing a print frame */
.frame-quick-canvas{display:none;min-width:0;padding:11px;border:2px solid #d6ad4d;border-radius:17px;background:#082f26;color:#fff;box-shadow:0 14px 30px rgba(3,39,30,.2)}.frame-quick-canvas.show{display:grid;gap:9px}.frame-quick-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.frame-quick-head span{color:#edc86d;font-size:8px;font-weight:900;letter-spacing:1.3px}.frame-quick-head button{padding:6px 10px;border:1px solid rgba(237,200,109,.55);border-radius:999px;background:transparent;color:#fff;font-size:8px;font-weight:900}.frame-quick-body{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(0,1.2fr);gap:11px;align-items:center}.frame-quick-body figure{width:100%;height:190px;margin:0;display:grid;place-items:center;overflow:hidden;background:#061f19}.frame-quick-body figure>img{width:100%;height:100%;display:block}.frame-quick-body small,.frame-quick-body b,.frame-quick-body strong{display:block}.frame-quick-body small{color:#c9d8d2;font-size:8px}.frame-quick-body b{margin:5px 0;color:#edc86d;font-size:17px}.frame-quick-body strong{font-size:11px}.frame-quick-body p{margin:6px 0 0;color:#c9d8d2;font-size:8px;line-height:1.4}.frame-quick-actions{display:grid;grid-template-columns:.8fr 1.2fr;gap:7px}.frame-quick-actions button{min-height:40px;border:1px solid rgba(237,200,109,.55);border-radius:999px;background:#fff;color:#0b372d;font-weight:900}.frame-quick-actions button:last-child{background:#edc86d}.frame-page-dialog:not(.quick-active) .frame-quick-canvas{display:none}
@media(min-width:761px){.frame-quick-canvas{grid-column:2;grid-row:3;align-self:start;z-index:2}.frame-page-dialog.quick-active .frame-page-groups{opacity:.22;pointer-events:none}}
@media(max-width:760px){.frame-quick-canvas.show{display:grid;flex:0 0 auto;width:100%;scroll-margin-top:10px}.frame-quick-body figure{height:210px}.frame-page-dialog.quick-active .frame-page-preview,.frame-page-dialog.quick-active .frame-page-fit,.frame-page-dialog.quick-active .frame-page-groups,.frame-page-dialog.quick-active>article>footer{display:none!important}.frame-page-dialog.quick-active>article{padding-bottom:max(12px,env(safe-area-inset-bottom))}.frame-page-dialog.quick-active header h2{font-size:18px}.frame-page-dialog.quick-active .frame-quick-canvas{margin-top:2px}.frame-quick-actions button{min-height:46px;font-size:10px}}