/* CATNARA MOBILE DESIGN STUDIO V111 — CMS only. */
.catnara-mobile-theme-studio-intro{padding:22px 24px;margin:16px 0 14px;border-radius:20px;border:1px solid #ebd9d9;background:linear-gradient(130deg,#fffaf7,#faeef0)}
.catnara-mobile-theme-studio-intro .meta{letter-spacing:.12em;color:#93666a}
.catnara-mobile-theme-studio-intro h3{font-size:22px;margin:9px 0;color:#382e30}
.catnara-mobile-theme-studio-intro p{margin:4px 0 0;color:#776e71;font-size:13px;line-height:1.7}
.catnara-mobile-theme-studio{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px}
.catnara-mobile-theme-panel{min-width:0;border-radius:20px!important;border:1px solid #ebdedc!important;padding:20px!important}
.catnara-mobile-theme-panel .design-section-head{align-items:flex-start;flex-wrap:wrap;gap:8px}
.catnara-mobile-theme-panel .design-section-head h3{margin:7px 0;font-size:20px}
.catnara-mobile-theme-panel .design-section-head p{max-width:480px;line-height:1.65;margin:0}
.catnara-mobile-theme-panel .design-section-head>a{white-space:normal;text-align:center}
.catnara-mobile-theme-inherit{display:flex;align-items:flex-start;gap:12px;border:1px solid #e9d2ce;background:#fffbf9;border-radius:16px;padding:15px 14px;margin:17px 0;cursor:pointer}
.catnara-mobile-theme-inherit input{accent-color:#b7747c;width:21px;height:21px;flex:none;margin:1px 0 0}
.catnara-mobile-theme-inherit b,.catnara-mobile-theme-inherit small{display:block}
.catnara-mobile-theme-inherit b{font-size:14px;color:#483233}
.catnara-mobile-theme-inherit small{font-size:12px;color:#786a69;line-height:1.6;margin-top:5px}
.catnara-mobile-theme-independent{padding:0 1px}
.catnara-mobile-theme-linked .catnara-mobile-theme-independent{opacity:.5}
.catnara-mobile-theme-linked .catnara-mobile-theme-independent:before{content:"사이트 템플릿 연동 중 · 아래 설정은 연동 해제 시 적용됩니다.";display:block;margin:5px 0 12px;padding:10px 12px;border-radius:10px;background:#f6f0ed;color:#514643;font-size:12px;font-weight:700;opacity:1}
.catnara-mobile-theme-panel .field select{min-height:44px}
.catnara-mobile-theme-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:8px 0 15px}
.catnara-mobile-theme-swatches span{height:35px;border:1px solid rgba(0,0,0,.12);border-radius:11px;background:#eee}
.catnara-mobile-theme-colors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:17px}
.catnara-mobile-theme-colors .field{border:1px solid #eee3df;border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:5px;min-width:0}
.catnara-mobile-theme-colors .field>span{font-size:12px;font-weight:750;color:#4a3d39}
.catnara-mobile-theme-colors input[type=color]{width:100%;height:35px;padding:1px;background:transparent;border:0;cursor:pointer}
.catnara-mobile-theme-colors small{font-size:11px;color:#786b68}
.catnara-mobile-theme-actions{margin-top:18px;display:flex;gap:9px;flex-wrap:wrap}
.catnara-mobile-theme-actions .btn{flex:1 1 170px;min-height:42px}
.catnara-mobile-theme-actions small{flex:1 1 100%;color:#777;line-height:1.65;font-size:11px}
.catnara-mobile-theme-panel input[type=range]{width:100%;accent-color:#ba767d}
.catnara-mobile-theme-panel :focus-visible{outline:2px solid #ae707b;outline-offset:2px}
@media(max-width:1100px){.catnara-mobile-theme-studio{grid-template-columns:1fr}}
@media(max-width:580px){.catnara-mobile-theme-panel{padding:14px!important}.catnara-mobile-theme-studio-intro{padding:16px}.catnara-mobile-theme-panel .form-grid{grid-template-columns:1fr}.catnara-mobile-theme-colors{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* V112: visual template pickers for PC / APP / Apple, not just CSS color controls. */
.catnara-mobile-theme-gallery,.catnara-pc-template-gallery{
 display:grid;grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:10px;margin:12px 0 16px;
}
.catnara-mobile-theme-gallery>button,.catnara-pc-template-gallery>button{
 display:flex;flex-direction:column;gap:7px;align-items:stretch;
 border:1px solid #e3d9d6;border-radius:14px;padding:8px;min-width:0;
 background:#fff;color:#3b312f;text-align:left;cursor:pointer;min-height:115px;
}
.catnara-mobile-theme-gallery>button[aria-pressed="true"],.catnara-pc-template-gallery>button[aria-pressed="true"]{
 border:2px solid #9a6372;outline:2px solid rgba(154,99,114,.2);
}
.catnara-mobile-theme-gallery>button:focus-visible,.catnara-pc-template-gallery>button:focus-visible{
 outline:3px solid #946874;outline-offset:2px;
}
.catnara-mobile-theme-gallery small,.catnara-pc-template-gallery strong{
 color:#4b3938;font-size:11px;line-height:1.35;overflow-wrap:anywhere;
}
.catnara-theme-tile{
 display:block;position:relative;height:67px;flex:none;overflow:hidden;
 border-radius:9px;background:var(--tile-bg);border:1px solid rgba(0,0,0,.08);
}
.catnara-theme-tile:before{
 content:"";position:absolute;inset:5px 5px 22px;border-radius:6px;
 background:linear-gradient(125deg,var(--tile-accent),color-mix(in srgb,var(--tile-accent) 36%,var(--tile-card)));
}
.catnara-theme-tile i,.catnara-theme-tile b,.catnara-theme-tile em{
 display:block;position:absolute;bottom:5px;width:25%;height:12px;
 border-radius:3px;background:var(--tile-card);box-shadow:0 1px 4px rgba(0,0,0,.06);
}
.catnara-theme-tile i{left:5px}.catnara-theme-tile b{left:37%}.catnara-theme-tile em{right:5px;background:var(--tile-text);opacity:.75}
.visual-cms-revision-actions{display:flex;justify-content:flex-end;margin:8px 0 11px}
.visual-cms-revision-buttons{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.visual-cms-revision-buttons [data-design-revision-delete],#designRevisionDeleteAll{border-color:#b77d7d!important;color:#8f3e43!important}


/* CATNARA V117 · three independent mobile design studios. */
.catnara-mobile-theme-studio{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}
.catnara-theme-vivid-note{display:grid;gap:5px;border:1px solid #dbe7fb;border-radius:12px;padding:12px;margin:4px 0 15px;background:#f3f8ff}
.catnara-theme-vivid-note b{font-size:13px;color:#123460}
.catnara-theme-vivid-note span{font-size:11.5px;line-height:1.6;color:#48617d}
.catnara-theme-vivid-heading{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;margin:16px 0 0}
.catnara-theme-vivid-heading b{font-size:13px;color:#004ac8}
.catnara-theme-vivid-heading small{font-size:11px;color:#5e7086}
.catnara-mobile-theme-legacy{border:1px solid #e1e5ec;border-radius:12px;padding:9px 11px;margin:5px 0 16px;background:#fafbff}
.catnara-mobile-theme-legacy summary{cursor:pointer;font-size:12px;font-weight:750;color:#42546d;min-height:28px;display:list-item;list-style:disclosure-closed inside}
.catnara-mobile-theme-legacy[open] summary{list-style:disclosure-open inside}
.catnara-mobile-theme-legacy .catnara-mobile-theme-gallery{margin-bottom:4px}
.catnara-mobile-theme-live{margin-top:20px;padding:13px;border:1px solid #dce5ef;border-radius:15px;background:#f6f9fd}
.catnara-mobile-theme-live>div:first-child{display:grid;gap:4px}
.catnara-mobile-theme-live b{font-size:13px;color:#22364f}
.catnara-mobile-theme-live small{font-size:11px;line-height:1.5;color:#596a80}
.catnara-mobile-theme-live-frame{height:450px;max-width:315px;overflow:hidden;margin:12px auto 10px;border:5px solid #23354b;border-radius:24px;background:#fff;box-shadow:0 9px 25px rgba(14,41,83,.17)}
.catnara-mobile-theme-live-frame iframe{height:100%;width:100%;border:0;display:block;background:#fff}
.catnara-mobile-theme-preview-pages{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
.catnara-mobile-theme-preview-pages button{border:1px solid #cad5e4;border-radius:10px;padding:8px 11px;background:#fff;color:#29415f;cursor:pointer;font-size:12px;font-weight:800}
.catnara-mobile-theme-preview-pages button[aria-pressed="true"]{background:#0057ff;color:white;border-color:#0057ff}
.catnara-mobile-theme-preview-pages button:focus-visible{outline:2px solid #0057ff;outline-offset:2px}
@media(max-width:600px){.catnara-mobile-theme-live-frame{height:440px;max-width:100%;width:290px}.catnara-theme-vivid-note{padding:10px}.catnara-mobile-theme-preview-pages button{flex:1}}

/* CATNARA season V1 — CMS seasonal cards and home visual layers. */
.catnara-season-head{margin:18px 0 8px;display:flex;flex-wrap:wrap;gap:5px 10px;align-items:baseline}
.catnara-season-head b{font-size:13px;color:#705149}
.catnara-season-head small,.catnara-season-desc{font-size:10px;color:#8d7772}
.catnara-season-gallery button{border-radius:15px!important;background:linear-gradient(145deg,var(--tile-bg),var(--tile-card))!important;padding:8px!important}
.catnara-season-gallery .catnara-theme-tile{box-shadow:0 5px 12px rgba(70,44,35,.1)}
.catnara-season-desc{display:block;line-height:1.5;text-align:left}
.catnara-season-gallery button[aria-pressed=true]{outline:2px solid #98621F!important}
.catnara-season-admin{display:grid;gap:14px}
.catnara-season-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.catnara-season-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.catnara-season-card{min-height:96px;border:1px solid #ecdcd2;border-radius:16px;display:grid;place-content:center;justify-items:center;gap:6px;background:#fffaf6;color:#554035;cursor:pointer}
.catnara-season-card span{font-size:27px}.catnara-season-card b{font-size:12px}
.catnara-season-card[aria-pressed=true]{outline:2px solid #98621F;background:#FFF8ED}
.catnara-season-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.catnara-season-previews>div{min-width:0;display:grid;gap:8px}
.catnara-season-previews iframe{width:100%;height:370px;border:1px solid #e5dad4;border-radius:14px;background:#fff}
.catnara-season-buttons{display:flex;flex-wrap:wrap;gap:8px}

.catnara-season-preview-stage{display:block;position:relative;width:100%;height:350px;overflow:hidden;border:1px solid #e5dad4;border-radius:14px;background:white}
.catnara-season-preview-stage iframe{display:block;position:absolute;top:0;left:0;border:0!important;border-radius:0!important;transform-origin:top left}


/* Seasonal gallery: template preview cards stay elegant and readable on tablet. */
.catnara-season-gallery .catnara-season-desc{font-size:10.5px;line-height:1.45;min-height:31px}
.catnara-season-gallery .catnara-theme-tile{min-height:65px}
.catnara-season-gallery button:focus-visible{outline:3px solid #326abd!important;outline-offset:2px}


/* Apple-only seasonal template thumbnails. Existing Classic/APP previews unchanged. */
.catnara-mobile-theme-panel[data-mobile-theme-editor="apple"] .catnara-season-gallery button[data-apple-season]{
 border-color:#e4d9d3;background:linear-gradient(155deg,#fff,var(--tile-bg));
}
.catnara-mobile-theme-panel[data-mobile-theme-editor="apple"] .catnara-season-gallery button[data-apple-season] .catnara-theme-tile{
 height:77px;border-radius:11px;background:var(--tile-bg);
}
.catnara-mobile-theme-panel[data-mobile-theme-editor="apple"] .catnara-season-gallery button[data-apple-season] .catnara-theme-tile:before{
 border-radius:8px;inset:5px 5px 22px;
}
.catnara-mobile-theme-panel[data-mobile-theme-editor="apple"] .catnara-season-gallery button[data-apple-season="spring"] .catnara-theme-tile:before{
 background:radial-gradient(ellipse at 17% 22%,#fff8f0 0 7%,transparent 8%),radial-gradient(ellipse at 38% 50%,#ffe0ed 0 11%,transparent 12%),radial-gradient(ellipse at 81% 21%,#fff8f6 0 10%,transparent 11%),linear-gradient(132deg,var(--tile-accent),#f5c6dc 62%,var(--tile-card));
}
.catnara-mobile-theme-panel[data-mobile-theme-editor="apple"] .catnara-season-gallery button[data-apple-season="summer"] .catnara-theme-tile:before{
 background:radial-gradient(circle at 83% 19%,#fff7c8 0 10%,transparent 11%),repeating-radial-gradient(ellipse at 25% 110%,transparent 0 10px,#ffffff33 11px 13px,transparent 14px 19px),linear-gradient(145deg,#bbe6fb,var(--tile-accent) 65%,#d0f6ef);
}
.catnara-mobile-theme-panel[data-mobile-theme-editor="apple"] .catnara-season-gallery button[data-apple-season="autumn"] .catnara-theme-tile:before{
 background:radial-gradient(ellipse at 20% 35%,#e8a65d 0 9%,transparent 10%),radial-gradient(ellipse at 75% 16%,#ba654a 0 7%,transparent 8%),radial-gradient(ellipse at 63% 78%,#efc570 0 10%,transparent 11%),linear-gradient(135deg,var(--tile-accent),#f5c18a 73%,var(--tile-bg));
}
.catnara-mobile-theme-panel[data-mobile-theme-editor="apple"] .catnara-season-gallery button[data-apple-season="winter"] .catnara-theme-tile:before{
 background:radial-gradient(circle at 18% 24%,#ffffffdd 0 2%,transparent 3%),radial-gradient(circle at 64% 32%,#ffffffbd 0 3%,transparent 4%),radial-gradient(circle at 85% 78%,#ffffffdc 0 2%,transparent 3%),linear-gradient(135deg,var(--tile-accent),#bbd7ec 76%,var(--tile-bg));
}
.catnara-mobile-theme-panel[data-mobile-theme-editor="apple"] .catnara-season-gallery button[data-apple-season] .catnara-season-desc{min-height:36px}