:root{--paper:#f7f5ef;--ink:#1c2c32;--muted:#727976;--line:#e4e2d9;--gold:#a8874e;--gold-soft:#ede4d2;--white:#fffefa;--night:#101a24;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans Arabic",Tahoma,Arial,sans-serif;font-size:14px;line-height:1.7}button,input,select,textarea{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button,a,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid #b69558;outline-offset:4px}button{border:0}button svg,a svg{pointer-events:none}[hidden]{display:none!important}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.ico{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}.skip{position:fixed;top:-100px;right:20px;background:var(--ink);color:white;padding:12px 20px;z-index:100}.skip:focus{top:10px}.site-header{border-bottom:1px solid var(--line)}.header-inner{max-width:1390px;margin:auto;padding:16px 42px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:20px}.brand-ar{font-size:39px;font-weight:800;line-height:1.25;letter-spacing:-2px}.brand-dot{color:var(--gold);padding-right:2px}.brand-divider{width:1px;height:26px;background:#d9d6ca}.brand-lab{font-family:Arial,sans-serif;font-size:12px;letter-spacing:2px}.brand-lab b{color:var(--gold);font-weight:400}.header-nav{display:flex;gap:30px;font-size:12px}.header-nav a:hover{color:var(--gold)}.header-back{font-size:11px;display:flex;gap:10px;align-items:center}.page-shell{max-width:1390px;padding:0 42px;margin:auto}.intro{padding:42px 0 32px;display:flex;align-items:center;justify-content:space-between;gap:25px}.eyebrow{font-size:10px;color:var(--gold);letter-spacing:.3px;display:flex;align-items:center;gap:10px;font-weight:600}.little-line{width:24px;height:1px;background:var(--gold)}h1{font-size:35px;line-height:1.6;letter-spacing:-1.4px;margin:9px 0 0;font-weight:700}h1 span{font-weight:400;color:#6e776f}.intro p{font-size:13px;color:var(--muted);margin:6px 0 0}.intro-name{width:225px;flex-shrink:0;border-left:1px solid var(--line);padding-left:26px;text-align:left;position:relative}.intro-name strong{font-family:Arial,sans-serif;font-size:35px;line-height:.96;letter-spacing:4px;display:block;font-weight:300;margin-top:14px}.intro-name strong span{color:var(--gold);letter-spacing:10px}.live-label{font-family:Arial,sans-serif;display:flex;align-items:center;gap:6px;font-size:8px;letter-spacing:1.4px;color:#7a827c}.live-label i{width:5px;height:5px;background:#6e887d;border-radius:50%}.version{font-family:Arial,sans-serif;font-size:8px;letter-spacing:1.3px;color:#8b938b;display:block;margin-top:10px}.lab{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 14px 50px #253d3010}.lab-bar{padding:14px 23px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:12px}.lab-title{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600}.lab-title>.ico{color:var(--gold);width:21px;height:21px}.beta{font-weight:400;font-size:9px;background:#f1eee5;border:1px solid #e8e2d5;padding:1px 8px;border-radius:20px;color:#8b7959}.bar-actions{display:flex;align-items:center;gap:10px}.text-btn{background:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11px;padding:7px}.text-btn .ico{width:16px;height:16px}.icon-btn{background:transparent;width:34px;height:34px;display:grid;place-items:center;border-right:1px solid var(--line)}.icon-btn .ico{width:16px;height:16px}.lab-grid{display:grid;grid-template-columns:minmax(0,1fr) 314px;direction:rtl}.visual-column{padding:18px;min-width:0}.stage{height:478px;position:relative;overflow:hidden;border-radius:13px;background:radial-gradient(ellipse at 48% 43%,#263747 0,#17232f 44%,#0b131e 100%);color:#f3f5f3;isolation:isolate}.stage-grid{position:absolute;inset:0;z-index:-1;opacity:.08;background-image:linear-gradient(#acb6bf22 1px,transparent 1px),linear-gradient(90deg,#acb6bf22 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(ellipse,black,transparent 80%)}.stage-orbit{position:absolute;left:18%;top:16%;width:64%;height:67%;border:1px solid #c8d3de12;border-radius:50%;pointer-events:none;z-index:-1}.stage-orbit:after{content:"";position:absolute;inset:16%;border:1px dashed #c8d3de0f;border-radius:50%}.stage-top{position:absolute;top:22px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;z-index:2;pointer-events:none;gap:8px}.stage-caption{font-family:Arial,sans-serif;letter-spacing:1.4px;font-size:8px;color:#b9c7cd;display:flex;align-items:center;gap:7px}.status-dot{width:5px;height:5px;border-radius:50%;background:#b7a278;box-shadow:0 0 8px #b7a27866}.stage-disclaimer{font-size:9px;color:#96a2a8}.stage canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:pan-y}.stage canvas:active{cursor:grabbing}.stone-labels{position:absolute;top:62px;right:24px;left:24px;display:flex;pointer-events:none;justify-content:space-between;z-index:2}.stone-label{display:flex;gap:9px;align-items:center}.stone-letter{font-family:Arial,sans-serif;border:1px solid #c2cdd132;display:grid;place-items:center;border-radius:6px;width:26px;height:26px;font-size:10px;color:#d2b98d}.stone-label b{display:block;font-size:10px;font-weight:400;color:#d7dfdf}.stone-label small{font-family:Arial,sans-serif;font-size:10px;letter-spacing:1px;color:#99a8af;display:block;text-align:right;margin-top:3px}.stage-bottom{position:absolute;bottom:17px;right:22px;left:22px;display:flex;justify-content:space-between;align-items:center;gap:10px;z-index:2}.stage-bottom>span{color:#9daeb7;font-size:9px}.stage-buttons{display:flex;gap:7px;direction:rtl}.stage-btn{background:#ffffff09;border:1px solid #ffffff19;backdrop-filter:blur(8px);border-radius:8px;min-width:34px;height:34px;display:flex;align-items:center;justify-content:center;gap:6px;color:#c8d1d3}.stage-btn .ico{width:15px;height:15px}.stage-btn span{font-size:10px;padding-left:6px}.stage-btn[aria-pressed=true]{color:#efca82;background:#c49f4520}.compare-rule{position:absolute;width:1px;top:20%;bottom:18%;right:50%;background:linear-gradient(transparent,#d3c5a94a,transparent);pointer-events:none}.compare-rule span{position:absolute;bottom:-24px;right:0;transform:translateX(50%);white-space:nowrap;font-size:8px;letter-spacing:.2px;color:#96a2a6}.stage.comparing .stone-labels{left:0;right:0;flex-direction:row}.stage.comparing .stone-label{width:50%;padding-right:22px}.stage:fullscreen{border-radius:0;height:100vh;width:100vw}.stage:fullscreen canvas{height:100%}.view-toolbar{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:13px 1px;border-bottom:1px solid var(--line)}.view-tabs{display:flex;background:#f2f1ea;border-radius:8px;padding:3px;gap:2px}.view-tabs button{background:none;border-radius:6px;font-size:10px;padding:6px 11px;color:#79817b}.view-tabs button[aria-pressed=true]{background:var(--white);color:var(--ink);box-shadow:0 1px 5px #1c2c3212}.zoom-controls{display:flex;align-items:center;gap:10px;color:#80897f;direction:ltr}.zoom-controls button{width:24px;height:28px;border-radius:5px;background:none;font-size:19px;font-family:Arial,sans-serif}.zoom-controls span{font-size:10px;min-width:31px;text-align:center;font-family:Arial,sans-serif}.wire-btn{background:none;display:flex;align-items:center;gap:6px;font-size:10px;color:#788078;padding:4px}.wire-btn .ico{width:15px;height:15px}.wire-btn[aria-pressed=true]{color:var(--gold)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);padding:15px 0 8px}.metrics>div{padding:0 16px;border-left:1px solid var(--line)}.metrics>div:first-child{padding-right:7px}.metrics>div:last-child{border-left:0}.metrics>div>span{font-size:9px;color:#879082;display:block}.metrics b{display:block;font-family:Arial,"Noto Sans Arabic",sans-serif;font-size:22px;font-weight:400;line-height:1.5;text-align:right;white-space:nowrap}.metrics b small{font-family:inherit;font-size:10px;color:#9a9581}.dimension-note{font-size:9px;line-height:1.8;color:#999b90;margin:8px 7px 2px}.controls{border-right:1px solid var(--line);padding:20px;background:#fbfaf6}.control-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:13px}.control-index{font-family:Arial,sans-serif;font-size:8px;letter-spacing:1px;color:#a29e8e}.compare-button{border:1px solid #d8d0bc;border-radius:9px;padding:9px 12px;background:transparent;display:flex;align-items:center;gap:9px;width:100%;font-size:11px}.compare-button .ico{width:17px;height:17px;color:var(--gold)}.button-plus{margin-right:auto;color:var(--gold);font-family:Arial,sans-serif;font-size:18px}.compare-button[aria-pressed=true]{background:var(--gold-soft);border-color:#c9b485}.control-block{padding-top:17px}.field-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;margin-bottom:9px;font-weight:500}.field-label>span{font-family:Arial,sans-serif;font-size:8px;letter-spacing:1.1px;color:#a4a395;font-weight:400}.field-label output{font-family:Arial,sans-serif;font-size:12px;font-weight:500;color:var(--gold);direction:ltr}.shape-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.shape-options button{background:transparent;border:1px solid var(--line);border-radius:10px;padding:9px 4px 7px;display:flex;flex-direction:column;align-items:center;gap:4px}.shape-options svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.05;stroke-linejoin:round;color:#7c8785}.shape-options span{font-size:10px;color:#858b81}.shape-options button[aria-pressed=true]{border-color:#ad915d;background:#eee6d736}.shape-options button[aria-pressed=true] span,.shape-options button[aria-pressed=true] svg{color:#a58243}input[type=range]{appearance:none;-webkit-appearance:none;display:block;width:100%;height:4px;border-radius:5px;background:linear-gradient(to right,var(--gold) 0 var(--fill,27%),#e5e2d6 var(--fill,27%) 100%);padding:0;margin:17px 0;cursor:pointer;touch-action:pan-y}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--gold);border:3px solid #fbfaf6;box-shadow:0 0 0 1px #c7b17d}input[type=range]::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--gold);border:2px solid #fbfaf6}.range-scale{display:flex;justify-content:space-between;color:#aaa999;font-size:9px;font-family:Arial,sans-serif;margin-top:-7px}.carat-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px;direction:ltr}.carat-presets button{background:none;border:1px solid var(--line);border-radius:6px;font:10px Arial,sans-serif;padding:7px 0;color:#949989}.carat-presets button[aria-pressed=true]{background:#eee5d4;color:#8f7342;border-color:#e2d4ba}.color-row{display:flex;gap:8px;align-items:center}select{border:1px solid var(--line);color:#65716b;background:#fffefa;border-radius:7px;padding:7px 10px;min-width:0;font-size:10px}.color-row select{flex:1}.color-swatch{width:29px;height:29px;border:1px solid #dddccc;border-radius:7px;background:linear-gradient(135deg,#fff 0,#f8f7f2 48%,#e5e6e1 50%,#fff 90%)}.field-note{font-size:9px;line-height:1.8;color:#989987;margin:6px 0 0}.light-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.light-options button{background:transparent;border:1px solid var(--line);border-radius:7px;font-size:9px;padding:8px 3px;display:flex;justify-content:center;align-items:center;gap:6px;white-space:nowrap}.light-options .ico{width:15px;height:15px}.light-options button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#f4f1e7}.light-icon{display:block;width:12px;height:12px}.studio-icon{border:1px solid currentColor;border-radius:2px;transform:rotate(-12deg)}.spot-icon{background:radial-gradient(circle,currentColor 0 10%,transparent 15%);box-shadow:0 0 0 1px currentColor;border-radius:50%;width:10px;height:10px}.small-control{display:flex;align-items:center;gap:8px;margin-top:10px}.small-control label{font-size:9px;flex-shrink:0;color:#909685}.small-control input{margin:9px 0;min-width:0;flex:1}.small-control output{font:9px Arial,sans-serif;color:#a6a592;min-width:24px;direction:ltr}.cut-settings{margin-top:14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.cut-settings summary{display:flex;align-items:center;gap:8px;font-size:11px;padding:11px 0}.cut-settings summary>.ico{width:15px;height:15px;color:var(--gold)}.cut-settings summary>span{margin-right:auto;font-size:16px;color:#9c9e8d}.cut-settings[open] summary>span{transform:rotate(45deg)}.cut-body{padding-bottom:14px}.cut-body>.field-label{margin-top:13px}.cut-presets{display:flex;gap:6px}.cut-presets button{flex:1;background:#f2eee3;border:1px solid #e2dac7;border-radius:6px;font-size:10px;padding:5px}.quality-control{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:9px;color:#909887}.quality-control select{font-size:9px;padding:4px 7px;background:none}.edit-target{display:flex;align-items:center;gap:6px;margin-top:9px;font-size:9px}.edit-target>span{margin-left:auto;color:#929783}.edit-target button{background:none;border:1px solid var(--line);padding:3px 8px;border-radius:5px;font-size:10px}.edit-target button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}#clone-stone{font-size:8px;color:#969780}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:19px;gap:20px}.experiments{padding-top:44px}h2{font-size:25px;font-weight:500;line-height:1.5;letter-spacing:-.7px;margin:7px 0}.section-aside{font-size:10px;color:#929888}.experiment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.experiment-card{background:#fefcf6;border:1px solid var(--line);border-radius:15px;text-align:right;padding:23px;position:relative;transition:transform .2s,border-color .2s}.experiment-card:hover{transform:translateY(-3px);border-color:#c9b27c}.experiment-number{position:absolute;top:22px;left:22px;font:10px Arial,sans-serif;letter-spacing:1px;color:#b1ad9b}.experiment-mark{height:50px;color:var(--gold);display:flex;align-items:center;gap:12px;margin-bottom:13px}.experiment-mark .large{width:34px;height:34px;stroke-width:.9}.size-mark i{display:block;width:27px;height:27px;border:1px solid #b79b63;transform:rotate(45deg);border-radius:8px}.size-mark i:nth-child(2){width:36px;height:36px}.cut-mark svg{width:84px;height:45px;fill:none;stroke:currentColor;stroke-width:1.2}.experiment-card h3{font-size:15px;font-weight:500;margin:9px 0 7px}.experiment-card p{font-size:10px;color:#838d80;margin:0}.experiment-link{display:flex;align-items:center;gap:14px;font-size:10px;margin-top:20px;color:#8d774c}.experiment-link .ico{width:16px;height:16px}.ray-section{display:grid;grid-template-columns:300px 1fr;gap:20px;background:#111e28;color:#ecf0ee;border-radius:19px;margin-top:36px;padding:35px;position:relative;overflow:hidden}.ray-copy h2{font-size:31px;margin:14px 0}.ray-copy>p{font-size:11px;line-height:1.95;color:#a4b4bc;max-width:255px}.ray-copy .field-label{font-size:10px;margin-top:20px}.ray-copy .field-label output{color:#c6a36a}.ray-copy input{background:linear-gradient(to right,#ac8b51 0 var(--fill,65%),#35434b var(--fill,65%) 100%);max-width:250px}.ray-copy input::-webkit-slider-thumb{border-color:#111e28}.ray-key{display:flex;gap:20px;font-size:9px;color:#93a6b0}.ray-key>span{display:flex;gap:7px;align-items:center}.ray-key i{display:block;height:2px;width:13px}.key-in{background:#e1bc76}.key-out{background:#84bacc}.ray-copy .ray-caveat{font-size:9px;line-height:1.8;color:#718793;margin-top:22px}.ray-visual{display:flex;align-items:center;justify-content:center;position:relative;min-width:0}.ray-visual svg{width:100%;max-height:360px}.ray-badge{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font-size:8px;white-space:nowrap;color:#7d939b;background:#ffffff05;border:1px solid #ffffff0e;padding:3px 13px;border-radius:20px}.knowledge{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:37px 0 30px}.knowledge h2{font-size:24px}.knowledge p{font-size:11px;color:#8d9586;max-width:550px}.knowledge-actions{display:flex;gap:12px;flex-shrink:0}.gold-link,.outline-link{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:8px;padding:11px 18px;font-size:11px;cursor:pointer}.gold-link{background:#ab8d54;color:white;border:1px solid #ab8d54}.outline-link{background:transparent;border:1px solid #d8d2c1;color:#837e68}.gold-link .ico,.outline-link .ico{width:15px;height:15px}.methodology{border-top:1px solid var(--line);padding:10px 0 30px}.methodology summary{font-size:10px;color:#9a9b8d;padding:8px 0}.methodology summary:before{content:'+';display:inline-block;margin-left:9px}.methodology details[open] summary:before{content:'−'}.methodology-content{font-size:10px;color:#7f8a7f;line-height:2;max-width:1000px}.methodology-content a{text-decoration:underline;text-underline-offset:3px;color:#987f50}.site-footer{max-width:1390px;padding:22px 42px;margin:auto;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;color:#8c9586;font-size:9px}.site-footer>div{display:flex;align-items:center;gap:18px}.small-brand{font-size:26px;color:var(--ink)}.site-footer>b,.site-footer>span:last-child{font-family:Arial,sans-serif;font-size:8px;letter-spacing:.6px}.mobile-only{display:none}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);padding:10px 22px;border-radius:10px;background:#233b35;color:#faf7ee;font-size:12px;box-shadow:0 10px 35px #0003;z-index:99;max-width:calc(100vw - 30px);opacity:0;pointer-events:none;transition:.25s;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #d5ccb5;border-radius:17px;padding:25px;width:min(510px,calc(100% - 30px));background:var(--paper);color:var(--ink)}dialog::backdrop{background:#101c28aa;backdrop-filter:blur(4px)}dialog form{display:flex;flex-direction:column;gap:10px}dialog h2{font-size:22px}dialog p,dialog label{font-size:11px;color:#7f8a7c}dialog textarea{width:100%;font:12px/1.5 monospace;background:#fffefa;border:1px solid var(--line);padding:10px;border-radius:6px;resize:vertical}.dialog-close{position:absolute;top:8px;left:10px;background:transparent;font:25px Arial;color:#9b9c8a}.render-error{position:absolute;top:45%;right:12%;left:12%;text-align:center;font-size:12px;color:#acbdc9}.render-error span{display:block;font-size:10px;margin-top:12px}.noscript{padding:20px;background:#ffe9ba;text-align:center}#ray-context{color:#7e969c}
@media(min-width:1500px){.stage{height:510px}}
@media(max-width:1100px){.page-shell{padding:0 25px}.header-inner{padding:15px 25px}.lab-grid{grid-template-columns:minmax(0,1fr) 275px}.controls{padding:18px 15px}.stage{height:450px}.stage-disclaimer{display:none}.metrics b{font-size:19px}.view-tabs button{padding:5px 8px}.wire-btn{font-size:9px}.metrics>div{padding:0 10px}.knowledge-actions{flex-direction:column;gap:8px}.ray-section{grid-template-columns:260px 1fr;padding:30px}.site-footer{padding:20px 25px}.header-nav{gap:18px}}
@media(max-width:800px){.header-nav{display:none}.intro{padding-top:28px;padding-bottom:23px}.intro-name{width:170px;padding-left:20px}.intro-name strong{font-size:27px;letter-spacing:3px}.intro-name strong span{letter-spacing:7px}.intro-name .live-label{font-size:6px}.intro-name .version{font-size:7px}h1{font-size:28px}.lab-grid{display:flex;flex-direction:column}.controls{border-right:0;border-top:1px solid var(--line);padding:21px;display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.control-head,.compare-button,.edit-target,.quality-control{grid-column:1/-1}.control-head{margin-bottom:9px}.compare-button{width:auto;min-width:200px;justify-self:start}.edit-target{justify-content:start;max-width:350px}.edit-target>span{margin-left:12px}.cut-settings{align-self:end;margin-bottom:0}.quality-control{padding-top:10px}.visual-column{padding:14px}.stage{height:450px}.ray-section{grid-template-columns:240px 1fr;gap:10px;padding:25px}.experiment-grid{gap:10px}.experiment-card{padding:18px}.experiment-card h3{font-size:13px}.experiment-card p{font-size:9px}.knowledge h2{font-size:22px}.site-footer>span:nth-child(2){display:none}}
@media(max-width:580px){body{font-size:13px}.header-inner{padding:13px 18px}.brand{gap:12px}.brand-ar{font-size:32px}.brand-lab{font-size:9px;letter-spacing:1.4px}.brand-divider{height:21px}.header-back{font-size:9px;gap:6px}.header-back .ico{width:16px;height:16px}.page-shell{padding:0 13px}.intro{padding:25px 4px 22px;align-items:start;gap:10px}.eyebrow{font-size:8px}.intro h1{font-size:24px;letter-spacing:-.7px;line-height:1.6;margin-top:7px}.mobile-only{display:block}.intro p{font-size:10px;margin-top:8px;max-width:235px}.intro-name{width:88px;padding-left:0;padding-top:6px;border-left:0;text-align:left}.intro-name strong{font-size:16px;letter-spacing:1px;line-height:1.1;margin-top:11px}.intro-name strong span{letter-spacing:3.9px}.live-label{font-size:0!important;gap:4px}.live-label:after{content:'LIVE LAB';font:7px Arial;letter-spacing:1px}.live-label i{width:4px;height:4px}.version{font-size:6px!important;margin-top:8px;letter-spacing:.5px}.lab{border-radius:15px}.lab-bar{padding:10px 12px;gap:5px}.lab-title{font-size:11px;gap:7px}.lab-title .ico{width:17px;height:17px}.beta{font-size:7px;padding:0 5px}.bar-actions{gap:2px}.text-btn{font-size:9px;gap:5px;padding:5px}.text-btn .ico{width:13px;height:13px}.icon-btn{width:27px;height:29px}.icon-btn .ico{width:13px;height:13px}.visual-column{padding:8px}.stage{height:374px;border-radius:10px}.stage-top{left:15px;right:15px;top:17px}.stage-caption{font-size:6px;letter-spacing:1px}.stage-disclaimer{display:none}.stone-labels{top:44px;right:15px;left:15px}.stone-letter{width:22px;height:22px;font-size:8px}.stone-label b{font-size:9px}.stone-label small{font-size:9px}.stage-bottom{right:13px;left:13px;bottom:13px}.stage-bottom>span{font-size:8px;max-width:155px}.stage-btn{width:28px;min-width:28px;height:29px;border-radius:6px}.stage-btn span{display:none}.stage-buttons{gap:5px}.stage.comparing{height:660px}.stage.comparing .stone-labels{top:0;bottom:0;display:block;right:15px;left:15px}.stage.comparing .stone-label{position:absolute;top:45px;right:0;padding-right:0;width:auto}.stage.comparing #label-b{top:calc(50% + 24px)}.stage.comparing .compare-rule{height:1px;width:72%;left:14%;right:14%;top:50%;bottom:auto;background:linear-gradient(90deg,transparent,#d3c5a94a,transparent)}.stage.comparing .compare-rule span{bottom:-12px;background:#14202b;padding:2px 8px;right:50%;font-size:7px}.view-toolbar{padding:10px 1px;gap:4px;flex-wrap:wrap}.view-tabs{gap:1px;padding:2px}.view-tabs button{font-size:8px;padding:5px 7px}.zoom-controls{gap:3px}.zoom-controls span{font-size:8px}.zoom-controls button{width:20px;font-size:17px}.wire-btn{font-size:8px;gap:4px;padding:3px}.wire-btn .ico{width:12px;height:12px}.metrics{padding:11px 0 5px}.metrics>div{padding:0 9px}.metrics>div>span{font-size:8px}.metrics b{font-size:18px}.metrics b small{font-size:8px}.dimension-note{font-size:8px;margin:6px 5px 3px}.controls{padding:17px 15px;grid-template-columns:1fr;gap:0}.controls>*{grid-column:1!important}.control-head{font-size:12px}.control-index{font-size:8px}.compare-button{width:100%;padding:10px 12px;font-size:11px}.control-block{padding-top:19px}.field-label{font-size:11px}.field-label>span{font-size:8px}.shape-options button{padding:11px}.shape-options svg{width:33px;height:33px}.shape-options span{font-size:11px}.carat-presets button{font-size:11px;padding:9px}.color-row select{font-size:11px;padding:9px}.field-note{font-size:9px}.light-options button{padding:11px 4px;font-size:10px}.small-control{margin:13px 0 7px}.small-control label{font-size:10px}.cut-settings summary{padding:14px 0;font-size:11px}.quality-control{font-size:10px;padding-top:7px}.quality-control select{font-size:10px}.experiments{padding-top:29px}.section-heading{margin-bottom:14px;align-items:start}.section-heading h2{font-size:22px}.section-aside{font-size:8px;width:95px;line-height:1.8;padding-top:6px}.experiment-grid{grid-template-columns:1fr;gap:10px}.experiment-card{padding:18px 75px 18px 18px;min-height:123px}.experiment-number{top:15px;left:15px;font-size:8px}.experiment-mark{position:absolute;right:20px;top:29px;height:40px;width:43px;margin:0;gap:7px}.size-mark i{width:18px;height:18px;border-radius:5px}.size-mark i:nth-child(2){width:24px;height:24px}.experiment-mark .large{width:32px;height:32px}.cut-mark svg{width:50px}.experiment-card h3{font-size:14px;margin:0 0 5px}.experiment-card p{font-size:10px}.experiment-link{margin-top:12px;font-size:9px;gap:8px}.ray-section{grid-template-columns:1fr;padding:23px 20px;margin-top:25px;gap:8px}.ray-copy h2{font-size:28px;margin:10px 0}.ray-copy h2 br{display:none}.ray-copy>p{max-width:100%;font-size:10px}.ray-copy input{max-width:100%}.ray-copy .ray-caveat{margin-top:14px}.ray-visual{min-height:228px}.ray-visual svg{height:240px;max-width:100%}.ray-badge{bottom:0;font-size:7px}.knowledge{flex-direction:column;align-items:stretch;gap:15px;padding:29px 4px 24px}.knowledge-actions{flex-direction:row;gap:9px}.knowledge-actions>a{flex:1;font-size:10px;padding:11px 8px;gap:10px}.knowledge h2{font-size:22px}.knowledge p{font-size:10px}.methodology{padding-bottom:19px}.methodology summary{font-size:9px}.site-footer{margin:0 13px;padding:19px 4px;gap:12px;flex-wrap:wrap}.site-footer>div{gap:13px;font-size:8px}.site-footer>span:last-child{font-size:7px}.small-brand{font-size:25px}.toast{font-size:11px;bottom:18px;min-width:200px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Comparison layout follows the actual canvas width, including tablet sidebars. */
.stage.comparing.compare-stacked{height:660px}.stage.comparing.compare-stacked .stone-labels{top:0;bottom:0;display:block;right:15px;left:15px}.stage.comparing.compare-stacked .stone-label{position:absolute;top:45px;right:0;padding-right:0;width:auto}.stage.comparing.compare-stacked #label-b{top:calc(50% + 24px)}.stage.comparing.compare-stacked .compare-rule{height:1px;width:72%;left:14%;right:14%;top:50%;bottom:auto;background:linear-gradient(90deg,transparent,#d3c5a94a,transparent)}.stage.comparing.compare-stacked .compare-rule span{bottom:-12px;background:#14202b;padding:2px 8px;right:50%;font-size:7px}.stage.comparing.compare-stacked:fullscreen{height:100vh}
/* ─── STUDIO / 02 · v2 additions. No external fonts or assets. ─── */
:root{--paper:#f8f6f0;--gold:#a78346;--ink:#192b31;--radius:24px}body{font-size:15px}.header-inner{padding-top:13px;padding-bottom:13px}.intro{padding:32px 0 27px}h1{font-size:33px}.intro-name strong{font-size:31px}.intro-name .version{font-size:8px;letter-spacing:1px}.beta{font-family:Arial,sans-serif;letter-spacing:1px;font-size:9px}.module-nav{display:flex;gap:10px;padding:10px 22px;border-bottom:1px solid var(--line);background:#fcfbf7}.module-nav button{min-height:48px;display:flex;align-items:center;justify-content:center;gap:10px;padding:9px 20px;background:transparent;border:1px solid transparent;border-radius:10px;color:#6e7b7b;font-size:12px}.module-nav .ico{width:18px;height:18px}.module-nav small{font:8px Arial;opacity:.6;letter-spacing:1px}.module-nav button[aria-selected=true]{background:#203238;color:#f3e8d1;box-shadow:0 4px 14px #20323813}.module-nav button:hover:not([aria-selected=true]){background:#ede8db80}.lab-grid{grid-template-columns:minmax(0,1fr) 305px}.visual-column{padding:18px}.stage{height:470px;background:radial-gradient(ellipse at 50% 40%,#263c49 0,#111f2a 54%,#09141b 100%)}.stage-orbit{border-color:#d6c08c19}.stage-grid{opacity:.035}.stone-label b{font-size:11px}.stage-top .stage-disclaimer{font-size:10px}.stage-caption{letter-spacing:1.1px}.stage-btn{min-width:36px;height:36px}.stage-bottom>span{font-size:10px}.stage-btn span{padding:0 6px}.stage.ivory-stage{background:radial-gradient(ellipse at 50% 40%,#fffdf5,#e3e3df);color:#253237}.ivory-stage .stage-top span,.ivory-stage .stone-label b,.ivory-stage .stone-label small,.ivory-stage .stage-bottom>span{color:#465558}.ivory-stage .stage-btn{color:#203238;border-color:#20323825;background:#ffffff99}.ivory-stage .stone-letter{border-color:#a6854644;color:#97713b}.ivory-stage .stage-orbit{border-color:#7e796c20}.shape-options{grid-template-columns:repeat(3,1fr)!important;gap:7px}.shape-options button{min-height:68px;padding:8px 4px}.shape-options svg{width:33px;height:33px}.shape-options span{font-size:11px}.shape-options button[aria-pressed=true]{box-shadow:inset 0 0 0 1px #a7834622}.controls{padding:21px 19px}.control-block{margin-top:21px}.field-note,.dimension-note{font-size:10px;line-height:1.8}.view-toolbar{gap:6px;flex-wrap:wrap}.view-toolbar button{min-height:32px}.view-tabs button{font-size:10px}.wire-btn{font-size:10px}.metrics{gap:12px}.metrics b{font-size:23px}.insight-strip{display:flex;align-items:center;gap:13px;background:#f5f2e9;border:1px solid #eee7d6;border-radius:12px;padding:14px;margin-top:16px}.insight-icon{background:#e9dfc7;color:#8b6b35;border-radius:50%;display:grid;place-items:center;width:26px;height:26px;flex-shrink:0;font:italic 17px Georgia}.insight-strip b{font-size:12px}.insight-strip p{font-size:11px;color:#768079;margin:2px 0 0}.insight-strip>button{margin-inline-start:auto;flex-shrink:0;color:#8c6d39}.comparison-data{border:1px solid var(--line);border-radius:13px;padding:16px;margin-top:12px}.comparison-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px}.comparison-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.comparison-numbers>div{padding:12px;border-radius:9px;background:#f6f5f0}.comparison-numbers span{font-size:10px;color:#75817d;display:block}.comparison-numbers b{font:25px Arial;color:#9a773f;display:block;margin-top:8px;text-align:right}.comparison-data p{font-size:10px;margin:10px 0 0;color:#7a837d}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:9px 4px 18px}.panel-heading h2{font-size:23px;line-height:1.6;margin:5px 0 0;letter-spacing:-.6px}.panel-heading .eyebrow{font-family:Arial;font-size:9px;letter-spacing:2px;display:block}.privacy-badge{color:#6f7e71;background:#eef2e9;border:1px solid #e3e9db;border-radius:20px;padding:5px 12px;font-size:10px;white-space:nowrap}.file-input{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.file-input:focus-visible+label,.upload-label:focus-within{outline:3px solid var(--gold)}.upload-label{cursor:pointer}.hand-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:13px}.hand-actions .gold-link{padding:9px 15px;font-size:11px;min-height:38px}.hand-actions>span{margin-inline-start:auto;color:#7a8179;font-size:10px}.hand-stage{position:relative;overflow:hidden;border-radius:14px;background:#eeede8;border:1px solid #e5e3d9}.hand-stage canvas{width:100%;height:auto;aspect-ratio:1000/760;display:block;touch-action:none;cursor:grab}.hand-stage-badge{position:absolute;top:14px;right:14px;font-size:10px;border:1px solid #d5cbb555;border-radius:22px;background:#fffdf5d9;color:#746546;padding:6px 12px;backdrop-filter:blur(5px);pointer-events:none}.hand-stage-help{position:absolute;bottom:13px;left:14px;right:14px;text-align:center;color:#716e64;font-size:10px;pointer-events:none;text-shadow:0 1px 5px #fff}.hand-options{display:grid;grid-template-columns:1.2fr 1fr;gap:13px;margin-top:13px}.reference-box,.mount-box{padding:15px;background:#f8f7f2;border:1px solid var(--line);border-radius:12px}.reference-box>b{font-size:12px}.reference-box p{font-size:10px;line-height:1.9;color:#7b8179;margin:7px 0 0}.reference-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}.reference-row label{font-size:10px;max-width:65px}.reference-row input{width:68px;min-height:37px;text-align:center;border:1px solid #dcd7c9;background:#fff;border-radius:8px;color:var(--ink)}.reference-row .outline-link{padding:7px 9px;min-height:37px;font-size:10px}.reference-box p#calibration-message{font-size:10px;color:#947040}.metal-options{display:flex;gap:5px;margin-bottom:16px}.metal-options button{display:flex;flex:1;align-items:center;justify-content:center;gap:6px;background:#fff;border:1px solid #e1ddd2;border-radius:8px;padding:9px 4px;font-size:10px}.metal-options i{width:15px;height:15px;border-radius:50%;box-shadow:inset -2px -2px 3px #0002}.metal-yellow{background:linear-gradient(125deg,#957337,#fce7a3,#ad8033)}.metal-white{background:linear-gradient(125deg,#8d979e,#fff,#8b9397)}.metal-rose{background:linear-gradient(125deg,#b68067,#f9d0be,#a76a50)}.metal-options button[aria-pressed=true]{border-color:var(--gold);background:#f7f0df}.check-field{display:flex;align-items:center;gap:7px;font-size:10px;cursor:pointer;margin-top:9px}.check-field input{accent-color:var(--gold)}.hand-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.hand-footer p{font-size:12px}.hand-footer button{padding:8px 15px;font-size:11px}.panel-caveat{font-size:10px;line-height:1.95;color:#7a817b;margin:14px 2px 0}.panel-caveat a{color:#9b7a43;text-decoration:underline;text-underline-offset:3px}.sprite-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid #c4ad7988;background:#142631d9;border-radius:12px;color:#e6d3aa;padding:13px 22px;font-size:12px;pointer-events:none}.clarity-stage{position:relative;overflow:hidden;border-radius:14px;background:radial-gradient(ellipse at 50% 40%,#243b4a,#101e28)}.clarity-stage canvas{display:block;width:100%;height:auto;aspect-ratio:1000/780;cursor:crosshair;touch-action:none}.clarity-caption{position:absolute;bottom:15px;left:10px;right:10px;color:#aebbc0;font-size:10px;text-align:center;pointer-events:none}.clarity-controls{display:grid;grid-template-columns:1.45fr 1fr .65fr;align-items:start;gap:16px;padding:16px 0}.clarity-controls .field-label{font-size:11px}.inclusion-options{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.inclusion-options button{background:#f5f3ec;border:1px solid var(--line);border-radius:7px;padding:6px 8px;min-height:32px;font-size:10px}.inclusion-options button[aria-pressed=true]{border-color:#bfa576;background:#ede5d4;color:#8b6938}.clarity-controls select{width:100%;min-height:36px;background:#f9f8f3;border:1px solid var(--line);border-radius:7px;padding:4px 9px;direction:ltr;color:var(--ink)}.inclusion-description{background:#f6f3ea;border-right:3px solid #b19459;border-radius:8px;padding:12px 15px;font-size:11px;line-height:1.9;color:#65716d}.inclusion-description strong{font-weight:600;color:var(--ink)}.grade-intro{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin:21px 0 10px}.grade-intro span{color:#92958b;font-size:10px}.grade-options{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;direction:ltr}.grade-options button{border:1px solid var(--line);border-radius:8px;background:#fbfaf6;padding:9px 4px;font:12px Arial;min-height:37px}.grade-options button[aria-pressed=true]{background:#22373d;border-color:#22373d;color:#e6cea0}.grade-copy{padding:13px 4px}.grade-copy b{font-size:12px}.grade-copy p{font-size:11px;margin:5px 0 0;line-height:1.9;color:#717d76}.save-session{padding:22px;background:linear-gradient(135deg,#f4efe1,#fcfbf7);border:1px solid #e8e1d2;border-radius:14px}.save-session>label{display:block;font-size:12px;font-weight:600;margin-bottom:8px}.save-session>div{display:flex;gap:10px}.save-session input{flex:1;min-width:0;border:1px solid #ded5c0;border-radius:9px;padding:10px 14px;background:#fffdf9;font-size:12px}.save-session button{padding:10px 15px;font-size:11px}.save-session p{font-size:11px;line-height:1.8;color:#848477;margin:11px 0 0}.saved-sessions{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:20px 0}.empty-sessions{grid-column:1/-1;text-align:center;padding:45px 20px;border:1px dashed #d9d5c9;border-radius:14px;background:#fbfaf6}.empty-sessions svg{width:38px;height:38px;color:#b2945f}.empty-sessions h3{font-size:17px;font-weight:500;margin:15px 0 5px}.empty-sessions p{font-size:12px;color:#8b9187;margin:0}.session-card{padding:19px;border:1px solid var(--line);border-radius:13px;background:#fffdf9}.session-card h3{font-size:14px;margin:0 0 3px;overflow-wrap:anywhere}.session-card time{font-size:9px;color:#9d9f93}.session-card p{font-size:11px;color:#778278;line-height:1.9}.session-card .session-card-row{display:flex;justify-content:space-between;align-items:center;margin-top:9px}.session-card button{font-size:11px;background:#f0eadc;border-radius:7px;padding:7px 12px}.session-card button.delete-session{background:transparent;color:#a38975;padding:6px}.session-tools{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.session-tools .outline-link{padding:9px 15px;min-height:38px;font-size:11px}.background-options{display:flex;gap:8px}.background-options button{flex:1;border:1px solid var(--line);background:#f6f4ed;border-radius:7px;padding:8px;font-size:11px}.background-options button[aria-pressed=true]{background:#263941;color:#f4e8cf}.focus-exit{position:absolute;top:20px;left:24px;z-index:12;background:#14222e;border:1px solid #ccb27760;color:#e3c88e;padding:10px 18px;border-radius:10px;font-size:13px}.focus-mode{overflow:hidden}.focus-mode .stage{position:fixed;inset:0;width:100vw;height:100dvh;border-radius:0;z-index:2000}.focus-mode .stage-top{top:30px;left:210px}.focus-mode .stage-bottom{bottom:27px}.focus-mode .toast{z-index:3000}.focus-mode .focus-exit{display:block}.focus-mode .stone-labels{top:92px}.focus-mode .stage canvas{touch-action:none}
@media(min-width:1050px){.controls{align-self:stretch}.control-head{margin-bottom:14px}.lab-grid .visual-column{align-self:start;position:sticky;top:12px}}@media(max-width:1100px){.module-nav{gap:5px;padding:10px 16px}.module-nav button{padding:9px 14px;gap:7px}.hand-options{grid-template-columns:1fr}.clarity-controls{grid-template-columns:1fr 1fr}.clarity-controls>div:last-child{grid-column:2}.saved-sessions{grid-template-columns:1fr}.privacy-badge{font-size:9px;padding:5px 8px}.insight-strip>button{display:none}}@media(max-width:760px){.page-shell{padding:0 14px}.header-inner{padding:12px 18px}.intro{padding:25px 1px 22px}.intro h1{font-size:29px;line-height:1.6}.intro p{font-size:12px;max-width:290px;line-height:1.85}.intro-name{display:none}.lab-bar{padding:13px 15px}.lab-title{gap:7px;font-size:12px}.bar-actions{gap:2px}.bar-actions .text-btn span{display:none}.bar-actions .text-btn{width:32px;min-height:38px;padding:4px}.bar-actions .text-btn .ico{width:17px;height:17px}.beta{font-size:7px;padding:2px 7px;letter-spacing:.7px}.module-nav{padding:9px;gap:5px;justify-content:space-between}.module-nav button{padding:8px 7px;min-height:50px;gap:5px;flex:1;flex-direction:column;border-radius:9px;font-size:10px;line-height:1.5}.module-nav .ico{width:18px;height:18px}.module-nav small{display:none}.lab-grid{display:flex;flex-direction:column}.visual-column{padding:10px}.stage{height:370px;border-radius:12px}.stage-top{top:15px;left:14px;right:14px;align-items:flex-start}.stage-caption{font-size:6px;letter-spacing:.7px}.stage-top .stage-disclaimer{font-size:8px;max-width:118px;text-align:left}.stone-labels{top:47px;right:14px;left:14px}.stone-label b{font-size:10px}.stage-bottom{left:12px;right:12px;bottom:12px}.stage-bottom>span{display:none}.stage-buttons{margin-inline-start:auto}.stage-btn{min-width:34px;height:34px}.stage-btn span{font-size:9px}.view-toolbar{padding:10px 0;justify-content:space-between}.view-tabs button{font-size:9px;padding:6px 8px}.zoom-controls span{font-size:10px}.zoom-controls button{width:24px}.wire-btn{font-size:9px;padding:5px}.wire-btn .ico{width:13px}.view-toolbar #showroom{display:none}.metrics{padding:12px 0;gap:3px}.metrics b{font-size:17px}.metrics small{font-size:9px}.metrics>div>span{font-size:8px}.dimension-note{font-size:9px;line-height:1.8}.insight-strip{padding:12px;gap:9px;margin-top:10px}.insight-strip b{font-size:11px}.insight-strip p{font-size:10px}.controls{padding:22px;border-left:0;border-top:1px solid var(--line)}.controls .control-head{font-size:13px}.controls .shape-options{grid-template-columns:repeat(6,1fr)!important;gap:5px}.shape-options button{min-height:64px;padding:7px 2px}.shape-options svg{width:28px;height:28px}.shape-options span{font-size:9px}.panel-heading{padding:5px 3px 14px;align-items:flex-start}.panel-heading h2{font-size:20px}.panel-heading .eyebrow{font-size:8px}.panel-heading .privacy-badge{font-size:8px;max-width:125px;white-space:normal;text-align:center}.hand-actions{gap:4px}.hand-actions>span{width:100%;text-align:right;margin-top:3px}.hand-actions .text-btn{font-size:10px}.hand-stage-badge{font-size:8px;padding:5px 8px;right:10px;top:10px}.hand-stage-help{font-size:8px;bottom:8px}.hand-options{gap:10px;margin-top:10px}.reference-box,.mount-box{padding:13px}.reference-row label{max-width:none;flex:1}.hand-footer{flex-wrap:wrap;gap:5px}.hand-footer p{font-size:11px}.hand-footer button{font-size:10px}.panel-caveat{font-size:9px}.clarity-caption{font-size:8px}.clarity-controls{grid-template-columns:1fr 1fr;gap:13px}.clarity-controls>div:last-child{grid-column:auto}.clarity-controls>div:first-child{grid-column:1/-1}.inclusion-options{grid-template-columns:repeat(4,1fr)}.grade-intro{font-size:10px}.grade-intro span{font-size:8px}.grade-options{gap:4px}.grade-copy p{font-size:10px}.save-session{padding:15px}.save-session>div{flex-direction:column}.save-session p{font-size:10px}.session-tools .outline-link{font-size:10px;padding:8px 12px}.comparison-data{padding:12px}.comparison-numbers{gap:6px}.comparison-numbers>div{padding:9px 7px}.comparison-numbers span{font-size:8px}.comparison-numbers b{font-size:21px}.comparison-heading{font-size:10px}.comparison-data p{font-size:9px}.stage.compare-stacked{height:630px}.focus-mode .stage.compare-stacked{height:100dvh}.focus-mode .stage-top{top:68px;left:15px}.focus-mode .stone-labels{top:100px}.focus-mode .focus-exit{top:15px;left:15px;font-size:11px}.knowledge{padding:23px}.site-footer{gap:15px;padding:22px;font-size:10px}.experiment-grid{gap:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.lab-grid.sessions-view{grid-template-columns:1fr}.lab-grid.sessions-view .visual-column{position:static;width:100%}.sessions-view .saved-sessions{grid-template-columns:repeat(3,1fr)}@media(max-width:1000px){.sessions-view .saved-sessions{grid-template-columns:1fr 1fr}}@media(max-width:600px){.sessions-view .saved-sessions{grid-template-columns:1fr}}
#story-export span{display:inline!important}label.upload-label:focus-visible{outline:3px solid #b69558;outline-offset:4px}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/06b16db7a969135d.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/6c9081fd00db0880.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/b081f7bf790678b5.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/4255019c1cd986f7.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/9986de5db80ec050.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/fa5e72326681abee.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/de8f431c146ab1fe.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/5fa525682b4805d9.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/00241262004f9608.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* One public navigation system across static pages, editorial pages and tools. */
html:has([data-thahby-header]){scroll-padding-top:calc(var(--site-header-height,130px) + 16px)}
.th-site-header{--th-card:#fff;--th-soft:#eff3f1;--th-text:#1d3631;--th-muted:#70817a;--th-line:#e1e9e4;--th-gold:#9b762d;--th-gold-soft:#f6efe0;position:sticky;top:0;z-index:50;background:var(--th-card);color:var(--th-text);border-bottom:1px solid var(--th-line);font:500 14px/1.5 'Tajawal',sans-serif;text-align:start;isolation:isolate}
[data-theme=dark] .th-site-header{--th-card:#192b24;--th-soft:#21372d;--th-text:#eff5f1;--th-muted:#a6b8ad;--th-line:#304638;--th-gold:#dfbd76;--th-gold-soft:#383321}
.th-site-header *{box-sizing:border-box}
.th-site-header .th-header-inner{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px 24px;max-width:1280px;padding:14px 36px;margin-inline:auto}
.th-site-header .th-brand{grid-column:1;grid-row:1;display:flex;align-items:center;gap:10px;color:var(--th-gold);font:800 27px/1.2 'Tajawal',sans-serif;text-decoration:none;white-space:nowrap}
.th-site-header .th-brand img{width:44px;height:44px;object-fit:contain;border-radius:10px;flex:none}
.th-site-header .th-brand small{display:block;font:500 9px/1.7 'Montserrat',sans-serif;letter-spacing:3px;margin-top:4px;color:var(--th-gold)}
.th-site-header .th-header-actions{grid-column:2;grid-row:1;display:flex;align-items:center;justify-self:end;gap:10px;min-width:0;max-width:100%}
.th-site-header .th-header-actions label{display:flex;align-items:center;gap:6px;margin:0;padding:0;color:var(--th-muted)}
.th-site-header .th-header-actions select{width:auto;max-width:230px;min-width:100px;min-height:42px;margin:0;border:1px solid var(--th-line);border-radius:11px;background:var(--th-soft);color:var(--th-text);font:500 13px/1.5 'Tajawal',sans-serif;padding:9px 12px;cursor:pointer}
.th-site-header .th-header-actions #country{min-width:0}
.th-site-header [data-th-theme]{display:grid!important;place-items:center;width:42px;min-width:42px;height:42px;min-height:42px;margin:0;padding:0!important;border:1px solid var(--th-line)!important;border-radius:11px!important;background:var(--th-soft)!important;color:var(--th-gold)!important;font-size:0!important;cursor:pointer}
.th-site-header [data-th-theme] *{display:none!important}
.th-site-header [data-th-theme]:before{content:'☾';font:25px/1 sans-serif}
[data-theme=dark] .th-site-header [data-th-theme]:before{content:'☀';font-size:22px}
.th-site-header .th-language-source{display:none}
.th-site-header .site-menu{grid-column:3;grid-row:1;min-width:0;margin:0;padding:0;border:0}
.th-site-header .site-menu-toggle{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:9px 15px;cursor:pointer;list-style:none;border:1px solid var(--th-line);border-radius:12px;color:var(--th-text);background:var(--th-soft);font:700 14px/1.5 'Tajawal',sans-serif;transition:background .2s,border-color .2s}
.th-site-header .site-menu-toggle::-webkit-details-marker{display:none}
.th-site-header .site-menu-toggle:hover,.th-site-header .site-menu[open]>.site-menu-toggle{background:var(--th-gold-soft);border-color:var(--th-gold)}
.site-menu-icon{width:18px;height:18px;position:relative;display:block;flex-shrink:0}
.site-menu-icon i{display:block;height:1.5px;width:18px;background:currentColor;position:absolute;inset-inline-start:0;border-radius:2px;transition:transform .2s,opacity .2s}
.site-menu-icon i:nth-child(1){top:3px}.site-menu-icon i:nth-child(2){top:8px;width:13px}.site-menu-icon i:nth-child(3){top:13px}
.site-menu[open] .site-menu-icon i:nth-child(1){transform:translateY(5px) rotate(45deg)}
.site-menu[open] .site-menu-icon i:nth-child(2){opacity:0}
.site-menu[open] .site-menu-icon i:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
.th-site-header .th-menu-panel{position:absolute;inset-block-start:calc(100% + 8px);inset-inline-end:20px;width:min(560px,calc(100% - 40px));padding:14px;background:var(--th-card);border:1px solid var(--th-line);border-radius:18px;box-shadow:0 18px 45px #0c251a24;max-height:calc(100dvh - var(--site-header-height,130px) - 26px);overflow:auto;overscroll-behavior:contain;animation:thahby-menu-in .18s ease-out}
.th-site-header .top-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;align-items:stretch;position:static;width:100%;margin:0;padding:0;border:0;background:transparent;box-shadow:none;font:500 14px/1.5 'Tajawal',sans-serif}
.th-site-header .top-links a,.th-site-header .th-section-links a{display:flex;align-items:center;min-width:0;min-height:46px;padding:11px 13px;border:0;border-radius:10px;line-height:1.5;white-space:normal;overflow-wrap:anywhere;text-decoration:none;color:var(--th-text);transition:background .15s,color .15s}
.th-site-header .top-links a:hover,.th-site-header .top-links a:focus-visible{background:var(--th-soft)}
.th-site-header .top-links a:after{display:none}
.th-site-header .top-links a[aria-current=page]{background:var(--th-gold-soft);color:var(--th-gold);font-weight:800;box-shadow:inset -3px 0 var(--th-gold)}
[dir=ltr] .th-site-header .top-links a[aria-current=page]{box-shadow:inset 3px 0 var(--th-gold)}
.th-site-header :is(a,button,select,summary):focus-visible{outline:2px solid var(--th-gold);outline-offset:3px}
.th-site-header .th-section-links{display:flex;flex-wrap:wrap;gap:6px;padding-top:8px;margin-top:8px;border-top:1px solid var(--th-line);font-size:13px}
.th-site-header .th-section-links a{min-height:40px;color:var(--th-gold);background:var(--th-gold-soft)}
.container>section[id]{scroll-margin-top:16px}
#prices+#gold-chart{margin-top:28px}
/* Keep the diamond theme button inside its existing client root. */
#thahby-diamond-tool .th-site-header{grid-column:1/-1;margin-inline:-36px;width:calc(100% + 72px)}
#thahby-diamond-tool .th-site-header .th-header-inner{padding-inline:36px}
#thahby-diamond-tool .th-site-header a{text-decoration:none;color:var(--th-text)}
#thahby-diamond-tool .th-site-header .th-brand,#thahby-diamond-tool .th-site-header a[aria-current=page]{color:var(--th-gold)}
#thahby-diamond-tool .dt-studio{top:calc(var(--site-header-height,130px) + 24px)}
[data-theme=dark] .thahby-directory-page{--bg:#101d19;--card:#192b24;--text:#eff5f1;--muted:#a6b8ad;--line:#304638;background:var(--bg)}
[data-theme=dark] .thahby-directory-page :is(.controls,.join,.hero,.empty){background:var(--card);border-color:var(--line);color:var(--text)}
[data-theme=dark] .thahby-directory-page :is(.input,.select,.page-btn,.chip){background:#21372d;color:var(--text);border-color:var(--line)}
@keyframes thahby-menu-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1200px){
 .th-site-header[data-nav-ready] .th-header-inner{grid-template-columns:auto 1fr;padding-bottom:0;gap:10px 28px}
 .th-site-header[data-nav-ready] .site-menu{grid-column:1/-1;grid-row:2;border-top:1px solid var(--th-line)}
 .th-site-header[data-nav-ready] .site-menu-toggle{display:none}
 .th-site-header[data-nav-ready] .th-menu-panel{position:static;width:100%;max-height:none;border:0;border-radius:0;box-shadow:none;background:transparent;padding:6px 0;animation:none;overflow:visible}
 .th-site-header[data-nav-ready] .top-links{display:flex!important;flex-wrap:wrap;justify-content:space-between;gap:2px;font-size:13px}
 .th-site-header[data-nav-ready] .top-links a{padding:9px 10px;min-height:42px}
 .th-site-header[data-nav-ready] .th-section-links{margin-top:4px;padding-top:4px}
 .th-site-header[data-nav-ready] .th-section-links a{min-height:32px;padding:4px 12px}
}
@media(max-width:700px){
 .th-site-header .th-header-inner{padding:10px 18px 12px;grid-template-columns:1fr auto;gap:10px}
 .th-site-header .th-brand{font-size:25px;gap:8px}
 .th-site-header .th-brand img{width:38px;height:38px}
 .th-site-header .th-brand small{font-size:8px;line-height:1.6;margin-top:2px}
 .th-site-header .site-menu{grid-column:2;grid-row:1}
 .th-site-header .site-menu-toggle{padding:8px 12px;min-height:42px}
 .th-site-header .th-header-actions{grid-column:1/-1;grid-row:2;display:flex;justify-content:flex-end;width:100%;gap:8px;justify-self:stretch}
 .th-site-header .th-has-country{display:grid;grid-template-columns:minmax(0,1fr) auto 42px}
 .th-site-header .th-has-country>#country{width:100%;max-width:none;padding:8px 9px;font-size:12px}
 .th-site-header .th-header-actions select{min-height:40px;font-size:12px;padding:8px;min-width:98px}
 .th-site-header .site-language>span{display:none}
 .th-site-header .th-menu-panel{inset-inline-end:12px;width:calc(100% - 24px);padding:10px}
 .th-site-header .top-links{gap:4px}
 .th-site-header .top-links a{padding:10px;min-height:48px}
 #thahby-diamond-tool .th-site-header{margin-inline:-18px;width:calc(100% + 36px)}
 #thahby-diamond-tool .th-site-header .th-header-inner{padding-inline:18px}
}
@media(min-width:461px) and (max-width:800px){#thahby-diamond-tool .th-site-header{margin-inline:-20px;width:calc(100% + 40px)}}
@media(prefers-reduced-motion:reduce){.th-site-header *{animation:none!important;transition:none!important}}


/* Site identity, sampled from thahby.com on 2026-10-13. Scope is the laboratory page. */
:root{--paper:#f5f7f6;--ink:#1d3631;--muted:#70817a;--line:#e1e9e4;--gold:#9b762d;--gold-soft:#f6efe0;--white:#fff;--surface-soft:#eff3f1;--radius:22px}
body{font-family:'Tajawal',Tahoma,Arial,sans-serif;background:var(--paper);color:var(--ink)}
button,input,select{font-family:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.dv-header-label{font:500 11px/1.5 'Montserrat',Arial,sans-serif;letter-spacing:2px;color:var(--th-gold)}
.dv-breadcrumb{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--muted);padding-top:18px}.dv-breadcrumb a{color:var(--gold)}
.intro{padding-top:20px}.intro h1 span{color:var(--muted)}.eyebrow{color:var(--gold)}.intro-name strong{color:var(--ink)}.intro-name strong span{color:var(--gold)}
.lab,.lab-bar,.visual-column,.knowledge,.experiment-card{background:var(--white)}.controls,.module-nav{background:var(--surface-soft)}
.module-nav button[aria-selected=true],.primary-btn,.gold-btn,.grade-options button[aria-pressed=true]{background:#183f35;color:#fff;border-color:#183f35}
.shape-options button[aria-pressed=true],.carat-presets button[aria-pressed=true]{border-color:var(--gold);background:var(--gold-soft);color:var(--gold)}
.lab-grid .visual-column{top:calc(var(--site-header-height,80px) + 12px)}.focus-mode .th-site-header{visibility:hidden}.focus-mode .lab-grid .visual-column{position:static}
.dv-site-footer{background:var(--white);border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:26px max(24px,calc((100vw - 1210px)/2));font-size:12px}
.dv-site-footer nav{display:flex;gap:18px;flex-wrap:wrap}.dv-footer-brand{display:flex;align-items:center;gap:8px;font-size:23px;font-weight:800;color:var(--gold)}.dv-footer-brand img{object-fit:contain;border-radius:8px}.dv-footer-brand small{font:9px 'Montserrat',Arial;letter-spacing:2px}
[data-theme=dark]{--paper:#101d19;--ink:#eff5f1;--muted:#a6b8ad;--line:#304638;--gold:#dfbd76;--gold-soft:#383321;--white:#192b24;--surface-soft:#21372d;color-scheme:dark}
[data-theme=dark] .lab,[data-theme=dark] .knowledge,[data-theme=dark] .experiment-card{box-shadow:none}
[data-theme=dark] :is(.shape-options button,.carat-presets button,.view-tabs,.view-tabs button,.lighting-options button,.color-select,.color-select select,.target-tabs,.target-tabs button,.outline-link,.stage-btn,.session-card,.empty-sessions,.inclusion-options button,.grade-options button,.background-options button,.reference-box,.mount-box,.session-tools button,.session-tools label){background:var(--surface-soft);color:var(--ink);border-color:var(--line)}
[data-theme=dark] :is(.save-session,.insight-strip,.inclusion-description,.comparison-data,.comparison-numbers>div,.color-strip,.info-note,.beta){background:var(--gold-soft);color:var(--ink);border-color:var(--line)}
[data-theme=dark] :is(.save-session input,.reference-row input,.clarity-controls select,.color-control select,.controls select,.controls input:not([type=range])){background:var(--paper);color:var(--ink);border-color:var(--line)}
[data-theme=dark] :is(.hand-actions,.module-nav,.lab-bar,.controls,.lab,.knowledge,.view-toolbar,.metrics,.source-note){border-color:var(--line)}
[data-theme=dark] :is(.intro p,.dimension-note,.panel-caveat,.grade-copy p,.inclusion-description,.comparison-data p,.insight-strip p,.save-session p,.hand-footer p,.session-card p,.control-hint,.field-note,.compare-note,.lab-title,.lab-title .ico,.grade-intro,.panel-heading h2,.field-label,.comparison-heading,.save-session>label,.text-btn,.icon-btn,.shape-options span,.wire-btn,.knowledge h2,.knowledge p,.knowledge li,.experiment-card h3,.experiment-card p){color:var(--ink)}
[data-theme=dark] :is(.shape-options button,.inclusion-options button,.grade-options button,.background-options button)[aria-pressed=true],[data-theme=dark] .carat-presets button[aria-pressed=true],[data-theme=dark] .view-tabs button[aria-pressed=true]{background:var(--gold-soft);color:var(--gold);border-color:var(--gold)}
[data-theme=dark] .module-nav button[aria-selected=true]{background:var(--gold-soft);color:var(--gold)}[data-theme=dark] .intro-name{border-color:var(--line)}
@media(max-width:760px){.dv-breadcrumb{font-size:11px;padding-top:14px}.intro h1{font-size:27px}.th-site-header .dv-header-label{font-size:9px}.dv-site-footer{padding:22px}.dv-site-footer nav{gap:14px}.lab-grid .visual-column{position:static}}