:root{--color-bg:#f4ede0;--color-surface:#fbf7ee;--color-ink:#2a1f14;--color-ink-soft:#5b4a36;--color-rule:#d8cdb6;--color-cobalt:#1f4a7a;--color-cobalt-d:#163559;--color-ochre:#b8843d;--color-shadow:#2a1f141f;--font-serif:"Cormorant Garamond", "Times New Roman", serif;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--fs-xs:.8125rem;--fs-sm:.9375rem;--fs-md:1rem;--fs-lg:1.25rem;--fs-xl:1.6rem;--fs-2xl:2.1rem;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-8:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 3px var(--color-shadow);--shadow-md:0 4px 16px var(--color-shadow);--shadow-lg:0 12px 40px #2a1f1438}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);font-family:var(--font-sans);color:var(--color-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.55}a{color:var(--color-cobalt);text-decoration:none;transition:color .12s}a:hover{color:var(--color-cobalt-d);text-decoration:underline}p{margin-bottom:var(--sp-4);text-align:left}hr{display:none}.page-box{background:var(--color-surface);max-width:700px;width:calc(100% - var(--sp-4));margin:var(--sp-6) auto;border:1px solid var(--color-rule);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--sp-6) var(--sp-6) var(--sp-8)}.page-box.navigator-page-box{width:fit-content;max-width:100%}.page-title{font-family:var(--font-serif);font-weight:600;font-size:var(--fs-2xl);color:var(--color-ink);letter-spacing:-.01em;padding-bottom:var(--sp-3);margin-bottom:var(--sp-5);border-bottom:1px solid var(--color-rule);line-height:1.15}.presentation-header{justify-content:space-between;align-items:flex-start;gap:var(--sp-3);margin-bottom:var(--sp-5);padding-bottom:var(--sp-3);border-bottom:1px solid var(--color-rule);display:flex}.presentation-header .page-title{border-bottom:none;flex:1;margin-bottom:0;padding-bottom:0}.lang-selector{gap:var(--sp-1);flex-shrink:0;margin-top:6px;display:flex}.lang-btn{font-family:var(--font-sans);font-size:var(--fs-xs);color:var(--color-cobalt);border:1px solid var(--color-cobalt);border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.05em;background:0 0;padding:4px 9px;font-weight:600;line-height:1.4;transition:background .12s,color .12s}.lang-btn[aria-pressed=true]{background:var(--color-cobalt);color:var(--color-surface)}.lang-btn:hover:not([aria-pressed=true]){background:#1f4a7a17}.presentation-access{justify-content:center;align-items:center;gap:var(--sp-4);min-height:52px;margin-bottom:var(--sp-5);display:flex}@keyframes spin{to{transform:rotate(360deg)}}.presentation-loading{align-items:center;gap:var(--sp-2);color:var(--color-ink-soft);font-size:var(--fs-sm);display:flex}.presentation-loading:before{content:"";border:2px solid var(--color-rule);border-top-color:var(--color-cobalt);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.8s linear infinite spin;display:inline-block}.ver-mural-btn{align-items:center;gap:var(--sp-2);font-family:var(--font-sans);font-size:var(--fs-lg);color:#fff;background:var(--color-cobalt);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;letter-spacing:.01em;border:none;padding:10px 28px;font-weight:500;transition:background .15s,transform .15s,box-shadow .15s;display:inline-flex}.ver-mural-btn:hover{background:var(--color-cobalt-d);transform:translateY(-2px);box-shadow:0 4px 14px #1f4a7a59}.ver-mural-btn:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.presentation-block{margin-bottom:var(--sp-5);overflow:hidden}.presentation-block+.presentation-block{margin-top:var(--sp-1)}.presentation-img-left,.presentation-img-right{border:1px solid var(--color-rule);border-radius:var(--radius-md);width:150px;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .18s,box-shadow .18s}.presentation-img-left:hover,.presentation-img-right:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.presentation-img-left{float:left;margin:0 var(--sp-4) var(--sp-3) 0}.presentation-img-right{float:right;margin:0 0 var(--sp-3) var(--sp-4)}.presentation-link{color:var(--color-cobalt);cursor:pointer;border-bottom:1px solid var(--color-cobalt);transition:color .12s,border-color .12s}.presentation-link:hover{color:var(--color-cobalt-d);border-color:var(--color-cobalt-d)}.presentation-footer-links{padding-top:var(--sp-4);margin-top:var(--sp-2);border-top:1px solid var(--color-rule);justify-content:flex-start;display:flex}.presentation-info-link{font-size:var(--fs-sm);color:var(--color-cobalt);border:1px solid var(--color-cobalt);border-radius:var(--radius-sm);align-items:center;padding:5px 14px;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.presentation-info-link:hover{background:var(--color-cobalt);color:var(--color-surface);text-decoration:none}.navigator-canvas-area{margin-bottom:var(--sp-2);justify-content:center;display:flex}.viewer-canvas{background:#3a3028;max-width:100%;display:block}.navigator-controls-bar{justify-content:center;align-items:center;gap:var(--sp-5);row-gap:var(--sp-3);width:100%;padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--color-rule);margin-top:var(--sp-2);background:linear-gradient(#0000,#2a1f140a);flex-wrap:wrap;display:flex}.direction-widget{border-radius:var(--radius-md);border:1px solid var(--color-rule);width:152px;height:152px;padding:var(--sp-1);background:#ffffff80;flex-direction:column;align-items:center;display:flex}.direction-row{justify-content:center;align-items:center;gap:var(--sp-1);height:48px;display:flex}.zoom-widget{border-radius:var(--radius-md);border:1px solid var(--color-rule);width:58px;height:148px;padding:var(--sp-2) var(--sp-1);background:#ffffff80;flex-direction:column;justify-content:space-between;align-items:center;display:flex}.zoom-label{font-size:var(--fs-xs);font-family:var(--font-serif);color:var(--color-ink-soft);text-align:center;font-style:italic;line-height:1.2}.icon-btn{width:44px;height:44px;color:var(--color-cobalt);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;transition:background .12s,border-color .12s,transform .1s;display:inline-flex}.icon-btn svg{width:24px;height:24px;display:block}.icon-btn:hover:not(:disabled){background:#1f4a7a17;border-color:#1f4a7a2e}.icon-btn:focus-visible{outline:2px solid var(--color-ochre);outline-offset:2px}.icon-btn:active:not(:disabled){transform:translateY(1px)}.icon-btn:disabled{color:var(--color-rule);cursor:default}.img-btn{padding:var(--sp-1);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;margin:2px;transition:background .12s,transform .1s;display:inline-flex}.img-btn:hover:not(:disabled){background:#1f4a7a17}.img-btn:focus-visible{outline:2px solid var(--color-ochre);outline-offset:2px}.img-btn:active:not(:disabled){transform:translate(1px,2px)}.img-btn:disabled{opacity:.3;cursor:default}.img-btn img{display:block}.preview-canvas{border:1px solid var(--color-rule);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);cursor:crosshair;touch-action:none;margin:0;display:block}.popup-glass{-webkit-backdrop-filter:blur(2px);z-index:1000;background:#140e089e;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.popup-content{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--sp-6);max-width:95vw;max-height:95vh;box-shadow:var(--shadow-lg);overflow:auto}.help-popup{max-width:420px}.help-popup h2{font-family:var(--font-serif);font-weight:600;font-size:var(--fs-xl);color:var(--color-ink);margin-bottom:var(--sp-4)}.help-popup ul{padding-left:var(--sp-5);margin-bottom:var(--sp-5)}.help-popup li{margin-bottom:var(--sp-2);font-size:var(--fs-sm);color:var(--color-ink-soft)}.help-popup button{cursor:pointer;background:var(--color-cobalt);color:#fff;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--fs-sm);border:none;padding:8px 22px;font-weight:500;transition:background .15s}.help-popup button:hover{background:var(--color-cobalt-d)}@media (width<=600px){.page-box{padding:var(--sp-4);margin:var(--sp-3) auto;border-radius:var(--radius-md)}.page-title{font-size:var(--fs-xl)}.presentation-header{gap:var(--sp-2);flex-direction:column}.lang-selector{margin-top:0}.presentation-img-left,.presentation-img-right{float:none;width:100%;max-width:320px;margin:0 auto var(--sp-4);display:block}.presentation-block{text-align:center}.presentation-link{padding:4px 0;display:inline-block}.presentation-info-link{padding:10px 18px}.popup-content{padding:var(--sp-4)}}@media (width<=400px){.icon-btn{width:42px;height:42px}.direction-widget{width:140px;height:140px}.direction-row{height:44px}.zoom-widget{width:54px;height:140px}}