@scope(#gb-appiani-mosaic-lab){[hidden]{display:none!important}:scope{--ink:#171b1e;--muted:#697078;--soft:#f4f4f1;--paper:#fafaf8;--stroke:#e2e4e1;--accent:#cf5646;--accent-dark:#b64637;--split:50%;font-family:DM Sans,Arial,sans-serif;color:var(--ink);background:#f4f4f1}*{box-sizing:border-box}:scope{scroll-behavior:smooth}:scope{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,input:focus-visible,.dropzone:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}.app-shell{max-width:1660px;margin:0 auto;min-height:100vh;background:#f7f8f6}.topbar{height:92px;padding:0 clamp(24px,4.2vw,74px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--stroke);gap:20px}.brand,.top-actions{display:flex;align-items:center;gap:17px}.brand-mark{display:grid;grid-template-columns:repeat(2,8px);grid-template-rows:repeat(2,8px);gap:3px;transform:rotate(-6deg)}.brand-mark span{background:var(--accent)}.brand-mark span:nth-child(2){opacity:.76}.brand-mark span:nth-child(3){opacity:.54}.brand-name{font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:25px;letter-spacing:.12em}.brand-period{color:var(--accent)}.brand-rule{height:27px;width:1px;background:#cbd0cd;margin:0 3px}.brand-sub{font-size:11px;font-weight:700;letter-spacing:.16em;color:#555d62}.top-actions{gap:28px}.private-indicator{font-size:10px;font-weight:800;letter-spacing:.12em;color:#6b726d;display:flex;align-items:center;gap:8px;white-space:nowrap}.private-dot,.live-tag span{width:7px;height:7px;background:#74a686;border-radius:50%}.beta{color:#b1b7b2;margin-left:4px}.reference-link{font-size:12px;font-weight:700;white-space:nowrap}.reference-link span{color:var(--accent);font-size:15px}.am-content{padding:0 clamp(20px,3.2vw,55px)}.intro{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:64px 0 54px}.eyebrow,.result-kicker{font-size:10px;font-weight:800;letter-spacing:.19em;color:var(--accent);margin:0}.eyebrow{display:flex;align-items:center;gap:11px}.eyebrow-line{width:24px;height:1px;background:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font-family:Manrope,Arial,sans-serif;font-weight:600;letter-spacing:-.047em;font-size:clamp(38px,4.7vw,72px);line-height:1.13;margin:18px 0 20px}h1 em{font-style:normal;color:var(--accent)}.intro-copy{font-size:15px;line-height:1.85;max-width:685px;color:#626c70;margin:0}.scope-card{background:#1d2225;color:#fff;min-width:252px;padding:21px 24px 19px;border-radius:4px;box-shadow:0 14px 28px #17201f15}.scope-top{display:flex;align-items:center;gap:11px;color:#a3aeab;letter-spacing:.12em;font-weight:800;font-size:10px}.scope-icon{color:var(--accent);font-size:24px;line-height:1}.scope-card strong{display:block;font-family:Manrope,sans-serif;font-size:49px;letter-spacing:-.07em;line-height:1.35}.scope-card strong small{font-size:21px;letter-spacing:-.02em;font-weight:500}.scope-card p{font-size:12px;line-height:1.7;color:#d2d8d5;margin:0 0 15px}.scope-foot{border-top:1px solid #444b4d;padding-top:14px;color:#9fa9a5;font-size:10px}.workspace{display:grid;grid-template-columns:minmax(330px,420px) minmax(0,1fr);gap:16px;align-items:start}.config-panel,.results-panel{background:#fff;border:1px solid var(--stroke);box-shadow:0 4px 25px #16222005}.config-panel{padding:0 25px}.panel-header{height:65px;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.12em;color:#4d585b;border-bottom:1px solid var(--stroke)}.panel-header span:last-child{color:#adb3b0}.step{padding:25px 0 28px;border-bottom:1px solid var(--stroke)}.last-step{border-bottom:0}.step-heading{display:flex;align-items:center;gap:13px;margin-bottom:19px}.step-heading h2{font-family:Manrope,sans-serif;font-size:16px;font-weight:800;letter-spacing:-.035em;margin:0}.step-number{font-size:10px;font-weight:800;color:var(--accent);border:1px solid #e5b7ae;padding:6px 7px}.step-right{margin-left:auto;font-size:10px;color:#969f9c;font-weight:700}.dropzone{border:1px dashed #c7ceca;background:#fafbf9;padding:26px 18px 22px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:.2s}.dropzone:hover,.dropzone.dragover{border-color:var(--accent);background:#fff7f5}.upload-icon{height:39px;width:39px;color:#697777;margin-bottom:6px}.upload-icon svg{width:100%;height:100%}.dropzone strong{font-size:13px;font-weight:700}.dropzone>span{font-size:10px;color:#8b9590;line-height:1.6}.file-button{font-size:11px;border:1px solid #343c3e;background:#fff;padding:10px 18px;margin-top:9px;font-weight:800}.file-button:hover{background:var(--ink);color:#fff}.demo-row{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:12px}.text-button{padding:4px 0;background:none;border:0;color:var(--accent-dark);font-size:11px;font-weight:800}.text-button span{margin-left:8px}.demo-row>span{font-size:10px;color:#a1aaa6}.crop-settings{background:#f7f8f6;padding:14px;margin-top:13px}.setting-label{display:flex;justify-content:space-between;font-size:11px;font-weight:800;margin:17px 0 11px}.setting-label>span{font-size:10px;color:#909995;font-weight:400}.range-label{font-size:10px;display:flex;align-items:center;justify-content:space-between;gap:15px;margin:9px 0;color:#616b69}.range-label input{width:52%;accent-color:var(--accent)}.dimension-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{position:relative;font-size:11px;font-weight:800;display:flex;flex-direction:column;gap:8px}.field>span{position:absolute;bottom:12px;right:12px;color:#9fa8a4;font-weight:400}.field input{width:100%;height:44px;background:#fafbf9;border:1px solid #dce1dc;border-radius:0;padding:10px 40px 10px 12px;color:var(--ink);font-weight:700}.field-hint{font-size:10px;line-height:1.65;color:#919b97;margin:9px 0 16px}.selection-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.format-choice input{position:absolute;opacity:0;pointer-events:none}.format-choice>span{display:flex;flex-direction:column;justify-content:center;padding:12px 10px;min-height:70px;border:1px solid #dfe3df;background:#fcfcfb;cursor:pointer}.format-choice input:checked+span{border-color:var(--accent);background:#fff9f7;box-shadow:inset 0 0 0 1px var(--accent)}.format-choice strong{font-size:12px;letter-spacing:-.025em}.format-choice strong small{font-size:10px}.format-choice>span>small{font-size:10px;color:#929a97;margin-top:5px}.collection-switches{display:flex;gap:7px;margin-bottom:16px}.collection-switches label{display:flex;flex:1;align-items:center;gap:6px;border:1px solid #e4e7e4;padding:10px 7px;cursor:pointer;min-width:0}.collection-switches label>span:last-child{font-size:11px;font-weight:800}.collection-switches small{display:block;font-size:9px;font-weight:400;color:#919b96;margin-top:3px}.collection-switches input{width:13px;height:13px}.switch-color{width:10px;height:10px;border-radius:50%;flex-shrink:0}.switch-color.pastelli{background:#af9c82}.switch-color.lapis{background:#78726c}.palette-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}.palette-swatch{border:2px solid transparent;background:transparent;padding:0;aspect-ratio:1;position:relative;border-radius:2px;min-width:0;transition:transform .12s}.palette-swatch:hover{transform:translateY(-2px)}.palette-swatch span{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:1px solid #0000000d}.palette-swatch.selected{border-color:var(--accent)}.palette-swatch:not(.selected){opacity:.25;filter:grayscale(1)}.palette-swatch.selected:after{content:"\2713";color:#fff;font-size:9px;text-shadow:0 1px 4px #000;background:#0006;position:absolute;bottom:1px;right:1px;padding:0 2px}.palette-actions{display:flex;justify-content:space-between;margin-top:12px}.palette-actions button{font-size:10px;color:#77817d;border:0;background:none;padding:3px 0;text-decoration:underline;text-underline-offset:3px}.engine-options{display:grid;gap:8px}.engine-options label{display:flex;align-items:start;gap:10px;padding:12px;border:1px solid #e0e5e0;cursor:pointer}.engine-options input{position:absolute;opacity:0}.method-radio{width:14px;height:14px;border:1px solid #b6c0bb;border-radius:50%;position:relative;margin-top:3px;flex-shrink:0}.engine-options input:checked+.method-radio{border-color:var(--accent)}.engine-options input:checked+.method-radio:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;background:var(--accent);border-radius:50%}.engine-options label:has(input:checked){background:#fff9f7;border-color:#e8b9b0}.engine-options label strong,.engine-options label small{display:block}.engine-options label strong{font-size:11px}.engine-options label small{font-size:10px;color:#8c9691;line-height:1.4;margin-top:3px}.generate-button{background:var(--accent);color:#fff;border:0;width:100%;padding:18px 17px;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.1em;font-weight:800;margin-top:20px;transition:.2s}.generate-button:hover{background:var(--accent-dark)}.generate-button span:last-child{font-size:20px;font-weight:400;line-height:12px}.progress-box{margin-top:15px}.progress-track{height:4px;background:#eee}.progress-track>div{height:100%;width:0%;background:var(--accent);transition:width .14s}.progress-box>span{font-size:10px;color:#909a96;display:block;margin-top:7px}.error-box{font-size:11px;color:#b02b2b;background:#fff5f4;padding:11px;margin-top:14px}.results-panel{padding:29px clamp(18px,2.1vw,34px) 0;min-width:0}.result-topbar{display:flex;justify-content:space-between;align-items:start;gap:18px}.result-topbar h2{font-family:Manrope,sans-serif;font-size:26px;font-weight:700;letter-spacing:-.045em;margin:10px 0 22px}.live-tag{display:flex;align-items:center;gap:8px;font-weight:800;font-size:9px;letter-spacing:.07em;color:#89958f;white-space:nowrap;margin-top:2px}.view-actions{display:flex;justify-content:space-between;align-items:center;padding:10px 0 14px;gap:9px}.view-tabs{display:flex;border:1px solid #e0e3df;background:#f8f9f7;padding:3px;gap:2px}.view-tab{border:0;background:transparent;color:#7e8884;padding:9px 14px;font-size:10px;font-weight:800}.view-tab.active{background:#fff;color:#1e2828;box-shadow:0 1px 3px #0001}.view-actions>span{font-size:10px;color:#a0aaa5}.preview-frame{min-height:415px;background-color:#eff0ec;background-image:linear-gradient(45deg,#dfe2de 25%,transparent 25%,transparent 75%,#dfe2de 75%),linear-gradient(45deg,#dfe2de 25%,transparent 25%,transparent 75%,#dfe2de 75%);background-position:0 0,12px 12px;background-size:24px 24px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.empty-state{min-height:415px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;text-align:center;padding:25px;background:#f6f6f3;width:100%}.empty-art{display:grid;grid-template-columns:repeat(3,54px);grid-template-rows:repeat(3,54px);gap:4px;margin-bottom:33px;transform:rotate(-10deg)}.empty-art div{border-radius:3px;background:#8f8c83;box-shadow:2px 4px #7d7c7633}.empty-art .e1{background:#bcae96}.empty-art .e2{background:#738288}.empty-art .e3{background:#93877c}.empty-art .e4{background:#d7d0c0}.empty-art .e5{background:#bd6450}.empty-art .e6{background:#60696e}.empty-art .e7{background:#808d85}.empty-art .e8{background:#b1a78d}.empty-art .e9{background:#515f6e}.empty-state>strong{font-family:Manrope,sans-serif;font-size:19px;letter-spacing:-.035em}.empty-state p{font-size:12px;color:#89928d;max-width:320px;line-height:1.7;margin:10px 0 20px}.empty-state button{border:1px solid #222f2f;background:transparent;font-weight:800;font-size:10px;letter-spacing:.08em;padding:12px 16px}.empty-state button span{margin-left:18px;font-size:14px}.canvas-scene{width:100%;aspect-ratio:var(--mosaic-aspect,1);max-height:750px;position:relative;background:#ddd;overflow:hidden}.canvas-scene canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.original-layer{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.split-line{position:absolute;z-index:5;top:0;bottom:0;left:var(--split);width:2px;background:#fff;box-shadow:0 0 0 1px #0003;pointer-events:none}.split-line>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;background:#fff;color:var(--ink);border-radius:50%;display:grid;place-items:center;box-shadow:0 3px 12px #0003;font-size:17px}.canvas-tag{position:absolute;bottom:18px;z-index:4;background:#ffffffed;letter-spacing:.12em;padding:8px 12px;font-size:9px;font-weight:800}.source-tag{left:18px}.output-tag{right:18px}.canvas-scene.view-mosaic .original-layer{clip-path:inset(0 100% 0 0)}.canvas-scene.view-original .original-layer{clip-path:inset(0 0 0 0)}.canvas-scene.view-mosaic .split-line,.canvas-scene.view-original .split-line,.canvas-scene.view-mosaic .source-tag,.canvas-scene.view-original .output-tag{display:none}.compare-control{display:flex;align-items:center;gap:15px;padding:16px 7px 20px}.compare-control>span{font-size:9px;color:#9aa39f;letter-spacing:.06em;font-weight:800}.compare-control input{width:100%;accent-color:var(--accent);height:2px}.compare-control.disabled{opacity:.3;pointer-events:none}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke)}.metric{min-height:118px;padding:20px 10px 18px 2px}.metric:not(:first-child){padding-left:20px;border-left:1px solid var(--stroke)}.metric>span{font-size:9px;letter-spacing:.13em;font-weight:800;color:#818b86;display:block;white-space:nowrap}.metric>strong{display:block;font:700 clamp(22px,2.1vw,32px)/1.35 Manrope,sans-serif;letter-spacing:-.07em;margin-top:3px}.metric>small{font-size:10px;color:#9ca49f}.results-footer{padding:26px 0 28px}.legend-head{display:flex;justify-content:space-between;align-items:center;gap:13px}.legend-head h3{font-family:Manrope,sans-serif;font-size:17px;letter-spacing:-.03em;margin:7px 0 14px}.legend-head>span{font-size:10px;color:#a2aaa6}.legend{max-height:295px;overflow:auto;border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke)}.placeholder-note{font-size:12px;color:#929b97;padding:28px 5px}.legend-item{display:grid;grid-template-columns:27px minmax(90px,1fr) 92px 70px;gap:12px;align-items:center;padding:10px 5px;border-bottom:1px solid #f0f1ef}.legend-item:last-child{border-bottom:0}.legend-color{width:25px;height:25px;border:1px solid #00000012}.legend-item strong{display:block;font-size:11px}.legend-item span{display:block;color:#9aa29d;font-size:9px;margin-top:3px}.legend-code{font-size:10px;font-weight:700}.legend-count{text-align:right;font-size:11px;font-weight:700}.legend-count span{font-weight:400}.export-row{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:9px;margin-top:18px}.export-row button{min-height:44px;display:flex;justify-content:center;align-items:center;gap:7px;white-space:nowrap;padding:8px;border:1px solid #dbe0db;background:#fff;font-size:10px;font-weight:800}.export-row .export-primary{background:#1c2224;color:#fff;border-color:#1c2224}.export-row button:not(:disabled):hover{border-color:var(--accent);color:var(--accent)}.export-row .export-primary:not(:disabled):hover{background:#303a3d;color:#fff;border-color:#303a3d}.methodology{display:flex;gap:18px;padding:25px 32px;margin:25px 0 45px;border:1px solid #e5e7e3;background:#f0f2ef}.methodology-mark{height:26px;min-width:26px;display:grid;place-items:center;border-radius:50%;border:1px solid #99a39d;color:#839089;font-family:Georgia,serif;font-style:italic;font-weight:700}.methodology strong{font-size:12px}.methodology p{font-size:11px;color:#7e8b85;line-height:1.8;margin:8px 0 0;max-width:1070px}.footer{min-height:84px;background:#1d2225;color:#8e9995;padding:0 clamp(24px,4.2vw,74px);display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.13em;font-weight:700}@media(max-width:1150px){.workspace{grid-template-columns:345px minmax(0,1fr)}.config-panel{padding:0 18px}.topbar{height:75px}.intro{padding-top:48px}.intro-copy{max-width:600px}.metric:not(:first-child){padding-left:10px}.metric>span{font-size:8px}.export-row{grid-template-columns:1fr 1fr}.export-primary{grid-column:span 2}.legend-item{grid-template-columns:24px minmax(70px,1fr) 80px 57px;gap:7px}}@media(max-width:930px){.workspace{grid-template-columns:1fr}.config-panel{padding:0 24px}.scope-card{min-width:205px}.intro{align-items:start}.results-panel{padding:24px}.palette-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.config-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.config-panel .panel-header{grid-column:1/-1}.step:nth-child(2){grid-column:1}.step:nth-child(3){grid-column:2}.step:nth-child(4){grid-column:1}.step:nth-child(5){grid-column:2}.step{border-bottom:0}.step:not(.last-step){border-bottom:0}.preview-frame,.empty-state{min-height:450px}}@media(max-width:650px){.topbar{height:70px;padding:0 17px}.brand-name{font-size:18px}.brand-sub{font-size:9px}.brand,.top-actions{gap:9px}.brand-rule{height:22px}.brand-mark{grid-template-columns:repeat(2,6px);grid-template-rows:repeat(2,6px)}.private-indicator{font-size:8px}.reference-link,.beta{display:none}.am-content{padding:0 12px}.intro{display:block;padding:39px 6px 28px}h1{font-size:clamp(34px,8vw,50px);margin:16px 0}.intro-copy{font-size:13px;line-height:1.7}.scope-card{margin-top:25px;display:grid;grid-template-columns:1fr 1fr;column-gap:10px;min-width:0}.scope-top{grid-column:1;align-self:end}.scope-card strong{grid-column:1;font-size:37px}.scope-card p{grid-row:1/3;grid-column:2;align-self:center;margin:0}.scope-foot{grid-column:1/-1;margin-top:8px}.config-panel{display:block;padding:0 20px}.step{border-bottom:1px solid var(--stroke)!important}.last-step{border-bottom:0!important}.palette-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.results-panel{padding:18px 13px 0}.result-topbar h2{font-size:20px}.live-tag{font-size:7px}.view-actions>span{display:none}.preview-frame,.empty-state{min-height:330px}.empty-art{grid-template-columns:repeat(3,39px);grid-template-rows:repeat(3,39px);margin-bottom:22px}.empty-state>strong{font-size:16px}.canvas-tag{font-size:7px;padding:6px;bottom:8px}.source-tag{left:8px}.output-tag{right:8px}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric{min-height:100px;padding:16px 8px!important}.metric:nth-child(3){border-left:0;border-top:1px solid var(--stroke)}.metric:nth-child(4){border-top:1px solid var(--stroke)}.metric:nth-child(2),.metric:nth-child(4){border-left:1px solid var(--stroke)}.metric>strong{font-size:26px}.legend-item{grid-template-columns:23px minmax(62px,1fr) 83px 50px}.legend-code{font-size:9px}.methodology{margin:16px 0 25px;padding:16px;gap:11px}.footer{padding:20px;min-height:65px;font-size:8px;display:flex;flex-direction:column;justify-content:center;gap:10px}.export-row{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*,*:after,*:before{transition:none!important;scroll-behavior:auto!important}}:scope{--ink:#111111;--muted:#6e706f;--soft:#f3f2ef;--paper:#faf9f7;--stroke:#dededb;--accent:#202020;--accent-dark:#000000;font-family:GB Appiani DIN,Arial,sans-serif;background:#f4f3f0}:scope{color:#171717}.app-shell{background:#f7f7f5}.topbar{height:90px;border-bottom:1px solid #e6e6e3;box-shadow:none}.brand{gap:20px}.brand-logo{width:147px;height:auto;display:block;flex-shrink:0}.brand-rule{height:34px;background:#bfc1bd;margin:0 2px}.brand-sub{font-family:DIN Next LT Pro,Barlow,Arial,sans-serif;font-weight:800;letter-spacing:.18em;font-size:11px;color:#171717;line-height:1.35}.brand-sub small{display:block;font-weight:500;font-size:8px;letter-spacing:.15em;margin-top:4px;color:#989995}.private-indicator{color:#6c6e6b;font-size:10px}.private-dot,.live-tag span{background:#727a70}.reference-link{font-weight:600}.reference-link span{color:#606660}.intro{align-items:center;padding:71px 0 64px;position:relative}.intro-content{max-width:790px;flex:1}.eyebrow,.result-kicker{color:#6e6a62;font-family:Barlow,sans-serif;font-weight:700;letter-spacing:.2em}.eyebrow-line{width:27px;background:#a19b91}h1,h2,h3{font-family:DIN Next LT Pro,Barlow,Arial,sans-serif}h1{font-family:Barlow,Arial,sans-serif;font-size:clamp(44px,5.7vw,84px);font-weight:600;letter-spacing:-.053em;line-height:1.06;margin:23px 0 25px}h1 em{font-style:normal;color:#151515;border-bottom:4px solid #aca295;display:inline-block;padding-bottom:6px}.intro-copy{max-width:690px;font-size:15px;line-height:1.8;color:#686966}.intro-copy strong{font-weight:700;color:#333}.material-signature{display:flex;gap:5px;margin-top:31px}.material-signature span{background:var(--tile-color);width:21px;height:21px;border:1px solid #00000010}.scope-card{min-width:265px;background:#181818;color:#fff;border-radius:0;padding:29px 29px 25px;box-shadow:none}.scope-top{gap:14px;color:#bfbfbd;letter-spacing:.12em}.scope-icon-tile{display:grid;grid-template-columns:repeat(2,8px);grid-template-rows:repeat(2,8px);gap:2px;transform:rotate(-3deg)}.scope-icon-tile i{background:#d7d2c9}.scope-icon-tile i:nth-child(2){background:#b9937e}.scope-icon-tile i:nth-child(3){background:#8fa096}.scope-icon-tile i:nth-child(4){background:#49636b}.scope-card strong{font-family:Barlow Condensed,Barlow,Arial,sans-serif;font-size:66px;font-weight:600;letter-spacing:-.01em;margin-top:7px}.scope-card strong small{font-family:Barlow,Arial,sans-serif;font-size:20px;font-weight:400;letter-spacing:0}.scope-card p{color:#d3d3d0;font-size:12px}.scope-foot{border-top:1px solid #4b4b4b;color:#a8aaa5;line-height:1.7}.workspace{gap:15px}.config-panel,.results-panel{box-shadow:none;border:1px solid #dededb}.panel-header{height:68px;color:#1a1a1a;letter-spacing:.13em}.step{padding-top:28px;padding-bottom:29px}.step-heading{gap:14px;margin-bottom:21px}.step-heading h2{font-family:Barlow,Arial,sans-serif;font-size:17px;font-weight:600;letter-spacing:-.025em}.step-number{border:1px solid #b5b5b1;color:#171717;padding:7px 8px;font-weight:600}.dropzone{background:#f9f8f5;border:1px dashed #bbbeb9}.dropzone:hover,.dropzone.dragover{background:#f4f2ed;border-color:#252525}.upload-icon{color:#333}.file-button{background:#191919;color:#fff;border-color:#191919;font-weight:600}.file-button:hover{background:#444;color:#fff}.text-button{color:#303030;text-decoration:underline;text-underline-offset:4px;font-weight:600}.field input{background:#fafaf9;border-color:#d4d4d0}.field input:focus{border-color:#171717}.format-choice>span{border-color:#dededa;background:#fff}.format-choice input:checked+span{border-color:#1d1d1d;background:#f5f4f0;box-shadow:inset 0 0 0 1px #1d1d1d}.palette-swatch.selected{border-color:#151515}.palette-swatch.selected:after{background:#19191999}.collection-switches label{border-color:#e4e3df}.engine-options label:has(input:checked){background:#f6f5f1;border-color:#a4a49e}.engine-options input:checked+.method-radio{border-color:#171717}.engine-options input:checked+.method-radio:after{background:#171717}.generate-button{background:#171717;color:#fff;font-size:12px;letter-spacing:.14em;padding:20px 18px}.generate-button:hover{background:#3a3a3a}.progress-track>div{background:#171717}.results-panel{padding-top:32px}.result-topbar h2{font-family:Barlow,Arial,sans-serif;font-size:27px;font-weight:600;letter-spacing:-.035em}.live-tag{color:#727a72}.view-tabs{border-color:#dadad6;background:#f4f3f0}.view-tab{font-weight:600}.view-tab.active{color:#111}.preview-frame{background-color:#e7e4df;background-image:linear-gradient(45deg,#dcd9d3 25%,transparent 25%,transparent 75%,#dcd9d3 75%),linear-gradient(45deg,#dcd9d3 25%,transparent 25%,transparent 75%,#dcd9d3 75%)}.empty-state{background:#f1efea}.empty-art .e5{background:#b9937e}.empty-state>strong{font-family:Barlow,sans-serif;font-weight:600}.empty-state button{border-color:#181818;font-weight:600}.split-line>span{font-family:Barlow,sans-serif}.canvas-tag{color:#232323;background:#fffef5ed}.metric-grid{background:#fdfcfa}.metric>strong{font-family:Barlow Condensed,Barlow,sans-serif;font-size:clamp(27px,2.5vw,38px);font-weight:600;letter-spacing:0}.metric>span,.legend-head .result-kicker{color:#797971}.legend-head h3{font-family:Barlow,sans-serif;font-weight:600}.export-row button{font-weight:600}.export-row .export-primary{background:#171717;border-color:#171717}.export-row button:not(:disabled):hover{border-color:#555;color:#191919}.methodology{background:#efeee9;border-color:#e2e1dc}.footer{background:#151515;color:#aaa9a5}.footer>span:first-child{font-family:Barlow,sans-serif;text-transform:none;font-size:14px;letter-spacing:.06em;font-weight:700}.footer>span:first-child:first-letter{text-transform:lowercase}.footer-divider{color:#7b7b77;padding:0 9px;font-weight:400}@media(max-width:1150px){h1{font-size:clamp(43px,5.4vw,68px)}.scope-card{min-width:236px}}@media(max-width:930px){.intro{align-items:flex-start}.scope-card{min-width:210px}.brand-logo{width:137px}}@media(max-width:650px){.topbar{height:74px}.brand{gap:11px}.brand-logo{width:104px}.brand-rule{height:28px;margin:0}.brand-sub{font-size:9px;letter-spacing:.1em}.brand-sub small{font-size:6px;letter-spacing:.08em}.private-indicator{font-size:8px}.intro{padding:41px 6px 32px}h1{font-size:clamp(42px,10vw,62px);margin:18px 0 21px}h1 em{border-bottom-width:3px}.intro-copy{font-size:13px;line-height:1.75}.material-signature{margin-top:22px;gap:4px}.material-signature span{width:20px;height:20px}.scope-card{margin-top:28px;padding:23px}.scope-card strong{font-size:50px}.scope-card strong small{font-size:18px}.step-heading h2{font-size:16px}.result-topbar h2{font-size:21px}.metric>strong{font-size:33px}.footer>span:first-child{font-size:11px}}.palette-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px;color:#858580;font-size:10px;line-height:1.5}.palette-toolbar button{border:1px solid #d4d3ce;background:#f8f8f5;color:#171717;font-size:10px;font-weight:700;padding:8px 10px;cursor:pointer;white-space:nowrap}.palette-toolbar button:hover,.palette-toolbar button[aria-expanded=true]{background:#eae9e4}.palette-explorer[hidden]{display:none}.palette-explorer{border:1px solid #e4e3de;padding:12px;background:#fafaf8;max-height:590px;overflow-y:auto;overscroll-behavior:contain}.collection-switches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:13px}.collection-switches label{display:flex;gap:8px;align-items:center;min-width:0;background:#fff;padding:8px;cursor:pointer}.collection-switches label>span{font-size:10px;line-height:1.4;font-weight:700}.collection-switches small{font-size:9px;line-height:1.35;color:#858680;margin:1px 0 0}.palette-groups{display:grid;gap:18px}.palette-collection-heading{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 8px;padding-top:8px;border-top:1px solid #dddcd6}.palette-collection-heading strong{font-size:11px;font-weight:700}.palette-collection-heading span{font-size:9px;color:#84847e;text-align:right}.palette-grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:6px}.palette-swatch{cursor:pointer}.palette-swatch:focus-visible{outline:2px solid #222;outline-offset:3px}.palette-swatch.format-unavailable{opacity:.18!important;cursor:not-allowed;filter:grayscale(1)}.palette-swatch.format-unavailable:after{content:"\2013";background:#5558}.palette-swatch.estimated-swatch:not(.format-unavailable){border-style:dashed}.palette-swatch.metallic-swatch:before{content:"";position:absolute;z-index:1;top:2px;right:2px;bottom:2px;left:2px;pointer-events:none;background:linear-gradient(135deg,transparent 20%,#ffffff70 44%,transparent 58%,#00000026 88%);mix-blend-mode:screen}.palette-caution{font-size:10px;line-height:1.55;color:#82827e;margin:12px 0 0}.material-dot{width:7px;height:7px;border-radius:50%;background:#b59a68;display:inline-block;margin-right:5px}.material-accent{border-top:1px solid #e2e2de;margin-top:18px;padding-top:17px}.material-accent .setting-label{margin-bottom:9px}.accent-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.accent-options label{display:flex;justify-content:center;align-items:center;min-height:48px;cursor:pointer;border:1px solid #d4d4d0;background:#fafaf9;text-align:center;font-size:10px;font-weight:700;padding:8px 3px}.accent-options input{position:absolute;opacity:0}.accent-options label:has(input:checked){background:#252525;color:#fff;border-color:#252525}.accent-options label:has(input:focus-visible){outline:2px solid #555;outline-offset:2px}.accent-options label small{font-size:9px;font-weight:500;display:block;margin-top:3px;opacity:.8}.material-accent>p{font-size:10px;line-height:1.55;color:#888982;margin:10px 0 0}.accent-summary{padding:10px 14px;border-bottom:1px solid #dededb;background:#f7f5f0;color:#686860;font-size:10px;line-height:1.6}@media(max-width:930px){.palette-grid{grid-template-columns:repeat(11,minmax(0,1fr))}}@media(max-width:650px){.palette-toolbar{align-items:flex-start}.palette-explorer{max-height:440px}.palette-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.collection-switches{grid-template-columns:repeat(2,minmax(0,1fr))}.palette-collection-heading span{font-size:8px}}.field select{width:100%;height:48px;padding:10px 12px;border:1px solid #d6d5d0;border-radius:0;background:#fafaf8;color:#202020;font-size:13px;font-weight:700;cursor:pointer}.field select:hover{background:#fff;border-color:#8f8f87}.field select:focus-visible{outline:2px solid #222;outline-offset:2px}.auto-generation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;padding:15px 13px;border:1px solid #d7d6cf;background:#f1f0eb}.auto-generation-label{display:flex;align-items:flex-start;gap:10px;min-width:0}.auto-generation-light{display:inline-block;flex:none;width:9px;height:9px;border-radius:50%;background:#8f9a87;margin-top:4px;box-shadow:0 0 0 3px #dfe5da}.auto-generation-label>div{display:flex;flex-direction:column;gap:5px;min-width:0}.auto-generation-label strong{font-size:11px;letter-spacing:.01em}.auto-generation-label #auto-status{font-size:10px;color:#75786f;line-height:1.35}.regenerate-button{flex:none;min-width:105px;max-width:130px;border:1px solid #262626;background:#242424;color:#fff;padding:10px 11px;font-size:10px;font-weight:700}.regenerate-button:hover:not(:disabled){background:#555}.regenerate-button:focus-visible{outline:2px solid #242424;outline-offset:3px}.auto-generation.is-processing .auto-generation-light{background:#bf956c;box-shadow:0 0 0 3px #ede3d3;animation:appiani-live-pulse 1.6s infinite}.auto-generation.is-ready .auto-generation-light{background:#6a8e68;box-shadow:0 0 0 3px #dcebd9}.auto-generation.is-error .auto-generation-light{background:#ab564e;box-shadow:0 0 0 3px #f4dfdc}@keyframes appiani-live-pulse{50%{opacity:.3}}@media(max-width:430px){.auto-generation{flex-wrap:wrap}.regenerate-button{margin-left:19px}}.canvas-scene{max-width:var(--mosaic-max-width,750px);height:auto;flex:0 1 auto}.palette-swatch.photographic-swatch>span,.legend-color{background-size:cover;background-position:center;background-repeat:no-repeat}.palette-swatch.photographic-swatch>span{image-rendering:auto}.color-basis{border:1px solid #d7d6cf;background:#f5f4ef;padding:14px 12px;margin-bottom:21px}.color-basis .setting-label{margin:0 0 10px}.color-source-options{display:grid;gap:7px}.color-source-options label{background:#fff}.recommended-label{display:inline-block;margin-left:5px;font-size:8px;letter-spacing:.06em;color:#477451;font-style:normal;vertical-align:middle}.basis-caution{font-size:10px;line-height:1.5;color:#777971;margin:9px 0 0}@media(max-width:650px){.color-basis{padding:13px 10px}}.toolbar-select{display:flex;align-items:center;gap:7px;color:#555;font-size:10px;font-weight:700;white-space:nowrap}.toolbar-select select{-webkit-appearance:auto;appearance:auto;background:#fff;border:1px solid #d1d1cc;padding:8px 6px;min-height:36px;font-family:Barlow,Arial,sans-serif;font-size:11px;color:#171717}.field>.field-caption{position:static;bottom:auto;right:auto;color:#202020;font-weight:700}.export-row{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:10px}.export-row button[hidden]{display:none!important}.export-note{font-size:10px;line-height:1.6;color:#777b75;margin:10px 0 20px}.professional-section{margin:48px 0 75px;padding:50px clamp(25px,4vw,60px);background:#fff;border:1px solid #dededb}.professional-section>.eyebrow{font-size:10px;margin:0 0 18px}.professional-section>h2{font-size:clamp(24px,2.7vw,38px);max-width:900px;line-height:1.2;font-weight:600;letter-spacing:-.03em;margin:0 0 20px}.professional-section>p:not(.eyebrow){max-width:1000px;font-size:14px;line-height:1.85;color:#676967;margin:0 0 34px}.professional-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0 0 50px}.professional-grid article{border-top:1px solid #b9b8b2;padding:18px 0 0}.professional-grid h3{font-weight:700;font-size:16px;letter-spacing:-.02em;margin:0 0 9px}.professional-grid p{font-size:12px;line-height:1.75;color:#6f726f;margin:0}.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}.faq-list details{background:#fafaf8;border:1px solid #e5e5e1;padding:16px 18px}.faq-list summary{font-size:13px;font-weight:700;cursor:pointer;line-height:1.5}.faq-list details p{font-size:12px;line-height:1.7;margin:12px 0 0;color:#747874}.faq-list details[open]{border-color:#99998f;background:#fff}@media(max-width:930px){.top-actions{gap:12px}.reference-link{display:none}.toolbar-select{gap:4px}.toolbar-select>span{display:none}.professional-grid{gap:14px}}@media(max-width:650px){.topbar{height:auto;min-height:82px;padding:12px 14px;align-items:flex-start;flex-wrap:wrap}.top-actions{margin-left:auto;justify-content:flex-end;flex-wrap:wrap;gap:8px}.toolbar-select select{min-height:32px;padding:5px 3px}.private-indicator{display:none}.brand-logo{width:98px}.brand-sub{font-size:8px}.export-row{grid-template-columns:1fr}.professional-section{margin:32px 0 45px;padding:27px 20px}.professional-grid,.faq-list{grid-template-columns:1fr}.professional-grid{gap:25px;margin-bottom:30px}}@media(min-width:931px){.workspace>.results-panel{position:sticky;top:16px;align-self:start;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#b9b9b4 #f7f7f5}.workspace>.results-panel:focus-visible{outline:2px solid #555550;outline-offset:3px}}.app-shell,.app-shell *{font-family:GB Appiani DIN,Arial,sans-serif;font-synthesis:none}.app-shell h1,.app-shell .professional-section>h2,.app-shell .result-topbar h2,.app-shell .empty-state>strong,.app-shell .metric>strong,.app-shell .scope-card strong,.app-shell .legend-head h3,.app-shell .footer>span:first-child{font-family:GB Appiani DIN,Arial,sans-serif;font-weight:700}.app-shell h1{letter-spacing:-.028em;line-height:1.1}.app-shell .scope-card strong,.app-shell .metric>strong{letter-spacing:-.025em;font-variant-numeric:tabular-nums}.app-shell .scope-card strong small{font-family:GB Appiani DIN,Arial,sans-serif;font-weight:400}.app-shell .step-heading h2,.app-shell .professional-grid h3,.app-shell .faq-list summary,.app-shell .panel-header,.app-shell .eyebrow,.app-shell .result-kicker,.app-shell .step-number,.app-shell .setting-label,.app-shell .field,.app-shell .toolbar-select,.app-shell .view-tab,.app-shell .export-row button,.app-shell .generate-button,.app-shell .regenerate-button,.app-shell .file-button,.app-shell .format-choice strong,.app-shell .palette-toolbar button,.app-shell .collection-switches label>span,.app-shell .palette-collection-heading strong,.app-shell .accent-options label{font-family:GB Appiani DIN,Arial,sans-serif;font-weight:500}.app-shell .intro-copy,.app-shell .professional-section>p:not(.eyebrow),.app-shell .professional-grid p,.app-shell .faq-list details p,.app-shell .methodology p,.app-shell .dropzone>span,.app-shell .collection-switches small{font-weight:400}.app-shell .metric>small,.app-shell .legend-item span,.app-shell .field-hint,.app-shell .export-note,.app-shell .palette-caution,.app-shell .basis-caution,.app-shell .scope-foot{font-weight:300}.app-shell .methodology-mark{font-family:GB Appiani DIN,Arial,sans-serif;font-weight:700;font-style:normal}.app-shell{--appiani-control-accent:#5e615f}.app-shell :is(button,input,select,summary,.dropzone,.palette-swatch):focus-visible{outline-color:var(--appiani-control-accent)}.app-shell .step-number,.app-shell .palette-swatch.selected,.app-shell .format-choice input:checked+span{border-color:var(--appiani-control-accent)}.app-shell .view-tabs{gap:16px;padding:0;border:0;border-bottom:1px solid #d8d8d3;background:transparent}.app-shell .view-tab{padding:11px 2px 12px;border-bottom:2px solid transparent;background:transparent;box-shadow:none;color:#626660}.app-shell .view-tab.active{border-bottom-color:var(--appiani-control-accent);background:transparent;box-shadow:none;color:#171717}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/gb-am-style.css.map */