:root{--gj-color-bg:#101216;--gj-color-surface:#181b21;--gj-color-surface-raised:#1e222a;--gj-color-border:#2d333e;--gj-color-text:#e8eaee;--gj-color-text-muted:#9aa1ad;--gj-color-accent:#d4af37;--gj-color-accent-contrast:#16130a;--gj-color-danger-strong:#e5636e;--gj-color-warning-strong:#e0b45c;--gj-radius-md:10px;--bg-input:#262b34;--gj-color-surface-sunken:#262b34;--gj-color-border-strong:#2d333e;--gj-color-accent-hover:#e0bf55;--gj-color-accent-pressed:#d4af37;--gj-color-selected:#d4af37;--gj-color-on-selected:#16130a;--gj-color-danger-contrast:#101216;--gj-color-focus-ring:#d4af37;--gj-color-overlay:#08090cb8;--gj-color-success-strong:#5fbf8a;--gj-color-info-strong:#6ea8e6;--gj-color-neutral-strong:#9aa1ad;--gj-color-success-subtle:#17251e;--gj-color-warning-subtle:#2a2416;--gj-color-danger-subtle:#2c1a1c;--gj-color-info-subtle:#172231;--gj-color-neutral-subtle:#1e222a;--gj-radius-sm:6px;--gj-radius-lg:14px;--gj-radius-pill:999px;--gj-space-0-5:2px;--gj-space-1:4px;--gj-space-2:8px;--gj-space-3:12px;--gj-space-4:16px;--gj-space-6:24px;--gj-space-8:32px;--gj-border-focus:2px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--gj-h2:600 20px/1.3 var(--font-sans);--gj-h3:600 16px/1.35 var(--font-sans);--gj-h4:600 14px/1.4 var(--font-sans);--gj-body-m:400 14px/1.5 var(--font-sans);--gj-body-s:400 13px/1.45 var(--font-sans);--gj-label:600 13px/1.3 var(--font-sans);--gj-caption:400 12px/1.4 var(--font-sans);--gj-overline:700 11px/1.3 var(--font-sans);--gj-elevation-1:0 1px 2px #0006;--gj-elevation-2:0 4px 12px #00000073;--gj-elevation-3:0 12px 32px #00000080;--gj-elevation-sheet:0 12px 32px #00000080;--gj-duration-fast:.15s;--gj-duration-base:.2s;--gj-easing-standard:cubic-bezier(0, 0, .2, 1)}[data-theme]{--gj-space-0-5:2px;--gj-space-1:4px;--gj-space-2:8px;--gj-space-3:12px;--gj-space-4:16px;--gj-space-5:20px;--gj-space-6:24px;--gj-space-8:32px;--gj-space-10:40px;--gj-space-12:48px;--gj-space-16:64px;--gj-space-24:96px;--gj-radius-none:0px;--gj-radius-sm:4px;--gj-radius-md:8px;--gj-radius-lg:14px;--gj-radius-pill:999px;--gj-size-target:44px;--gj-size-control:48px;--gj-size-control-compact:36px;--gj-size-control-touch:52px;--gj-size-row:64px;--gj-size-row-compact:48px;--gj-size-sidebar:248px;--gj-size-icon:20px;--gj-size-icon-lg:24px;--gj-size-content:1312px;--gj-size-widget:640px;--gj-border-hairline:1px;--gj-border-control:1px;--gj-border-focus:2px;--gj-border-selected:2px;--gj-opacity-disabled:.45;--gj-opacity-template-range:.35;--gj-duration-instant:80ms;--gj-duration-fast:.14s;--gj-duration-base:.22s;--gj-duration-slow:.36s;--gj-duration-stage:.6s;--gj-easing-standard:cubic-bezier(.2, 0, 0, 1);--gj-easing-enter:cubic-bezier(0, 0, .2, 1);--gj-easing-exit:cubic-bezier(.4, 0, 1, 1);--gj-easing-stage:cubic-bezier(.65, 0, .35, 1);--gj-z-sticky:100;--gj-z-dropdown:200;--gj-z-drawer:300;--gj-z-dialog:400;--gj-z-toast:500;--gj-z-tooltip:600;--gj-grid-columns-desktop:12;--gj-grid-columns-tablet:8;--gj-grid-columns-mobile:4;--gj-grid-gutter:24px;--gj-grid-gutter-mobile:16px;--gj-grid-margin-1440:64px;--gj-grid-margin-1280:48px;--gj-grid-margin-1024:40px;--gj-grid-margin-768:32px;--gj-grid-margin-mobile:16px;--gj-bp-360:360px;--gj-bp-390:390px;--gj-bp-768:768px;--gj-bp-1024:1024px;--gj-bp-1280:1280px;--gj-bp-1440:1440px;--font-serif:Literata, Georgia, "Times New Roman", serif;--font-sans:"Ysabeau Office", "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;--gj-display:400 64px/68px var(--font-serif);--gj-display-tracking:-.015em;--gj-h1:400 44px/52px var(--font-serif);--gj-h1-tracking:-.01em;--gj-h2:400 32px/40px var(--font-serif);--gj-h2-tracking:-.005em;--gj-h3:420 24px/32px var(--font-serif);--gj-h4:500 20px/28px var(--font-serif);--gj-price-l:400 36px/42px var(--font-serif);--gj-price-l-tracking:-.01em;--gj-display-mobile:400 40px/44px var(--font-serif);--gj-display-mobile-tracking:-.015em;--gj-h1-mobile:400 30px/36px var(--font-serif);--gj-h1-mobile-tracking:-.01em;--gj-h2-mobile:400 24px/30px var(--font-serif);--gj-body-l:400 18px/28px var(--font-sans);--gj-body-m:400 16px/24px var(--font-sans);--gj-body-s:450 14px/20px var(--font-sans);--gj-label:600 15px/20px var(--font-sans);--gj-label-tracking:.01em;--gj-label-s:600 14px/20px var(--font-sans);--gj-label-s-tracking:.005em;--gj-caption:500 13px/18px var(--font-sans);--gj-overline:600 13px/18px var(--font-sans);--gj-overline-tracking:.02em;--gj-numeric:600 17px/24px var(--font-sans);--gj-numeric-s:600 15px/20px var(--font-sans);--gj-mono:450 13px/20px var(--font-mono);--gj-mono-s:450 12px/16px var(--font-mono)}[data-theme=site]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--gj-color-bg:#f7f1ed;--gj-color-surface:#fbf8f6;--gj-color-surface-raised:#fefdfc;--gj-color-surface-sunken:#ede6e0;--gj-color-border:#e1dad5;--gj-color-border-strong:#857f7a;--gj-color-text:#28211e;--gj-color-text-muted:#675d58;--gj-color-text-inverse:#fcf8f5;--gj-color-accent:#2c2522;--gj-color-accent-hover:#413a37;--gj-color-accent-pressed:#1a1512;--gj-color-accent-contrast:#fdf9f7;--gj-color-accent-subtle:#eee5d6;--gj-color-gold:#7b602f;--gj-color-selected:#2c2522;--gj-color-on-selected:#fdf9f7;--gj-color-focus-ring:#28211e;--gj-color-overlay:#2a24228c;--gj-color-stage-bg:#110e0c;--gj-color-stage-spot:#332c27;--gj-color-success-subtle:#ddedde;--gj-color-success-strong:#35633d;--gj-color-warning-subtle:#f6e5ce;--gj-color-warning-strong:#744e0d;--gj-color-danger-subtle:#f8e2df;--gj-color-danger-strong:#91322a;--gj-color-info-subtle:#dee9f5;--gj-color-info-strong:#34597f;--gj-color-neutral-subtle:#ede6e2;--gj-color-neutral-strong:#5d554f;--gj-color-danger-contrast:#fdf9f7;--gj-color-order-new:#dee9f5;--gj-color-order-new-text:#34597f;--gj-color-order-revision:#f6e5ce;--gj-color-order-revision-text:#744e0d;--gj-color-order-confirmed:#d8edeb;--gj-color-order-confirmed-text:#216260;--gj-color-order-production:#f0e3ee;--gj-color-order-production-text:#6e476b;--gj-color-order-ready:#ddedde;--gj-color-order-ready-text:#35633d;--gj-color-order-shipped:#e6e6f5;--gj-color-order-shipped-text:#525081;--gj-color-order-completed:#e0d5ce;--gj-color-order-completed-text:#3c332e;--gj-color-order-declined:#f8e2df;--gj-color-order-declined-text:#91322a;--gj-color-order-cancelled:#f1ebe8;--gj-color-order-cancelled-text:#69635f;--gj-metal-ag925:#c9c9c9;--gj-metal-yg585:#d4af37;--gj-metal-wg585:#cfccc4;--gj-metal-yg750:#e0b64a;--gj-metal-wg750:#d4d2cc;--gj-metal-pt950:#c5c9cf;--gj-metal-brass:#c9a86a;--gj-elevation-1:0 1px 2px #28211e14;--gj-elevation-2:0 2px 6px #28211e0f, 0 12px 28px -8px #28211e29;--gj-elevation-3:0 4px 12px #28211e14, 0 32px 64px -24px #28211e47;--gj-elevation-sheet:0 -1px 0 #28211e0d, 0 -16px 40px -16px #28211e3d;--gj-focus-ring:0 0 0 2px #f7f1ed, 0 0 0 4px #28211e}[data-theme=site-night]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--gj-color-bg:#1a1614;--gj-color-surface:#211d1b;--gj-color-surface-raised:#2b2623;--gj-color-surface-sunken:#120f0d;--gj-color-border:#38332f;--gj-color-border-strong:#7a736f;--gj-color-text:#f0eae4;--gj-color-text-muted:#b2aba5;--gj-color-text-inverse:#1a1614;--gj-color-accent:#d6b57e;--gj-color-accent-hover:#e4c48f;--gj-color-accent-pressed:#c5a46d;--gj-color-accent-contrast:#1c1610;--gj-color-accent-subtle:#352c1e;--gj-color-gold:#d6b57e;--gj-color-selected:#ebe5e0;--gj-color-on-selected:#1a1614;--gj-color-focus-ring:#f0eae4;--gj-color-overlay:#000000a6;--gj-color-stage-bg:#0b0907;--gj-color-stage-spot:#332c27;--gj-color-success-subtle:#232f24;--gj-color-success-strong:#afd2b3;--gj-color-warning-subtle:#352918;--gj-color-warning-strong:#e1c299;--gj-color-danger-subtle:#362725;--gj-color-danger-strong:#f3b6ad;--gj-color-info-subtle:#242c35;--gj-color-info-strong:#adcbea;--gj-color-neutral-subtle:#2f2a27;--gj-color-neutral-strong:#cdc6c1;--gj-color-danger-contrast:#1b1413;--gj-color-order-new:#242c35;--gj-color-order-new-text:#adcbea;--gj-color-order-revision:#352918;--gj-color-order-revision-text:#e1c299;--gj-color-order-confirmed:#1f2f2e;--gj-color-order-confirmed-text:#a5d2cf;--gj-color-order-production:#312830;--gj-color-order-production-text:#dcbbd8;--gj-color-order-ready:#232f24;--gj-color-order-ready-text:#afd2b3;--gj-color-order-shipped:#2a2a35;--gj-color-order-shipped-text:#c3c3ec;--gj-color-order-completed:#423a34;--gj-color-order-completed-text:#e4dcd7;--gj-color-order-declined:#362725;--gj-color-order-declined-text:#f3b6ad;--gj-color-order-cancelled:#26221f;--gj-color-order-cancelled-text:#afaaa7;--gj-metal-ag925:#c9c9c9;--gj-metal-yg585:#d4af37;--gj-metal-wg585:#cfccc4;--gj-metal-yg750:#e0b64a;--gj-metal-wg750:#d4d2cc;--gj-metal-pt950:#c5c9cf;--gj-metal-brass:#c9a86a;--gj-elevation-1:0 1px 2px #00000080;--gj-elevation-2:0 2px 6px #00000052, 0 14px 32px -8px #000000b3;--gj-elevation-3:0 4px 12px #0006, 0 32px 64px -24px #000000d9;--gj-elevation-sheet:0 -1px 0 #ffffff12, 0 -16px 40px -16px #000c;--gj-focus-ring:0 0 0 2px #1a1614, 0 0 0 4px #f0eae4}[data-theme=workspace]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--gj-color-bg:#f6f3f0;--gj-color-surface:#fefdfc;--gj-color-surface-raised:#fff;--gj-color-surface-sunken:#eeeae7;--gj-color-border:#e2dedb;--gj-color-border-strong:#827e7b;--gj-color-text:#241f1d;--gj-color-text-muted:#625c59;--gj-color-text-inverse:#fefdfc;--gj-color-accent:#282321;--gj-color-accent-hover:#3d3836;--gj-color-accent-pressed:#181412;--gj-color-accent-contrast:#fefdfc;--gj-color-accent-subtle:#f1e8da;--gj-color-gold:#795f30;--gj-color-selected:#282321;--gj-color-on-selected:#fefdfc;--gj-color-focus-ring:#241f1d;--gj-color-overlay:#2a24227a;--gj-color-stage-bg:#110e0c;--gj-color-stage-spot:#332c27;--gj-color-success-subtle:#dfefe0;--gj-color-success-strong:#34613b;--gj-color-warning-subtle:#f8e7d0;--gj-color-warning-strong:#724d0b;--gj-color-danger-subtle:#fae4e1;--gj-color-danger-strong:#903129;--gj-color-info-subtle:#e0ebf7;--gj-color-info-strong:#33587d;--gj-color-neutral-subtle:#efe8e4;--gj-color-neutral-strong:#5c534e;--gj-color-danger-contrast:#fefdfc;--gj-color-order-new:#e0ebf7;--gj-color-order-new-text:#33587d;--gj-color-order-revision:#f8e7d0;--gj-color-order-revision-text:#724d0b;--gj-color-order-confirmed:#daefed;--gj-color-order-confirmed-text:#1f615e;--gj-color-order-production:#f2e5f0;--gj-color-order-production-text:#6d4569;--gj-color-order-ready:#dfefe0;--gj-color-order-ready-text:#34613b;--gj-color-order-shipped:#e8e8f7;--gj-color-order-shipped-text:#514e80;--gj-color-order-completed:#e2d7d0;--gj-color-order-completed-text:#3b322c;--gj-color-order-declined:#fae4e1;--gj-color-order-declined-text:#903129;--gj-color-order-cancelled:#f3edea;--gj-color-order-cancelled-text:#68625e;--gj-metal-ag925:#c9c9c9;--gj-metal-yg585:#d4af37;--gj-metal-wg585:#cfccc4;--gj-metal-yg750:#e0b64a;--gj-metal-wg750:#d4d2cc;--gj-metal-pt950:#c5c9cf;--gj-metal-brass:#c9a86a;--gj-elevation-1:0 1px 2px #28211e14;--gj-elevation-2:0 2px 6px #28211e0f, 0 12px 28px -8px #28211e29;--gj-elevation-3:0 4px 12px #28211e14, 0 32px 64px -24px #28211e47;--gj-elevation-sheet:0 -1px 0 #28211e0d, 0 -16px 40px -16px #28211e3d;--gj-focus-ring:0 0 0 2px #f6f3f0, 0 0 0 4px #241f1d}[data-theme=workspace-night]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--gj-color-bg:#171413;--gj-color-surface:#1f1c1a;--gj-color-surface-raised:#272422;--gj-color-surface-sunken:#100e0c;--gj-color-border:#34312f;--gj-color-border-strong:#767270;--gj-color-text:#ede9e5;--gj-color-text-muted:#ada8a5;--gj-color-text-inverse:#171413;--gj-color-accent:#d3b47f;--gj-color-accent-hover:#e1c391;--gj-color-accent-pressed:#c2a36f;--gj-color-accent-contrast:#1a1510;--gj-color-accent-subtle:#322a1d;--gj-color-gold:#d3b47f;--gj-color-selected:#e8e4e1;--gj-color-on-selected:#171413;--gj-color-focus-ring:#ede9e5;--gj-color-overlay:#000000a6;--gj-color-stage-bg:#0b0907;--gj-color-stage-spot:#332c27;--gj-color-success-subtle:#222d23;--gj-color-success-strong:#afd2b3;--gj-color-warning-subtle:#342716;--gj-color-warning-strong:#e1c299;--gj-color-danger-subtle:#342624;--gj-color-danger-strong:#f3b6ad;--gj-color-info-subtle:#232b33;--gj-color-info-strong:#adcbea;--gj-color-neutral-subtle:#2e2925;--gj-color-neutral-strong:#cdc6c1;--gj-color-danger-contrast:#191312;--gj-color-order-new:#232b33;--gj-color-order-new-text:#adcbea;--gj-color-order-revision:#342716;--gj-color-order-revision-text:#e1c299;--gj-color-order-confirmed:#1e2d2c;--gj-color-order-confirmed-text:#a5d2cf;--gj-color-order-production:#2f272e;--gj-color-order-production-text:#dcbbd8;--gj-color-order-ready:#222d23;--gj-color-order-ready-text:#afd2b3;--gj-color-order-shipped:#292933;--gj-color-order-shipped-text:#c3c3ec;--gj-color-order-completed:#413833;--gj-color-order-completed-text:#e4dcd7;--gj-color-order-declined:#342624;--gj-color-order-declined-text:#f3b6ad;--gj-color-order-cancelled:#24201e;--gj-color-order-cancelled-text:#afaaa7;--gj-metal-ag925:#c9c9c9;--gj-metal-yg585:#d4af37;--gj-metal-wg585:#cfccc4;--gj-metal-yg750:#e0b64a;--gj-metal-wg750:#d4d2cc;--gj-metal-pt950:#c5c9cf;--gj-metal-brass:#c9a86a;--gj-elevation-1:0 1px 2px #00000080;--gj-elevation-2:0 2px 6px #00000052, 0 14px 32px -8px #000000b3;--gj-elevation-3:0 4px 12px #0006, 0 32px 64px -24px #000000d9;--gj-elevation-sheet:0 -1px 0 #ffffff12, 0 -16px 40px -16px #000c;--gj-focus-ring:0 0 0 2px #171413, 0 0 0 4px #ede9e5}[data-theme=stage]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--gj-color-bg:#110e0c;--gj-color-surface:#1f1b19;--gj-color-surface-raised:#292523;--gj-color-surface-sunken:#0a0807;--gj-color-border:#393432;--gj-color-border-strong:#7f7976;--gj-color-text:#f2ebe7;--gj-color-text-muted:#b3ada8;--gj-color-text-inverse:#110e0c;--gj-color-accent:#dbb87e;--gj-color-accent-hover:#e8c790;--gj-color-accent-pressed:#c9a76d;--gj-color-accent-contrast:#18130d;--gj-color-accent-subtle:#362c1c;--gj-color-gold:#dbb87e;--gj-color-selected:#ede7e2;--gj-color-on-selected:#110e0c;--gj-color-focus-ring:#f2ebe7;--gj-color-overlay:#000000b3;--gj-color-stage-bg:#110e0c;--gj-color-stage-spot:#332c27;--gj-color-success-subtle:#212d22;--gj-color-success-strong:#b2d5b6;--gj-color-warning-subtle:#332716;--gj-color-warning-strong:#e4c59c;--gj-color-danger-subtle:#342523;--gj-color-danger-strong:#f6b9b1;--gj-color-info-subtle:#222a33;--gj-color-info-strong:#b1ceed;--gj-color-neutral-subtle:#2d2825;--gj-color-neutral-strong:#d0c9c4;--gj-color-danger-contrast:#191211;--gj-color-order-new:#222a33;--gj-color-order-new-text:#b1ceed;--gj-color-order-revision:#332716;--gj-color-order-revision-text:#e4c59c;--gj-color-order-confirmed:#1d2d2c;--gj-color-order-confirmed-text:#a8d5d2;--gj-color-order-production:#2f262e;--gj-color-order-production-text:#e0bedc;--gj-color-order-ready:#212d22;--gj-color-order-ready-text:#b2d5b6;--gj-color-order-shipped:#282833;--gj-color-order-shipped-text:#c6c6ef;--gj-color-order-completed:#403832;--gj-color-order-completed-text:#e8dfda;--gj-color-order-declined:#342523;--gj-color-order-declined-text:#f6b9b1;--gj-color-order-cancelled:#24201d;--gj-color-order-cancelled-text:#b2adaa;--gj-metal-ag925:#c9c9c9;--gj-metal-yg585:#d4af37;--gj-metal-wg585:#cfccc4;--gj-metal-yg750:#e0b64a;--gj-metal-wg750:#d4d2cc;--gj-metal-pt950:#c5c9cf;--gj-metal-brass:#c9a86a;--gj-elevation-1:0 1px 2px #00000080;--gj-elevation-2:0 2px 6px #00000052, 0 14px 32px -8px #000000b3;--gj-elevation-3:0 4px 12px #0006, 0 32px 64px -24px #000000d9;--gj-elevation-sheet:0 -1px 0 #ffffff12, 0 -16px 40px -16px #000c;--gj-focus-ring:0 0 0 2px #110e0c, 0 0 0 4px #f2ebe7}.gj-display{font:var(--gj-display);letter-spacing:var(--gj-display-tracking,normal)}.gj-h1{font:var(--gj-h1);letter-spacing:var(--gj-h1-tracking,normal)}.gj-h2{font:var(--gj-h2);letter-spacing:var(--gj-h2-tracking,normal)}.gj-h3{font:var(--gj-h3);letter-spacing:var(--gj-h3-tracking,normal)}.gj-h4{font:var(--gj-h4);letter-spacing:var(--gj-h4-tracking,normal)}.gj-price-l{font:var(--gj-price-l);letter-spacing:var(--gj-price-l-tracking,normal)}.gj-display-mobile{font:var(--gj-display-mobile);letter-spacing:var(--gj-display-mobile-tracking,normal)}.gj-h1-mobile{font:var(--gj-h1-mobile);letter-spacing:var(--gj-h1-mobile-tracking,normal)}.gj-h2-mobile{font:var(--gj-h2-mobile);letter-spacing:var(--gj-h2-mobile-tracking,normal)}.gj-body-l{font:var(--gj-body-l);letter-spacing:var(--gj-body-l-tracking,normal)}.gj-body-m{font:var(--gj-body-m);letter-spacing:var(--gj-body-m-tracking,normal)}.gj-body-s{font:var(--gj-body-s);letter-spacing:var(--gj-body-s-tracking,normal)}.gj-label{font:var(--gj-label);letter-spacing:var(--gj-label-tracking,normal)}.gj-label-s{font:var(--gj-label-s);letter-spacing:var(--gj-label-s-tracking,normal)}.gj-caption{font:var(--gj-caption);letter-spacing:var(--gj-caption-tracking,normal)}.gj-overline{font:var(--gj-overline);letter-spacing:var(--gj-overline-tracking,normal)}.gj-numeric{font:var(--gj-numeric);letter-spacing:var(--gj-numeric-tracking,normal)}.gj-numeric-s{font:var(--gj-numeric-s);letter-spacing:var(--gj-numeric-s-tracking,normal)}.gj-mono{font:var(--gj-mono);letter-spacing:var(--gj-mono-tracking,normal)}.gj-mono-s{font:var(--gj-mono-s);letter-spacing:var(--gj-mono-s-tracking,normal)}@media (width<=767px){.gj-display{font:var(--gj-display-mobile);letter-spacing:var(--gj-display-mobile-tracking,normal)}.gj-h1{font:var(--gj-h1-mobile);letter-spacing:var(--gj-h1-mobile-tracking,normal)}.gj-h2{font:var(--gj-h2-mobile);letter-spacing:var(--gj-h2-mobile-tracking,normal)}}.gj-num{font-variant-numeric:tabular-nums lining-nums}:root,[data-theme]{--bg:var(--gj-color-bg);--bg-panel:var(--gj-color-surface);--bg-card:var(--gj-color-surface-raised);--border:var(--gj-color-border);--text:var(--gj-color-text);--text-dim:var(--gj-color-text-muted);--accent:var(--gj-color-accent);--accent-text:var(--gj-color-accent-contrast);--error:var(--gj-color-danger-strong);--warn:var(--gj-color-warning-strong);--radius:var(--gj-radius-md)}[data-theme]{--bg-input:var(--gj-color-surface-raised)}:root{font-size:15px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.app{grid-template:"topbar topbar topbar"52px"sidebar viewport infobar"1fr/330px 1fr 300px;height:100%;display:grid}.topbar{border-bottom:1px solid var(--border);background:var(--bg-panel);grid-area:topbar;justify-content:space-between;align-items:center;padding:0 18px;display:flex}.brand{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:14px;font-weight:700}.lang-toggle{background:var(--bg-input);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:4px 10px;font-size:12px}.sidebar,.infobar{background:var(--bg-panel);padding:14px;overflow-y:auto}.sidebar{border-right:1px solid var(--border);grid-area:sidebar}.infobar{border-left:1px solid var(--border);flex-direction:column;grid-area:infobar;gap:12px;display:flex}h2{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin:6px 0 10px;font-size:12px}h3{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:14px 0 6px;font-size:11px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.muted{color:var(--text-dim)}.small{font-size:12px}.error{color:var(--error)}.template-picker{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.template-chip{background:var(--bg-card);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 12px;display:flex}.template-chip.active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--bg-card))}.template-title{font-size:14px;font-weight:600}.template-cat{color:var(--text-dim);font-size:11px}.param-form section{margin-bottom:6px}.field{margin-bottom:12px;display:block}.field-label{color:var(--text);justify-content:space-between;margin-bottom:5px;font-size:13px;display:flex}.field-value{color:var(--text-dim);font-variant-numeric:tabular-nums}.field-row{align-items:center;gap:8px;display:flex}input[type=range]{accent-color:var(--accent);flex:1}input[type=number]{background:var(--bg-input);width:68px;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:4px 6px;font-size:13px}select{background:var(--bg-input);width:100%;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px}.segmented{flex-wrap:wrap;gap:4px;display:flex}.segmented button{background:var(--bg-input);min-width:60px;color:var(--text-dim);border:1px solid var(--border);cursor:pointer;border-radius:6px;flex:1;padding:6px 8px;font-size:12px}.segmented button.active{background:color-mix(in srgb, var(--accent) 18%, var(--bg-input));color:var(--text);border-color:var(--accent)}.field-toggle{justify-content:space-between;align-items:center;display:flex}.stone-head,.stone-row{grid-template-columns:14px 16px minmax(58px,1fr) 52px 52px 52px 18px;align-items:center;gap:4px;margin-bottom:3px;display:grid}.stone-head{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:10px}.stone-row{background:var(--bg-input);border:1px solid var(--border);border-radius:6px;padding:2px 4px}.stone-row.drag-over{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--bg-input))}.stone-grip{color:var(--text-dim);cursor:grab;-webkit-user-select:none;user-select:none;text-align:center;font-size:12px}.stone-grip:active{cursor:grabbing}.stone-index{color:var(--text-dim);font-variant-numeric:tabular-nums;text-align:right;font-size:11px}.stone-row select.stone-cut{border-radius:5px;width:100%;padding:3px 4px;font-size:12px}.stone-cut-fixed{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;padding-left:2px;font-size:12px;overflow:hidden}.stone-row input.stone-dim{background:var(--bg-panel);width:100%;color:var(--text);border:1px solid var(--border);font-variant-numeric:tabular-nums;border-radius:5px;padding:3px 5px;font-size:12px}.stone-row input.stone-dim::placeholder{color:var(--text-dim);opacity:.7}.stone-remove{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:14px;line-height:1}.stone-remove:hover:not(:disabled){color:var(--error)}.stone-remove:disabled{opacity:.3;cursor:default}.stone-add{width:100%;color:var(--text-dim);border:1px dashed var(--border);cursor:pointer;background:0 0;border-radius:6px;margin-top:3px;padding:5px 8px;font-size:12px}.stone-add:hover:not(:disabled){color:var(--text);border-color:var(--accent)}.stone-add:disabled{opacity:.4;cursor:default}.viewport{background:radial-gradient(1200px 600px at 50% 20%, #232833 0%, var(--bg) 70%);grid-area:viewport;position:relative}.viewport canvas{position:absolute;inset:0}.viewport-fallback{text-align:center;color:var(--text-dim);justify-content:center;align-items:center;padding:24px;font-size:13px;display:flex;position:absolute;inset:0}.not-found{max-width:560px;margin:0 auto;padding:96px 24px}.not-found h1{margin:0 0 12px;font-size:24px}.not-found p{color:var(--text-dim);margin:0 0 24px;line-height:1.5}.not-found a{color:var(--accent)}.spinner{color:var(--text-dim);border:1px solid var(--border);pointer-events:none;background:#14171ccc;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:flex;position:absolute;top:14px;left:14px}.spinner .dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:.9s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}.toast{border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--error);align-items:center;gap:10px;max-width:min(90%,560px);padding:10px 14px;font-size:13px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.toast-detail{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.toast button{background:var(--error);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:5px 10px}.alloy-row{flex-wrap:wrap;gap:6px;display:flex}.swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px}.swatch.active{border-color:var(--text)}.alloy-name{color:var(--text-dim);margin:6px 0 4px;font-size:12px}dl{margin:8px 0}dl div{justify-content:space-between;padding:3px 0;display:flex}dt{color:var(--text-dim);font-size:13px}dd{font-variant-numeric:tabular-nums;margin:0;font-size:13px}dd.weight{color:var(--accent);font-size:16px;font-weight:700}.overhead{color:var(--text-dim);margin:8px 0;font-size:12px;display:block}.overhead input{width:100%}.gem-list{margin:0;padding:0;list-style:none}.gem-list li{justify-content:space-between;padding:3px 0;font-size:13px;display:flex}.warnings{margin:0;padding:0;list-style:none}.warnings li{color:var(--warn);padding:3px 0 3px 14px;font-size:12px;position:relative}.warnings li:before{content:"⚠";position:absolute;left:0}.format-row{flex-wrap:wrap;gap:4px 12px;margin-bottom:10px;display:flex}.format-check{align-items:center;gap:6px;font-size:13px;display:flex}button.primary,a.primary{background:var(--accent);width:100%;color:var(--accent-text);cursor:pointer;border:none;border-radius:8px;padding:10px;font-weight:700}a.primary{text-align:center;text-decoration:none;display:inline-block}button.primary:disabled{opacity:.55;cursor:default}button.secondary{background:var(--bg-input);width:100%;color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:8px;margin-top:8px;padding:9px;font-weight:600}button.secondary:disabled{opacity:.55;cursor:default}.modal-backdrop{z-index:100;background:#08090cb8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:min(560px,92vw);max-height:92vh;padding:18px;overflow-y:auto;box-shadow:0 18px 60px #0000008c}.modal h2{margin-top:0}.modal-wait{align-items:center;gap:14px;padding:10px 0;display:flex}.modal-wait-text{margin:0 0 4px}.modal-wait .muted{margin:0}.modal-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex:none;width:28px;height:28px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.render-result{border:1px solid var(--border);border-radius:8px;width:100%;height:auto;display:block}.modal-actions{gap:8px;margin-top:14px;display:flex}.modal-actions>*{flex:1;width:auto;margin-top:0}@media (width<=900px){.app{grid-template:"topbar"48px"viewport"46vh"infobar""sidebar"/1fr;height:auto;min-height:100%}.sidebar,.infobar{border:none;border-top:1px solid var(--border);overflow:visible}.viewport{min-height:46vh}}