#johya-atelier{letter-spacing:normal;position:relative;isolation:isolate;z-index:0}
#johya-atelier :is(h1,h2,h3,h4,h5,h6){color:inherit;letter-spacing:normal;font-family:inherit;font-weight:inherit;line-height:inherit;word-break:normal}
#johya-atelier :where(div:empty){display:revert}
#johya-atelier .button::before,#johya-atelier .button::after,#johya-atelier .field::before,#johya-atelier .field::after{content:none}
#johya-atelier .button{min-width:0;min-height:0;letter-spacing:normal;box-shadow:none;text-decoration:none}
#johya-atelier{--paper:#f4efe3;--panel:#fcfaf5;--ink:#1d3329;--muted:#6e7369;--line:#deddd1;--accent:#8c774d;--active:#e8ede4;--stage-a:#fbf9f1;--stage-b:#eae6d8;--shadow:rgba(26,39,24,.13);--serif:'Cormorant Garamond','EB Garamond',Georgia,serif;--sans:'Inter',Arial,sans-serif;--ease:cubic-bezier(.2,.7,.2,1);color-scheme:light}#johya-atelier[data-theme=dark]{--paper:#121d18;--panel:#1b2821;--ink:#eeecdf;--muted:#b3b7a7;--line:#39483c;--accent:#c4ac7d;--active:#2c4032;--stage-a:#344c3b;--stage-b:#101c16;--shadow:rgba(0,0,0,.3);color-scheme:dark}#johya-atelier,#johya-atelier *{box-sizing:border-box}#johya-atelier{scroll-behavior:smooth}#johya-atelier{margin:0;background:var(--paper);color:var(--ink);font:12px/1.65 var(--sans);-webkit-font-smoothing:antialiased}#johya-atelier button,#johya-atelier input,#johya-atelier select{font:inherit;color:inherit}#johya-atelier button,#johya-atelier a,#johya-atelier input,#johya-atelier select{-webkit-tap-highlight-color:transparent}#johya-atelier button{cursor:pointer}#johya-atelier a{color:inherit;text-decoration:none}#johya-atelier button{background:none;border:0}#johya-atelier button:disabled{cursor:not-allowed;opacity:.5}#johya-atelier h1,#johya-atelier h2,#johya-atelier h3,#johya-atelier p{margin:0}#johya-atelier svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}#johya-atelier .svg-defs{position:absolute;width:0;height:0;overflow:hidden}#johya-atelier button:focus-visible,#johya-atelier a:focus-visible,#johya-atelier input:focus-visible,#johya-atelier select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}#johya-atelier input[type=radio]:focus-visible{outline:0}#johya-atelier .opt:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:4px}#johya-atelier .skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--ink);color:var(--panel);padding:12px}#johya-atelier .skip:focus{top:10px}#johya-atelier [hidden]{display:none!important}#johya-atelier .site-header{height:99px;display:flex;align-items:center;justify-content:space-between;position:relative;border-bottom:1px solid var(--line);padding:0 46px;background:var(--panel)}#johya-atelier .wordmark{font:500 39px/1 var(--serif);letter-spacing:4.5px;display:flex;flex-direction:column;align-items:center}#johya-atelier .wordmark span{font:450 6px/1 var(--sans);letter-spacing:2.1px;margin-top:9px}#johya-atelier .header-center{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;letter-spacing:2.5px;font-size:9px}#johya-atelier .tiny-gem{width:9px;height:12px;border:1px solid var(--accent);clip-path:polygon(25% 0,75% 0,100% 20%,100% 80%,75% 100%,25% 100%,0 80%,0 20%);display:inline-block;transform:rotate(25deg)}#johya-atelier .header-right{display:flex;align-items:center;gap:22px}#johya-atelier .expert-link{font-size:10px}#johya-atelier .expert-link span{margin-left:12px;font-size:16px}#johya-atelier .icon-button{width:36px;height:36px;display:inline-grid;place-items:center;border-radius:50%;padding:8px;transition:background .3s,transform .3s}#johya-atelier .icon-button:hover{background:var(--active);transform:translateY(-1px)}#johya-atelier .icon-button svg{width:18px;height:18px}#johya-atelier .atelier{display:grid;grid-template-columns:minmax(0,1fr) 472px;max-width:1800px;margin:auto}#johya-atelier .visual-column{min-width:0;align-self:start;position:sticky;top:0}#johya-atelier .stage{height:calc(100svh - 193px);min-height:650px;max-height:930px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 41% 35%,var(--stage-a) 0%,var(--paper) 57%,var(--stage-b) 100%)}#johya-atelier .stage:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}#johya-atelier .stage-head{position:absolute;top:39px;left:46px;right:35px;display:flex;justify-content:space-between;z-index:2;pointer-events:none}#johya-atelier .eyebrow{font-size:8px;letter-spacing:2.3px;font-weight:500;line-height:1.5}#johya-atelier .eyebrow svg{width:15px;height:15px}#johya-atelier .stage .stage-h1{font:400 clamp(45px,4.2vw,67px)/.96 var(--serif);letter-spacing:-2px;margin-top:17px}#johya-atelier .stage .stage-h1 em{font-weight:400}#johya-atelier .edition{font-size:7px;letter-spacing:2px;text-align:right;line-height:1.9;color:var(--muted);padding-top:2px}#johya-atelier .edition b{font:400 24px var(--serif);letter-spacing:0;color:var(--ink)}#johya-atelier .canvas-wrap{position:absolute;inset:118px 15px 88px 5px;z-index:1;opacity:0;transition:opacity 1.2s}#johya-atelier .stage.ready .canvas-wrap{opacity:1}#johya-atelier .canvas-wrap canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab}#johya-atelier .canvas-wrap canvas:active{cursor:grabbing}#johya-atelier .canvas-wrap canvas:focus-visible{outline:1px solid var(--accent);outline-offset:-7px;border-radius:12px}#johya-atelier .scene-tools{position:absolute;right:22px;top:45%;z-index:3;display:flex;flex-direction:column;align-items:center;gap:7px}#johya-atelier .scene-tools i{height:17px;width:1px;background:var(--line);margin:3px}#johya-atelier .stone-caption{position:absolute;left:46px;bottom:31%;display:flex;align-items:center;gap:12px;z-index:2;pointer-events:none;opacity:.85}#johya-atelier .caption-line{width:27px;height:1px;background:var(--accent)}#johya-atelier .stone-caption p{font-size:9px;line-height:1.8}#johya-atelier .stone-caption p span{display:block;font-size:9px;color:var(--muted)}#johya-atelier .drag-hint{position:absolute;left:50%;bottom:121px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;white-space:nowrap;color:var(--muted);font-size:8px;z-index:2;pointer-events:none}#johya-atelier .drag-hint svg{width:15px;height:15px}#johya-atelier .stage-bottom{position:absolute;bottom:29px;left:46px;right:46px;text-align:center;z-index:2;pointer-events:none}#johya-atelier .live-label{display:flex;align-items:center;justify-content:center;gap:7px;font-size:7px;letter-spacing:2px;color:var(--muted);margin-bottom:9px}#johya-atelier .live-label b{font-weight:400}#johya-atelier .live-label>span{height:4px;width:4px;background:#729674;border-radius:50%}#johya-atelier #stageTitle{font:400 23px var(--serif)}#johya-atelier #stageTitle span{padding:0 6px;color:var(--accent)}#johya-atelier #stageDims{font-size:8px;color:var(--muted);margin-top:6px}#johya-atelier .loading{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:12px;font:400 20px var(--serif);transition:opacity .3s;pointer-events:none}#johya-atelier .loading>span{width:16px;height:16px;border:1px solid var(--line);border-top-color:var(--ink);border-radius:50%;animation:ja-spin 1s linear infinite}#johya-atelier .ready .loading{opacity:0}#johya-atelier .viewbar{height:55px;display:flex;align-items:center;justify-content:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0 26px;background:var(--paper);gap:28px}#johya-atelier .view-tabs{display:flex;gap:4px;height:100%;align-items:center}#johya-atelier .view-tabs button{padding:9px 13px;font-size:9px;color:var(--muted);position:relative;transition:color .3s}#johya-atelier .view-tabs button:after{content:'';position:absolute;height:1px;background:var(--ink);bottom:3px;left:13px;right:13px;transform:scaleX(0);transition:transform .3s}#johya-atelier .view-tabs button[aria-pressed=true]{color:var(--ink)}#johya-atelier .view-tabs button[aria-pressed=true]:after{transform:scaleX(1)}#johya-atelier .view-tabs button:hover{color:var(--ink)}#johya-atelier .rotation-toggle{font-size:8px;display:flex;align-items:center;gap:7px;border-left:1px solid var(--line);padding:8px 0 8px 25px;color:var(--muted)}#johya-atelier .pause-icon{width:7px;height:9px;border-left:2px solid currentColor;border-right:2px solid currentColor}#johya-atelier .rotation-toggle[aria-pressed=false] .pause-icon{width:0;height:0;border:4px solid transparent;border-left:6px solid currentColor;border-right:0}#johya-atelier .studio-footer{height:55px;padding:0 46px;display:flex;align-items:center;justify-content:space-between;gap:12px}#johya-atelier .studio-footer>span{font-size:6.5px;letter-spacing:1.6px;color:var(--muted)}#johya-atelier .text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:9px;padding:7px 0}#johya-atelier .text-button svg{height:14px;width:14px}#johya-atelier .text-button:hover{text-decoration:underline;text-underline-offset:5px}#johya-atelier .panel{background:var(--panel);border-left:1px solid var(--line);padding:37px 32px 0;min-width:0;outline:none;display:flex;flex-direction:column}#johya-atelier .panel-intro{padding-bottom:21px}#johya-atelier .panel-intro .eyebrow{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:7px;letter-spacing:2.1px}#johya-atelier .panel-intro h2{font:400 40px/1.08 var(--serif);letter-spacing:-1px;margin-top:12px}#johya-atelier .panel-intro h2 em{font-weight:400}#johya-atelier .panel-intro>p{font-size:10px;line-height:1.85;color:var(--muted);margin-top:11px}#johya-atelier .journey{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px}#johya-atelier .journey>span:first-child{font-size:7px;letter-spacing:1.8px;white-space:nowrap;color:var(--accent)}#johya-atelier .journey-track{height:1px;background:var(--line);width:100px}#johya-atelier .journey-track i{display:block;height:1px;width:20%;background:var(--accent);transition:width .5s var(--ease)}#johya-atelier .step{border-top:1px solid var(--line)}#johya-atelier .step h3{font-weight:400}#johya-atelier .head{width:100%;display:flex;align-items:center;text-align:left;gap:15px;padding:16px 0;min-height:69px}#johya-atelier .num{font:400 15px var(--serif);color:var(--accent);align-self:flex-start;padding-top:3px;min-width:18px}#johya-atelier .ttl{font:500 20px/1.1 var(--serif);flex:1}#johya-atelier .sum{display:block;margin-top:6px;font:400 8px/1.3 var(--sans);color:var(--muted)}#johya-atelier .step[data-open=true] .head{padding-bottom:16px}#johya-atelier .step[data-open=true] .sum{display:none}#johya-atelier .chevron{height:7px;width:7px;border-right:1px solid var(--muted);border-bottom:1px solid var(--muted);transform:rotate(45deg);transition:transform .4s;margin:0 5px 4px}#johya-atelier .step[data-open=true] .chevron{transform:rotate(225deg);margin-bottom:0}#johya-atelier .pane{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .5s var(--ease),opacity .35s;visibility:hidden}#johya-atelier .step[data-open=true] .pane{grid-template-rows:1fr;opacity:1;visibility:visible}#johya-atelier .inner{min-height:0;overflow:hidden;padding:0 1px;position:relative}#johya-atelier .step[data-open=true] .inner{padding-bottom:21px}#johya-atelier fieldset{border:0;padding:0;margin:0 0 20px;min-width:0}#johya-atelier legend{font-size:10px;padding:0;margin:0 0 11px;width:100%;display:flex;align-items:center;gap:7px}#johya-atelier .legend-detail{margin-left:auto;color:var(--muted);font-size:8px}#johya-atelier .help{border:1px solid var(--line);width:14px;height:14px;border-radius:50%;padding:0;line-height:12px;font-size:8px;color:var(--muted);display:inline-grid;place-items:center}#johya-atelier .help:hover{background:var(--active);border-color:var(--ink)}#johya-atelier .opt{position:relative;cursor:pointer;user-select:none}#johya-atelier .opt input[type=radio]{position:absolute;opacity:0;width:1px;height:1px;margin:0}#johya-atelier .shape-options{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}#johya-atelier .shape{height:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:3px;gap:7px;transition:border-color .25s,background .25s,transform .25s;font-size:8px}#johya-atelier .shape:hover{transform:translateY(-2px);border-color:var(--accent)}#johya-atelier .opt:has(input:checked){background:var(--active);border-color:var(--ink)}#johya-atelier .shape-icon{display:block;height:33px;width:33px}#johya-atelier .shape-icon svg{height:33px;width:33px;stroke-width:.6}#johya-atelier .shape-icon .stone-fill{fill:var(--active);transition:fill .3s}#johya-atelier .shape:has(input:checked) .stone-fill{fill:#275f47}#johya-atelier .shape:has(input:checked) .stone-facet{stroke:#c0d3ba}#johya-atelier .shape:has(input:checked) svg{stroke:#27513c}#johya-atelier .range-label{display:flex;align-items:center;justify-content:space-between;margin-top:3px;margin-bottom:11px}#johya-atelier .range-label label{display:flex;align-items:center;gap:7px;font-size:10px}#johya-atelier .range-label output{font:400 24px/1 var(--serif)}#johya-atelier .range-label output small{font:400 10px var(--sans);margin-left:3px}#johya-atelier input[type=range]{--pct:33.333%;width:100%;height:3px;display:block;appearance:none;background:linear-gradient(to right,var(--ink) 0 var(--pct),var(--line) var(--pct) 100%);margin:10px 0 12px;cursor:pointer;border:0}#johya-atelier input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border:3px solid var(--panel);background:var(--ink);box-shadow:0 0 0 1px var(--ink);border-radius:50%;transition:transform .2s}#johya-atelier input[type=range]::-moz-range-thumb{width:9px;height:9px;border:3px solid var(--panel);background:var(--ink);box-shadow:0 0 0 1px var(--ink);border-radius:50%}#johya-atelier input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.15)}#johya-atelier .range-scale{display:flex;justify-content:space-between;font-size:8px;color:var(--muted)}#johya-atelier .micro{font-size:8px;color:var(--muted);line-height:1.7}#johya-atelier #dimOut{margin-top:7px}#johya-atelier .weight-note{font-size:8px;margin-top:2px}#johya-atelier .tint-field{margin-top:20px;margin-bottom:17px}#johya-atelier .tint-options{display:flex;gap:22px}#johya-atelier .tint{display:flex;align-items:center;gap:7px;font-size:9px}#johya-atelier .tint:has(input:checked){background:none}#johya-atelier .tint-dot{width:20px;height:20px;border-radius:50%;display:block;box-shadow:inset -2px -2px 4px #0002,0 1px 2px #0001;position:relative}#johya-atelier .tint-dot:after{content:'';position:absolute;inset:-4px;border-radius:50%;border:1px solid transparent;transition:border-color .25s}#johya-atelier .tint:has(input:checked) .tint-dot:after{border-color:var(--ink)}#johya-atelier .reference-field{display:flex;flex-direction:column;gap:7px;padding-top:14px;border-top:1px solid var(--line)}#johya-atelier .reference-field label{font-size:9px;color:var(--muted)}#johya-atelier input[type=text],#johya-atelier select{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:8px 0 10px;font-size:10px;width:100%;transition:border-color .2s}#johya-atelier input[type=text]::placeholder{color:var(--muted);opacity:.8}#johya-atelier input[type=text]:focus,#johya-atelier select:focus{border-color:var(--ink);outline:0}#johya-atelier .next{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:19px;padding:11px 0 0;font-size:9px;color:var(--ink);transition:color .2s}#johya-atelier .next svg{width:20px;transition:transform .3s}#johya-atelier .next:hover svg{transform:translateX(5px)}#johya-atelier .mount-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}#johya-atelier .mount{display:flex;flex-direction:column;align-items:center;border:1px solid var(--line);border-radius:3px;text-align:center;padding:6px 8px 14px;transition:border-color .25s,background .25s}#johya-atelier .mount:hover{border-color:var(--accent)}#johya-atelier .mount-art{height:98px;display:grid;place-items:center;width:100%;overflow:hidden}#johya-atelier .mount-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}#johya-atelier .mount-art svg{width:100%;height:100%;stroke:none}#johya-atelier .mount>span:nth-last-of-type(1){font:500 19px var(--serif)}#johya-atelier .mount small{font:400 8px var(--sans);display:block;margin-top:4px;color:var(--muted)}#johya-atelier .selected-mark{position:absolute;right:7px;top:7px;border:1px solid var(--line);border-radius:50%;width:13px;height:13px;display:grid;place-items:center}#johya-atelier .selected-mark svg{height:8px;width:8px;opacity:0}#johya-atelier .mount:has(input:checked) .selected-mark{background:var(--ink);border-color:var(--ink);color:var(--panel)}#johya-atelier .mount:has(input:checked) .selected-mark svg{opacity:1}#johya-atelier .note{padding:11px 12px;background:var(--active);border-radius:2px;font-size:8px;line-height:1.8;margin-bottom:18px}#johya-atelier .segmented{display:flex;gap:8px}#johya-atelier .segmented .opt{border:1px solid var(--line);padding:12px;flex:1;text-align:center;font-size:10px;border-radius:2px}#johya-atelier .metal-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}#johya-atelier .metal{display:flex;flex-direction:column;align-items:center;gap:11px;padding:18px 8px 14px;border:1px solid var(--line);border-radius:3px;font-size:9px}#johya-atelier .metal-dot{width:35px;height:35px;border-radius:50%;display:block;box-shadow:inset 0 0 0 1px #fff6,0 2px 4px #0001;position:relative}#johya-atelier .metal-dot:after{content:'';position:absolute;inset:5px;border:1px solid #fff4;border-radius:50%}#johya-atelier .band-options{display:flex;gap:8px}#johya-atelier .band{border:1px solid var(--line);border-radius:2px;flex:1;padding:15px 7px;display:flex;align-items:center;justify-content:center;gap:12px}#johya-atelier .band i{height:26px;width:15px;border:var(--band-width) solid var(--accent);border-radius:50%;transform:rotate(-20deg)}#johya-atelier .band span{font-size:10px}#johya-atelier .band small{display:block;color:var(--muted);font-size:8px}#johya-atelier .switch-row{display:flex;align-items:center;justify-content:space-between;position:relative;cursor:pointer;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;margin-bottom:20px;font-size:10px}#johya-atelier .switch-row small{display:block;font-size:8px;color:var(--muted);margin-top:4px}#johya-atelier .switch-row>input{position:absolute;right:0;opacity:0}#johya-atelier .switch{width:31px;height:18px;border:1px solid var(--line);border-radius:20px;position:relative;transition:background .3s}#johya-atelier .switch:before{content:'';width:12px;height:12px;border-radius:50%;background:var(--muted);position:absolute;top:2px;left:2px;transition:transform .3s,background .3s}#johya-atelier .switch-row>input:checked+.switch{background:var(--ink);border-color:var(--ink)}#johya-atelier .switch-row>input:checked+.switch:before{background:var(--panel);transform:translateX(13px)}#johya-atelier .switch-row>input:focus-visible+.switch{outline:2px solid var(--accent);outline-offset:4px}#johya-atelier .field{margin-bottom:16px}#johya-atelier .field label{font-size:10px;display:flex;align-items:center;gap:7px}#johya-atelier .field select{margin-top:4px}#johya-atelier select:disabled{opacity:.5}#johya-atelier .checkbox-row{display:flex;align-items:flex-start;gap:8px;font-size:9px;color:var(--muted);margin:16px 0 23px;cursor:pointer}#johya-atelier .checkbox-row input{accent-color:var(--ink);margin:3px 0;flex-shrink:0}#johya-atelier .input-hint{display:flex;justify-content:space-between;font-size:8px;color:var(--muted);margin-top:5px}#johya-atelier .engraving-preview{text-align:center;border:1px solid var(--line);padding:22px 14px;background:radial-gradient(ellipse at center,#dfcea05e,transparent 85%);margin-top:20px}#johya-atelier .engraving-preview span{display:block;font:italic 25px var(--serif)}#johya-atelier .engraving-preview small{font-size:6px;letter-spacing:2px;color:var(--muted);display:block;margin-top:7px}#johya-atelier .recap-intro{font:italic 27px var(--serif);margin:5px 0 12px}#johya-atelier .reference-code{letter-spacing:1px;font-size:7px}#johya-atelier .reference-code b{font-weight:500}#johya-atelier dl{margin:14px 0 22px;display:grid;grid-template-columns:105px 1fr;gap:10px;font-size:9px;border-top:1px solid var(--line);padding-top:16px}#johya-atelier dt{color:var(--muted)}#johya-atelier dd{margin:0}#johya-atelier dd:last-child{font-size:8px;color:var(--muted)}#johya-atelier .request-actions{display:flex;flex-direction:column;gap:8px}#johya-atelier .button{height:44px;display:flex;align-items:center;justify-content:center;gap:17px;font-size:9px;letter-spacing:.1px;border:1px solid transparent;transition:background .25s,transform .25s}#johya-atelier .primary{background:var(--ink);color:var(--panel)}#johya-atelier .primary:hover:not(:disabled){background:#355642;color:#fff}#johya-atelier .primary svg{width:18px;transition:transform .25s}#johya-atelier .primary:hover svg{transform:translateX(3px)}#johya-atelier .outline{border-color:var(--line)}#johya-atelier .outline:hover{background:var(--active);border-color:var(--ink)}#johya-atelier .mail{font-size:8px;text-align:center;color:var(--muted);margin:12px 0 17px}#johya-atelier .mail span{user-select:all;color:var(--ink)}#johya-atelier .legal{font-size:8px;color:var(--muted);line-height:1.8;border-top:1px solid var(--line);padding-top:15px}#johya-atelier .export-config{width:100%;margin-top:8px}#johya-atelier .panel-end{display:flex;align-items:center;justify-content:center;gap:7px;font-size:8px;color:var(--muted);border-top:1px solid var(--line);padding:18px 0}#johya-atelier .panel-end svg{height:13px;width:13px}#johya-atelier .quote-bar{position:sticky;bottom:0;z-index:7;background:var(--panel);border-top:1px solid var(--line);display:flex;gap:17px;align-items:center;justify-content:space-between;margin:0 -32px;padding:19px 32px;margin-top:auto;box-shadow:0 -8px 25px var(--panel)}#johya-atelier .price>span{display:block;font-size:6px;letter-spacing:1.3px;color:var(--muted)}#johya-atelier .price strong{font:400 25px var(--serif);display:block;margin-top:3px;white-space:nowrap}#johya-atelier .quote-bar .button{padding:0 16px;flex:1;max-width:240px}#johya-atelier .page-footer{display:flex;align-items:center;justify-content:space-between;padding:19px 46px;border-top:1px solid var(--line);font-size:6px;letter-spacing:1.5px;color:var(--muted)}#johya-atelier .page-footer>span:first-child{letter-spacing:2px}#johya-atelier .prototype-label{font-size:6px}#johya-atelier .fallback{position:absolute;inset:190px 65px 120px;display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:10px}#johya-atelier .fallback svg{width:100%;height:auto}#johya-atelier .fallback p{font-size:9px;text-align:center;grid-column:1/-1}#johya-atelier .stage.is-expanded{position:fixed;inset:0;width:100vw;height:100svh;max-height:none;z-index:60}#johya-atelier .stage:fullscreen{height:100svh;max-height:none}#johya-atelier .modal{border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:36px;max-width:480px;width:calc(100% - 32px);border-radius:3px;box-shadow:0 20px 100px #0003;max-height:90svh}#johya-atelier .modal::backdrop{background:rgba(13,28,20,.4);backdrop-filter:blur(5px)}#johya-atelier .modal-close{position:absolute;right:12px;top:12px}#johya-atelier .modal .eyebrow{display:flex;align-items:center;gap:9px;color:var(--accent);font-size:7px}#johya-atelier .modal h2{font:400 39px/1.1 var(--serif);margin:20px 0 16px}#johya-atelier .modal>p:not(.eyebrow,.note,.micro){font-size:11px;line-height:1.85;color:var(--muted)}#johya-atelier .modal .button{width:100%}#johya-atelier .ai-preview{height:210px;background:var(--paper);border:1px solid var(--line);margin:22px 0 13px;display:grid;place-items:center;border-radius:3px;overflow:hidden;position:relative}#johya-atelier .ai-preview img{width:100%;height:100%;object-fit:contain}#johya-atelier .ai-preview>div{display:flex;flex-direction:column;align-items:center;gap:15px;text-align:center;padding:20px;font:italic 19px var(--serif);color:var(--muted)}#johya-atelier .ai-preview svg{height:28px;width:28px;color:var(--accent)}#johya-atelier .ai-modal .checkbox-row{font-size:8px;margin:13px 0 18px}#johya-atelier .ai-modal .text-button{width:100%;margin:7px 0}#johya-atelier .ai-modal .micro{font-size:7px}#johya-atelier .ai-modal.busy .ai-preview:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#fff5 50%,transparent 80%);animation:ja-shimmer 2s linear infinite}#johya-atelier .ai-modal.busy .ai-preview svg{animation:ja-spin 5s linear infinite}#johya-atelier .ai-modal .note{margin:0;font-size:8px}#johya-atelier #toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,12px);padding:11px 19px;background:var(--ink);color:var(--panel);font-size:10px;max-width:calc(100% - 30px);text-align:center;box-shadow:0 4px 24px #0002;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:100;border-radius:2px}#johya-atelier #toast.on{opacity:1;transform:translate(-50%,0)}#johya-atelier .noscript{position:fixed;bottom:0;left:0;right:0;background:var(--ink);color:var(--panel);padding:20px;text-align:center;z-index:80}@keyframes ja-spin{to{transform:rotate(360deg)}}@keyframes ja-shimmer{from{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes ja-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}#johya-atelier .stage-head,#johya-atelier .panel-intro{animation:ja-enter 1.1s var(--ease) both}#johya-atelier .panel-intro{animation-delay:.12s}@media(min-width:1500px){#johya-atelier .atelier{grid-template-columns:minmax(0,1fr) 510px}#johya-atelier .panel{padding-left:40px;padding-right:40px}#johya-atelier .quote-bar{margin-left:-40px;margin-right:-40px;padding-left:40px;padding-right:40px}#johya-atelier .stage-head{left:60px}#johya-atelier .stage .stage-h1{font-size:73px}#johya-atelier .shape{height:82px}}@media(max-width:1150px) and (min-width:901px){#johya-atelier .atelier{grid-template-columns:minmax(0,1fr) 410px}#johya-atelier .panel{padding:30px 25px 0}#johya-atelier .quote-bar{margin-left:-25px;margin-right:-25px;padding-left:25px;padding-right:25px}#johya-atelier .stage-head{left:30px}#johya-atelier .stage .stage-h1{font-size:47px}#johya-atelier .stone-caption{left:28px;bottom:29%}#johya-atelier .caption-line{width:17px}#johya-atelier .stage{min-height:660px}#johya-atelier .studio-footer{padding:0 25px}#johya-atelier .studio-footer>span{max-width:150px;font-size:6px}#johya-atelier .viewbar{padding:0 10px;gap:10px}#johya-atelier .view-tabs button{padding:9px}#johya-atelier .rotation-toggle{padding-left:13px}#johya-atelier .shape-options{gap:5px}#johya-atelier .shape{height:70px}#johya-atelier .header-center{font-size:8px;letter-spacing:1.5px}#johya-atelier .header-right{gap:12px}}@media(max-width:900px){#johya-atelier .site-header{height:78px;padding:0 24px}#johya-atelier .wordmark{font-size:33px}#johya-atelier .header-center{font-size:7px;letter-spacing:1.8px}#johya-atelier .header-right .expert-link{display:none}#johya-atelier .atelier{grid-template-columns:1fr}#johya-atelier .visual-column{position:relative;top:auto}#johya-atelier .stage{height:620px;min-height:0;max-height:none}#johya-atelier .canvas-wrap{inset:120px 35px 80px}#johya-atelier .stage-head{top:29px;left:30px;right:30px}#johya-atelier .stage .stage-h1{font-size:55px;line-height:.98}#johya-atelier .stage-head .eyebrow{font-size:7px;letter-spacing:1.7px}#johya-atelier .stage-bottom{bottom:24px}#johya-atelier .stone-caption{left:32px;bottom:30%}#johya-atelier .drag-hint{bottom:112px}#johya-atelier .panel{border-left:0;border-top:1px solid var(--line);padding:32px 30px 0}#johya-atelier .panel-intro{padding-bottom:20px}#johya-atelier .panel-intro h2{font-size:43px}#johya-atelier .panel-intro>p{font-size:11px}#johya-atelier .journey-track{width:150px}#johya-atelier .head{min-height:74px}#johya-atelier .ttl{font-size:23px}#johya-atelier .sum{font-size:9px}#johya-atelier .shape{height:85px;font-size:10px}#johya-atelier .shape-icon,#johya-atelier .shape-icon svg{width:38px;height:38px}#johya-atelier .shape-options{gap:10px}#johya-atelier legend,#johya-atelier .range-label label,#johya-atelier .field label{font-size:12px}#johya-atelier .range-label output{font-size:29px}#johya-atelier .micro,#johya-atelier .range-scale{font-size:9px}#johya-atelier .tint-options{gap:30px}#johya-atelier .tint{font-size:11px}#johya-atelier .tint-dot{width:23px;height:23px}#johya-atelier .reference-field label{font-size:11px}#johya-atelier input[type=text],#johya-atelier select{font-size:16px}#johya-atelier .next{font-size:11px;margin-top:23px;padding-top:8px}#johya-atelier .step[data-open=true] .inner{padding-bottom:25px}#johya-atelier .reference-field{margin-top:20px}#johya-atelier .field{margin-top:5px}#johya-atelier .metal{font-size:11px}#johya-atelier .band span{font-size:12px}#johya-atelier .band small,#johya-atelier .metal small{font-size:10px}#johya-atelier .mount-art{height:130px}#johya-atelier .mount small,#johya-atelier .note,#johya-atelier .checkbox-row,#johya-atelier .mail{font-size:10px}#johya-atelier .mount>span:nth-last-of-type(1){font-size:22px}#johya-atelier .switch-row{font-size:12px}#johya-atelier .switch-row small{font-size:10px}#johya-atelier .quote-bar{position:sticky;margin-left:-30px;margin-right:-30px;padding:16px 30px;gap:25px}#johya-atelier .quote-bar .button{max-width:none;flex:initial;padding:0 23px;font-size:11px}#johya-atelier .price strong{font-size:30px}#johya-atelier .price>span{font-size:7px}#johya-atelier .panel-end{font-size:9px}#johya-atelier .button{height:48px}#johya-atelier .page-footer{padding:20px 25px}#johya-atelier .page-footer>span:nth-child(2){display:none}#johya-atelier .legal{font-size:9px}#johya-atelier dl{font-size:11px;grid-template-columns:120px 1fr}#johya-atelier .recap-intro{font-size:31px}#johya-atelier .request-actions .button{font-size:11px}}@media(max-width:520px){#johya-atelier .site-header{height:69px;padding:0 19px}#johya-atelier .wordmark{font-size:29px;letter-spacing:3px}#johya-atelier .wordmark span{font-size:4.8px;letter-spacing:1.3px;margin-top:6px}#johya-atelier .header-center{font-size:6px;letter-spacing:1.4px;left:60%;gap:7px}#johya-atelier .header-center .tiny-gem{display:none}#johya-atelier .header-right{gap:0}#johya-atelier .header-right .icon-button{height:30px;width:30px}#johya-atelier .header-right .icon-button svg{height:15px;width:15px}#johya-atelier .stage{height:465px}#johya-atelier .stage-head{top:24px;left:23px;right:22px}#johya-atelier .stage .stage-h1{font-size:43px;letter-spacing:-1.3px;margin-top:12px}#johya-atelier .stage-head .eyebrow{font-size:6px;letter-spacing:1.4px}#johya-atelier .edition{font-size:6px;letter-spacing:1.4px}#johya-atelier .edition b{font-size:19px}#johya-atelier .canvas-wrap{inset:96px 0 74px}#johya-atelier .scene-tools{right:10px;top:38%;gap:3px}#johya-atelier .scene-tools .icon-button{width:30px;height:30px;padding:7px}#johya-atelier .scene-tools .icon-button svg{height:14px;width:14px}#johya-atelier .scene-tools i{height:11px;margin:0}#johya-atelier .stone-caption{left:22px;bottom:30%;gap:6px}#johya-atelier .stone-caption p,#johya-atelier .stone-caption p span{font-size:6px}#johya-atelier .caption-line{width:12px}#johya-atelier .drag-hint{bottom:99px;font-size:7px;gap:6px}#johya-atelier .drag-hint svg{height:12px;width:12px}#johya-atelier .stage-bottom{bottom:23px;left:20px;right:20px}#johya-atelier .live-label{font-size:6px;letter-spacing:1.6px;margin-bottom:6px}#johya-atelier #stageTitle{font-size:21px}#johya-atelier #stageDims{font-size:7px}#johya-atelier .viewbar{height:48px;padding:0 12px;gap:9px}#johya-atelier .view-tabs{gap:0;flex:1;justify-content:space-between}#johya-atelier .view-tabs button{font-size:8px;padding:9px 6px;white-space:nowrap}#johya-atelier .view-tabs button:after{left:6px;right:6px}#johya-atelier .rotation-toggle{padding-left:12px;font-size:7px;gap:0}#johya-atelier .rotation-toggle span:last-child{display:none}#johya-atelier .studio-footer{height:46px;padding:0 22px}#johya-atelier .studio-footer>span{font-size:5px;letter-spacing:.9px;max-width:135px}#johya-atelier .studio-footer .text-button{font-size:8px;gap:5px}#johya-atelier .studio-footer svg{width:12px;height:12px}#johya-atelier .panel{padding:28px 23px 0}#johya-atelier .panel-intro h2{font-size:37px}#johya-atelier .panel-intro .eyebrow{font-size:6.5px}#johya-atelier .panel-intro>p{font-size:10px}#johya-atelier .journey{margin-top:19px}#johya-atelier .journey>span:first-child{font-size:6px}#johya-atelier .journey-track{width:100px}#johya-atelier .shape-options{gap:7px}#johya-atelier .shape{height:77px;font-size:8px}#johya-atelier .shape-icon,#johya-atelier .shape-icon svg{height:34px;width:34px}#johya-atelier .head{padding:15px 0;min-height:69px}#johya-atelier .ttl{font-size:21px}#johya-atelier .sum{font-size:8px}#johya-atelier .num{font-size:14px}#johya-atelier .tint-options{gap:28px}#johya-atelier .tint{font-size:10px}#johya-atelier .tint-dot{height:20px;width:20px}#johya-atelier .range-label output{font-size:26px}#johya-atelier legend,#johya-atelier .range-label label,#johya-atelier .field label{font-size:11px}#johya-atelier .help{height:15px;width:15px;font-size:9px}#johya-atelier .reference-field label{font-size:10px}#johya-atelier .quote-bar{margin-left:-23px;margin-right:-23px;padding:14px 23px;padding-bottom:max(14px,env(safe-area-inset-bottom));gap:18px}#johya-atelier .quote-bar .button{padding:0 17px;font-size:9px;gap:14px;height:43px}#johya-atelier .price>span{font-size:6px}#johya-atelier .price strong{font-size:27px}#johya-atelier .page-footer{font-size:5px;padding:16px 23px}#johya-atelier .prototype-label{font-size:5px}#johya-atelier .mount-art{height:105px}#johya-atelier .mount small{font-size:8px}#johya-atelier .mount>span:nth-last-of-type(1){font-size:21px}#johya-atelier .note{font-size:9px}#johya-atelier .band{gap:9px;padding:14px 6px}#johya-atelier .band span{font-size:11px}#johya-atelier .band small{font-size:9px}#johya-atelier .checkbox-row{font-size:10px}#johya-atelier .modal{padding:30px 24px}#johya-atelier .modal h2{font-size:36px}#johya-atelier .ai-preview{height:180px}#johya-atelier .fallback{inset:150px 30px 115px}#johya-atelier .modal .checkbox-row{font-size:9px}}@media(prefers-reduced-motion:reduce){#johya-atelier{scroll-behavior:auto}#johya-atelier,#johya-atelier *,#johya-atelier *:before,#johya-atelier *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{#johya-atelier .site-header,#johya-atelier .visual-column,#johya-atelier .panel-intro,#johya-atelier .head,#johya-atelier .step:not([data-step="5"]),#johya-atelier .panel-end,#johya-atelier .quote-bar,#johya-atelier .page-footer,#johya-atelier .request-actions,#johya-atelier .export-config,#johya-atelier .modal,#johya-atelier .journey{display:none!important}#johya-atelier .atelier{display:block}#johya-atelier .panel{padding:0;border:0}#johya-atelier .step[data-step="5"] .pane{visibility:visible;opacity:1;display:block}#johya-atelier .step[data-step="5"] .inner{overflow:visible}#johya-atelier .step{border:0}#johya-atelier .legal{font-size:10pt}#johya-atelier dl{font-size:11pt}}@media(min-width:901px){#johya-atelier .atelier{height:calc(100svh - 142px);min-height:690px}#johya-atelier .visual-column{height:100%;position:relative}#johya-atelier .stage{height:calc(100% - 110px);min-height:0;max-height:none}#johya-atelier .panel{height:100%;overflow:hidden}#johya-atelier .panel-intro{flex-shrink:0;padding-bottom:16px}#johya-atelier .panel #cfg{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding-right:6px;margin-right:-12px}#johya-atelier .quote-bar{position:relative;bottom:auto;flex-shrink:0;margin-top:0;box-shadow:none;padding-top:15px;padding-bottom:15px}#johya-atelier .panel-end{flex-shrink:0;padding:10px 0}#johya-atelier .page-footer{height:43px}#johya-atelier .stage-head{top:32px}#johya-atelier .stone-caption{bottom:29%}}@media(max-width:900px){#johya-atelier{padding-bottom:81px}#johya-atelier .quote-bar{position:fixed;left:0;right:0;bottom:0;margin:0;box-shadow:0 -3px 20px #1523190b}#johya-atelier .quote-bar .button{min-width:52%}#johya-atelier .quote-bar .price{flex:1}#johya-atelier .panel{padding-bottom:12px}}#johya-atelier .mount-art img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .6s cubic-bezier(.2,.7,.2,1);filter:drop-shadow(0 6px 6px #00000010)}#johya-atelier .mount:hover .mount-art img{transform:translateY(-3px) rotate(-2deg)}@media(prefers-reduced-motion:reduce){#johya-atelier .mount-art img{transition:none}#johya-atelier .mount:hover .mount-art img{transform:none}}#johya-atelier .wordmark span{font-size:7px}#johya-atelier .header-center{font-size:9px}#johya-atelier .eyebrow,#johya-atelier .stage-head .eyebrow,#johya-atelier .panel-intro .eyebrow,#johya-atelier .modal .eyebrow{font-size:9.5px}#johya-atelier .edition,#johya-atelier .journey>span:first-child,#johya-atelier .live-label,#johya-atelier .reference-code,#johya-atelier .price>span,#johya-atelier .studio-footer>span,#johya-atelier .page-footer,#johya-atelier .prototype-label,#johya-atelier .engraving-preview small{font-size:9px}#johya-atelier .stone-caption p,#johya-atelier .stone-caption p span,#johya-atelier .drag-hint,#johya-atelier #stageDims,#johya-atelier .rotation-toggle,#johya-atelier .sum,#johya-atelier .legend-detail,#johya-atelier .range-scale,#johya-atelier .micro,#johya-atelier .weight-note,#johya-atelier .mount small,#johya-atelier .note,#johya-atelier .band small,#johya-atelier .switch-row small,#johya-atelier .input-hint,#johya-atelier dd:last-child,#johya-atelier .mail,#johya-atelier .legal,#johya-atelier .panel-end,#johya-atelier .ai-modal .micro,#johya-atelier .ai-modal .note,#johya-atelier .ai-modal .checkbox-row,#johya-atelier .shape{font-size:11px}#johya-atelier .view-tabs button,#johya-atelier .text-button,#johya-atelier .tint,#johya-atelier .reference-field label,#johya-atelier .next,#johya-atelier .metal,#johya-atelier .checkbox-row,#johya-atelier dl,#johya-atelier .button,#johya-atelier .segmented .opt,#johya-atelier .band span,#johya-atelier legend,#johya-atelier .range-label label,#johya-atelier .field label,#johya-atelier .switch-row,#johya-atelier input[type=text],#johya-atelier select,#johya-atelier .panel-intro>p{font-size:12.5px}#johya-atelier .help{width:18px;height:18px;line-height:16px;font-size:10px}@media(max-width:1150px) and (min-width:901px){#johya-atelier .studio-footer>span{font-size:9px}#johya-atelier .header-center{font-size:9px}}@media(max-width:900px){#johya-atelier .header-center{font-size:8.5px}#johya-atelier .stage-head .eyebrow{font-size:9px}}@media(max-width:520px){#johya-atelier .wordmark span{font-size:6.5px}#johya-atelier .header-center{font-size:8px}#johya-atelier .stage-head .eyebrow,#johya-atelier .edition{font-size:8.5px}#johya-atelier .shape{font-size:10px}#johya-atelier .view-tabs button{font-size:11.5px}}@media(max-width:380px){#johya-atelier .header-center{display:none}}#johya-atelier .stock-field{margin:2px 0 24px;padding:18px 18px 16px;border:1px solid var(--ink);border-radius:4px;background:linear-gradient(160deg,var(--active),var(--panel) 70%)}#johya-atelier .stock-eyebrow{display:flex;align-items:center;gap:8px;font-size:9.5px;letter-spacing:2.2px;text-transform:uppercase;color:var(--accent)}#johya-atelier .stock-title{font:500 22px/1.15 var(--serif);margin-top:8px}#johya-atelier .stock-sub{font-size:11.5px;color:var(--muted);line-height:1.6;margin:6px 0 10px}#johya-atelier .stock-field select{font-size:13.5px;border-bottom-color:var(--ink);padding:10px 0 11px;cursor:pointer}#johya-atelier .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}#johya-atelier .stock-info{display:flex;gap:12px;align-items:flex-start;margin-top:12px;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:3px;font-size:11.5px;line-height:1.6}#johya-atelier .stock-thumb{width:56px;height:56px;border-radius:2px;overflow:hidden;flex-shrink:0;background:#fff;display:block}#johya-atelier .stock-thumb img{width:100%;height:100%;object-fit:cover;transform:scale(2.6);transform-origin:50% 74%;display:block}#johya-atelier .stock-info strong{display:block;font:500 15px/1.2 var(--serif)}#johya-atelier .stock-info span{display:block;color:var(--muted)}#johya-atelier .stock-info a{display:inline-block;margin-top:4px;text-decoration:underline;text-underline-offset:3px}#johya-atelier .tint-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 8px}#johya-atelier .tint{flex-direction:column;align-items:center;text-align:center;gap:7px;padding:8px 4px 10px;border:1px solid transparent;border-radius:4px;transition:border-color .25s,background .25s}#johya-atelier .tint:hover{border-color:var(--line)}#johya-atelier .tint:has(input:checked){border-color:var(--ink);background:var(--active)}#johya-atelier .tint-photo{width:52px;height:52px;border-radius:50%;overflow:hidden;display:block;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}#johya-atelier .tint-photo img{width:100%;height:100%;object-fit:cover;transform:scale(1.35);display:block}#johya-atelier .tint-name{font-size:11.5px;line-height:1.25}#johya-atelier .tint-name small{display:block;font-size:10px;color:var(--muted);margin-top:2px}@media(max-width:520px){#johya-atelier .tint-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 4px}#johya-atelier .tint-photo{width:46px;height:46px}#johya-atelier .tint-name{font-size:10.5px}#johya-atelier .tint-name small{display:none}}#johya-atelier .segmented .opt span small{display:block;font-size:10.5px;color:var(--muted);margin-top:2px;line-height:1.35}#johya-atelier .segmented.four .opt{padding:12px 6px}#johya-atelier .option-note{margin-top:8px;color:var(--muted)}#johya-atelier .opt[hidden]{display:none!important}#johya-atelier .finger-toggle{display:flex;align-items:center;gap:7px;border-left:1px solid var(--line);padding:8px 0 8px 14px;color:var(--muted);font-size:11px}#johya-atelier .finger-toggle svg{width:16px;height:16px}#johya-atelier .finger-toggle[aria-pressed=true]{color:var(--ink)}#johya-atelier .real-stone{position:absolute;right:46px;top:150px;z-index:4;display:flex;flex-direction:column;align-items:flex-end;gap:7px;color:var(--ink);text-align:right}#johya-atelier .real-media{position:relative;display:block;width:86px;height:86px;border-radius:50%;overflow:hidden;border:1px solid var(--line);box-shadow:0 10px 30px var(--shadow);background:var(--panel);transition:transform .3s var(--ease)}#johya-atelier .real-stone:hover .real-media{transform:scale(1.04)}#johya-atelier .real-media img{width:100%;height:100%;object-fit:cover;display:block}#johya-atelier .real-play{position:absolute;inset:auto 6px 6px auto;width:26px;height:26px;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center}#johya-atelier .real-play svg{width:11px;height:11px;fill:currentColor}#johya-atelier .real-label{font-size:11px;letter-spacing:.4px;line-height:1.35;color:var(--muted)}#johya-atelier .real-label b{display:block;font:400 17px var(--serif);color:var(--ink);letter-spacing:0}#johya-atelier .real-viewer{margin:6px 0 12px;border-radius:3px;overflow:hidden;background:#0d1712;aspect-ratio:1}#johya-atelier .real-viewer video,#johya-atelier .real-viewer img{width:100%;height:100%;object-fit:cover;display:block}#johya-atelier .real-modal .button{margin-top:14px}#johya-atelier .size-guide{margin-top:4px;font-size:12.5px;text-decoration:underline;text-underline-offset:5px}#johya-atelier .font-field{margin-top:18px}#johya-atelier .font-classique{font:italic 17px var(--serif)!important}#johya-atelier .font-manuscrite{font:22px/1 'Pinyon Script',var(--serif)!important}#johya-atelier .font-baton{font:500 11.5px var(--sans)!important;letter-spacing:2px;text-transform:uppercase}#johya-atelier .engraving-preview[data-font=manuscrite] span{font:30px/1.2 'Pinyon Script',var(--serif)}#johya-atelier .engraving-preview[data-font=baton] span{font:500 15px/1.6 var(--sans);letter-spacing:3px;text-transform:uppercase}#johya-atelier .cert-row{margin:18px 0 16px}#johya-atelier .request-mail{width:100%;margin-top:8px;font-size:11px}#johya-atelier .share-tools{display:flex;flex-wrap:wrap;gap:4px 22px;margin-top:14px}#johya-atelier .share-tools .text-button,#johya-atelier .share-tools .export-config{font-size:12px;margin:0}#johya-atelier .versions{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}#johya-atelier .versions-title{font-size:12.5px;margin-bottom:12px}#johya-atelier .versions-title span{color:var(--muted)}#johya-atelier .versions-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}#johya-atelier .version{position:relative}#johya-atelier .version-open{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;border:1px solid var(--line);border-radius:3px;padding:6px 6px 8px;background:var(--panel);font-size:11px;letter-spacing:.5px}#johya-atelier .version-open img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:2px}#johya-atelier .version-open:hover{border-color:var(--ink)}#johya-atelier .version-del{position:absolute;top:2px;right:4px;width:24px;height:24px;font-size:16px;color:var(--muted)}#johya-atelier .versions .button{width:100%;font-size:11px}#johya-atelier .process{margin-top:24px;padding:18px;border:1px solid var(--line);border-radius:3px;background:var(--active)}#johya-atelier .process ol{margin:0 0 10px;padding-left:20px;display:grid;gap:7px;font-size:12.5px;line-height:1.55}#johya-atelier .process b{font-weight:550}#johya-atelier .price small{display:block;font-size:11.5px;color:var(--muted);margin-top:2px;white-space:nowrap}#johya-atelier .sizes-modal,#johya-atelier .compare-modal{max-width:620px}#johya-atelier .size-tips{padding-left:20px;display:grid;gap:8px;font-size:12.5px;line-height:1.6;margin:0 0 12px}#johya-atelier .size-table-wrap{max-height:290px;overflow:auto;border:1px solid var(--line);margin:14px 0 8px}#johya-atelier .size-table{width:100%;border-collapse:collapse;font-size:12.5px;text-align:center}#johya-atelier .size-table th{position:sticky;top:0;background:var(--panel);font-weight:500;padding:9px 6px;border-bottom:1px solid var(--line)}#johya-atelier .size-table td{padding:7px 6px;border-bottom:1px solid var(--line)}#johya-atelier .size-table tr.current td{background:var(--active);font-weight:600}#johya-atelier .compare-modal{max-width:min(980px,calc(100% - 32px))}#johya-atelier .compare-grid{display:grid;grid-template-columns:repeat(var(--n,2),minmax(0,1fr));gap:18px}#johya-atelier .compare-col img{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid var(--line);border-radius:3px}#johya-atelier .compare-code{font:400 20px var(--serif);margin:8px 0 6px}#johya-atelier .compare-col dl{display:block;font-size:12px;margin:0 0 12px}#johya-atelier .compare-col dt{color:var(--muted);font-size:10.5px;letter-spacing:.4px;margin-top:8px}#johya-atelier .compare-col dd{margin:1px 0 0;line-height:1.45}#johya-atelier .compare-col .button{width:100%;font-size:11px}#johya-atelier .request-form{margin-top:18px}#johya-atelier .request-form input[type=email],#johya-atelier .request-form input[type=tel],#johya-atelier .request-form textarea{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:8px 0 10px;font:inherit;font-size:16px;width:100%;color:inherit}#johya-atelier .request-form textarea{resize:vertical;border:1px solid var(--line);padding:8px 10px;margin-top:6px}#johya-atelier .request-form input:focus,#johya-atelier .request-form textarea:focus{border-color:var(--ink);outline:0}#johya-atelier .request-form .button{margin-top:14px}#johya-atelier .request-form .micro a{text-decoration:underline}#johya-atelier .request-status{padding:12px 14px;border:1px solid var(--line);background:var(--active);font-size:12.5px;margin-bottom:14px}#johya-atelier .request-status.error{border-color:#a4553f}@media(max-width:900px){#johya-atelier .real-stone{right:20px;top:120px}#johya-atelier .real-media{width:70px;height:70px}}@media(max-width:600px){#johya-atelier .compare-grid{grid-template-columns:1fr}#johya-atelier .compare-col{display:grid;grid-template-columns:110px 1fr;gap:4px 14px;align-items:start}#johya-atelier .compare-col img{grid-row:span 3}#johya-atelier .compare-col .button{grid-column:1/-1}}@media(max-width:520px){#johya-atelier .real-stone{right:14px;top:96px}#johya-atelier .real-media{width:58px;height:58px}#johya-atelier .real-label{font-size:10px}#johya-atelier .real-label b{font-size:15px}#johya-atelier .finger-toggle span{display:none}#johya-atelier .finger-toggle{padding-left:10px}#johya-atelier .segmented.four .opt{padding:11px 3px;font-size:11.5px}}@media print{#johya-atelier .share-tools,#johya-atelier .versions,#johya-atelier .process,#johya-atelier .cert-row,#johya-atelier .request-mail{display:none!important}}#johya-atelier .real-stone{right:auto;left:46px;top:300px;align-items:flex-start;text-align:left}@media(max-width:1150px) and (min-width:901px){#johya-atelier .real-stone{left:30px;top:250px}}@media(max-width:900px){#johya-atelier .real-stone{left:24px;right:auto;top:215px}}@media(max-width:520px){#johya-atelier .real-stone{left:19px;right:auto;top:200px}}#johya-atelier .real-stone,#johya-atelier .real-stone[class]{top:auto;bottom:29%}#johya-atelier .stage:has(.real-stone:not([hidden])) .stone-caption{display:none}@media(max-width:520px){#johya-atelier .real-stone[class]{bottom:27%}}#johya-atelier .request-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}#johya-atelier .request-mail{margin:18px 0 10px}#johya-atelier .fiche-tools{margin-top:22px;padding:18px;border:1px dashed var(--accent);border-radius:3px}@media(max-width:520px){#johya-atelier .request-grid{grid-template-columns:1fr}}#johya-atelier .field{display:block}#johya-atelier .request-form .field label{margin-bottom:2px}#johya-atelier .request-form .field label .legend-detail{margin-left:auto}@media(max-width:900px){#johya-atelier .visual-column{position:sticky;top:var(--ja-sticky,0px);z-index:6;display:flex;flex-direction:column;background:var(--paper);box-shadow:0 8px 18px rgba(21,35,25,.09)}#johya-atelier .viewbar{order:-1;height:44px;padding:0 10px;gap:6px;border-top:0}#johya-atelier .view-tabs{overflow-x:auto;scrollbar-width:none;justify-content:flex-start}#johya-atelier .view-tabs::-webkit-scrollbar{display:none}#johya-atelier .stage{height:clamp(230px,34svh,330px);min-height:0;max-height:none}#johya-atelier .stage-head,#johya-atelier .stone-caption,#johya-atelier .drag-hint,#johya-atelier .stage-bottom,#johya-atelier .studio-footer{display:none}#johya-atelier .canvas-wrap{inset:0}#johya-atelier .scene-tools{top:50%;transform:translateY(-50%);right:8px}#johya-atelier .real-stone[class]{bottom:10px;left:12px;top:auto}#johya-atelier .real-label{display:none}#johya-atelier .real-media{width:52px;height:52px}#johya-atelier .panel-intro h2,#johya-atelier .panel-intro>p{display:none}#johya-atelier .panel-intro{padding-top:14px;padding-bottom:8px}#johya-atelier .step .head{scroll-margin-top:calc(var(--ja-sticky,0px) + clamp(230px,34svh,330px) + 56px)}#johya-atelier .quote-bar{padding-top:10px;padding-bottom:max(10px,env(safe-area-inset-bottom));padding-right:84px;gap:12px}#johya-atelier .quote-bar .price strong{font-size:23px}#johya-atelier .quote-bar .price small{font-size:11px}#johya-atelier .quote-bar .button{height:40px;min-width:0}
}@media(max-width:520px){#johya-atelier .view-tabs button{font-size:12px;padding:9px 8px}#johya-atelier .quote-bar{padding-left:18px}}@media(max-width:900px){#johya-atelier .quote-bar .price>span{display:none}#johya-atelier .quote-bar .button{white-space:nowrap;padding:0 16px}#johya-atelier .quote-bar .price strong{margin-top:0}}#johya-atelier{touch-action:manipulation;-webkit-text-size-adjust:100%}@media(max-width:900px){#johya-atelier select,#johya-atelier input[type=text],#johya-atelier input[type=email],#johya-atelier input[type=tel],#johya-atelier input[type=number],#johya-atelier textarea,#johya-atelier .stock-field select{font-size:16px!important}}

#johya-atelier .ja-title{padding:26px 46px 22px;border-bottom:1px solid var(--line);background:var(--paper)}
#johya-atelier .ja-title h1{font:400 clamp(30px,3vw,44px)/1.1 var(--serif);color:var(--ink);margin:0}
#johya-atelier .stage-h1{font:400 64px/1 var(--serif)}
@media(min-width:901px){#johya-atelier .atelier{height:calc(100svh - var(--ja-head,90px));min-height:690px}}
@media(max-width:900px){#johya-atelier{padding-bottom:0}#johya-atelier .quote-bar{position:sticky;bottom:0;z-index:5}#johya-atelier .ja-title{padding:14px 24px 12px}#johya-atelier .ja-title h1{font-size:27px}}
@media(max-width:520px){#johya-atelier .ja-title{padding:16px 19px 14px}}