.gkc-app{--gkc-green:#315b3a;--gkc-deep:#183425;--gkc-copy:#5f6d64;--gkc-line:rgba(42,73,51,.17);background:#fbfaf5;color:var(--gkc-deep);padding:60px var(--gutter,6vw) 80px;font:15px/1.6 "Helvetica Neue","Segoe UI",Arial,sans-serif;min-height:70vh}.gkc-app *{box-sizing:border-box}.gkc-app [hidden]{display:none!important}.gkc-app button,.gkc-app input,.gkc-app textarea{font:inherit}.gkc-app button{cursor:pointer}.gkc-app button:disabled{opacity:.5;cursor:not-allowed}.gkc-app :focus-visible{outline:2px solid #315b3a;outline-offset:4px}.gkc-app h1,.gkc-app h2,.gkc-app h3{font-family:Georgia,serif;font-weight:400;letter-spacing:-.035em;line-height:1.15}.gkc-intro{display:grid;grid-template-columns:1.1fr .8fr;gap:70px;max-width:1230px;margin:0 auto 45px;align-items:end;padding-bottom:36px;border-bottom:1px solid var(--gkc-line)}.gkc-kicker{margin:0 0 12px;color:#aa8168;font-size:10px;letter-spacing:.16em;font-weight:800;text-transform:uppercase}.gkc-intro h1{font-size:clamp(38px,4.7vw,66px);margin:0;max-width:700px;text-wrap:balance}.gkc-intro>div>p:not(.gkc-kicker){color:var(--gkc-copy);margin:0 0 18px;max-width:370px;font-size:16px;line-height:1.8}.gkc-intro-note{font:italic 18px Georgia,serif;color:var(--gkc-green)}.gkc-workbench{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.8fr);gap:50px;max-width:1230px;margin:auto;align-items:start}.gkc-controls{display:grid;gap:26px;min-width:0}.gkc-panel{border:1px solid var(--gkc-line);border-radius:16px;background:#fffefb;padding:26px;display:grid;gap:20px;min-width:0}.gkc-section-title{display:flex;align-items:center;gap:17px}.gkc-section-title>span{border:1px solid #d4dacd;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:11px;color:#75836a;flex:none}.gkc-section-title .gkc-kicker{margin:0 0 6px;font-size:9px}.gkc-section-title h2,.gkc-preview-heading h2{font-size:27px;margin:0}.gkc-search input,.gkc-field input{width:100%;border:1px solid var(--gkc-line);border-radius:9px;color:var(--gkc-deep);padding:13px 15px;background:#fbfaf5;font-size:14px}.gkc-search input{background:#f4f3eb}.gkc-items{display:grid;gap:8px;max-height:440px;overflow:auto;scrollbar-width:thin;scrollbar-color:#b2bfa7 transparent;padding:3px}.gkc-item{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid transparent;border-radius:9px;padding:9px 8px;background:#fbfaf5}.gkc-item.gkc-selected{border-color:#86a17a;background:#eef1e7}.gkc-item img,.gkc-item-art{width:56px;height:56px;object-fit:cover;border-radius:6px;display:grid;place-items:center;background:#e5e8de;color:#7d9073}.gkc-item h3{font-size:17px;margin:0 0 6px;letter-spacing:-.01em;overflow-wrap:anywhere}.gkc-item small{font-size:10px;color:var(--gkc-copy)}.gkc-stepper{display:flex;align-items:center;border:1px solid var(--gkc-line);border-radius:999px;background:#fffefb;flex-shrink:0}.gkc-stepper button{border:0;background:none;width:34px;min-height:42px;font-size:19px;color:var(--gkc-green);border-radius:999px}.gkc-stepper output{min-width:20px;text-align:center;font-size:13px;font-variant-numeric:tabular-nums}.gkc-selection{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--gkc-line);padding-top:16px;font-size:11px}.gkc-selection>span{margin-right:auto;color:var(--gkc-copy)}.gkc-text-link{border:0;background:none;padding:0;color:var(--gkc-green);font:600 12px/1.6 "Helvetica Neue","Segoe UI",Arial,sans-serif;text-decoration:underline;text-underline-offset:4px;text-align:left}.gkc-app button.gkc-text-link{font-size:12px;font-weight:600}.gkc-designs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.gkc-design{border:1px solid var(--gkc-line);padding:9px;border-radius:10px;background:#fbfaf5;display:grid;gap:10px;font-size:10px!important;font-weight:800!important;letter-spacing:.1em;text-transform:uppercase;color:var(--gkc-copy)}.gkc-design[aria-pressed=true]{border-color:var(--gkc-green);box-shadow:0 0 0 1px var(--gkc-green);color:var(--gkc-green)}.gkc-design-art{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;border-radius:5px;background:#183425;color:#f3efe1}.gkc-design-art i{position:absolute;inset:0 0 45%;background:radial-gradient(ellipse at 70% 20%,#d8c498 0 12%,transparent 13%),radial-gradient(ellipse at 30% 50%,#7b9261 0 20%,transparent 21%),linear-gradient(135deg,#aa8168,#d9d8bb)}.gkc-design-art b{position:absolute;top:8%;left:0;right:0;font:italic 18px Georgia,serif;text-transform:none}.gkc-design-art em{position:absolute;bottom:5%;left:0;right:0;font:normal 30px Georgia,serif}.gkc-art-menu{background:#e5e8de;color:#183425}.gkc-art-menu i{inset:23% 12% 36%;border-radius:30%}.gkc-art-menu b{font-size:14px}.gkc-art-menu em{font-size:22px}.gkc-art-poster i{inset:0;background:linear-gradient(transparent,#183425 85%),radial-gradient(ellipse at 65% 25%,#c5aa7a,#768c65 45%,#395b3a 70%)}.gkc-art-poster b{top:14%}.gkc-art-poster em{bottom:19%;font-size:36px}.gkc-formats{display:flex;gap:10px}.gkc-button{display:inline-flex;justify-content:center;align-items:center;gap:10px;border:1px solid var(--gkc-line);border-radius:999px;padding:14px 19px;background:#ede6d2;color:var(--gkc-deep);font:800 10px/1.5 "Helvetica Neue","Segoe UI",Arial,sans-serif!important;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;text-align:center;min-height:44px}.gkc-button.gkc-primary,.gkc-formats [aria-pressed=true]{background:var(--gkc-green);border-color:var(--gkc-green);color:#fff}.gkc-button:hover:not(:disabled){filter:brightness(.96)}.gkc-formats .gkc-button{flex:1}.gkc-formats .gkc-button span{opacity:.65;font-size:9px}.gkc-photo-controls{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.gkc-upload{position:relative;overflow:hidden;cursor:pointer;background:#fbfaf5}.gkc-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.gkc-upload:focus-within{outline:2px solid var(--gkc-green);outline-offset:4px}.gkc-hint{font-size:12px;line-height:1.7;color:var(--gkc-copy);margin:0}.gkc-field{display:grid;gap:9px;font-size:12px;color:var(--gkc-copy)}.gkc-check{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--gkc-copy)}.gkc-check input{width:18px;height:18px;accent-color:var(--gkc-green);flex:none}.gkc-method{padding:5px 5px 20px;color:var(--gkc-copy);font-size:12px;line-height:1.8}.gkc-method summary,.gkc-caption-details summary{cursor:pointer;font-size:12px;color:var(--gkc-green);padding-block:8px}.gkc-method li{margin-bottom:12px}.gkc-preview-panel{position:sticky;top:calc(var(--header-height,104px) + 22px);min-width:0;scroll-margin-top:calc(var(--header-height,104px) + 22px);display:grid;gap:16px;outline:none}.gkc-preview-heading{display:flex;align-items:end;justify-content:space-between;gap:12px}.gkc-preview-heading .gkc-kicker{margin-bottom:8px;font-size:9px}.gkc-preview-heading h2{font-size:25px}.gkc-size{white-space:nowrap;font-size:9px;color:#83907d}.gkc-stage{display:grid;place-items:center;padding:22px;background:#e5e8de;border-radius:16px;min-height:240px}.gkc-stage>img{max-height:600px;max-width:100%;width:auto;display:block;box-shadow:0 12px 24px rgba(24,52,37,.13);border-radius:6px}.gkc-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:310px;text-align:center;min-height:400px;padding:35px 20px;border:1px solid #bdc9b4;width:100%;border-radius:160px 160px 10px 10px;color:#526c46}.gkc-empty h3{font-size:25px;margin:27px 0 14px}.gkc-empty p{font-size:13px;max-width:200px;margin:0;color:var(--gkc-copy)}.gkc-empty svg{opacity:.7}.gkc-export{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gkc-totals{display:flex;gap:14px;justify-content:space-between;border-bottom:1px solid var(--gkc-line);padding:0 0 15px}.gkc-totals strong{display:block;font-size:20px;font-family:Georgia,serif;font-weight:400}.gkc-totals small{font-size:10px;color:var(--gkc-copy)}.gkc-caption{width:100%;resize:vertical;border:1px solid var(--gkc-line);border-radius:8px;padding:12px;background:#fffefb;color:var(--gkc-copy);font-size:12px!important;line-height:1.6!important}.gkc-caption-actions{display:flex;gap:20px;flex-wrap:wrap;margin-top:10px}.gkc-toast{position:fixed;bottom:25px;right:25px;max-width:min(420px,calc(100% - 32px));z-index:75;background:#183425;color:#fbfaf5;padding:16px 22px;border-radius:12px;box-shadow:0 8px 30px #18342530;font-size:13px;margin:0}.gkc-unavailable{max-width:700px;margin:60px auto;text-align:center}.gkc-unavailable h2{font-size:35px}.gkc-unavailable p{color:var(--gkc-copy);margin:25px 0}.gkc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1100px){.gkc-workbench,.gkc-intro{gap:28px}.gkc-panel{padding:20px}.gkc-item{gap:8px;grid-template-columns:44px minmax(0,1fr) auto}.gkc-item img,.gkc-item-art{width:44px;height:48px}.gkc-item h3{font-size:15px}.gkc-stepper button{width:30px}.gkc-stepper output{min-width:18px}.gkc-preview-heading{align-items:start;flex-direction:column}.gkc-stage{padding:16px}}
@media(max-width:760px){.gkc-app{padding:36px 22px 55px}.gkc-intro{grid-template-columns:1fr;gap:20px;margin-bottom:26px;padding-bottom:28px}.gkc-intro h1{max-width:540px;font-size:44px}.gkc-intro>div>p:not(.gkc-kicker){max-width:480px;font-size:14px;margin-bottom:10px}.gkc-workbench{grid-template-columns:1fr;max-width:600px}.gkc-preview-panel{position:static}.gkc-preview-heading{flex-direction:row}.gkc-items{max-height:360px}.gkc-item{grid-template-columns:56px minmax(0,1fr) auto}.gkc-item img,.gkc-item-art{width:56px;height:56px}.gkc-stage>img{max-height:660px}.gkc-method{padding-bottom:0}.gkc-controls{gap:20px}.gkc-panel{border-radius:12px}.gkc-design-art{aspect-ratio:1/1}.gkc-design-art b{font-size:21px}.gkc-design-art em{font-size:34px}.gkc-designs{max-width:440px;width:100%;margin:auto}}
@media(max-width:420px){.gkc-app{padding-inline:16px}.gkc-intro h1{font-size:38px}.gkc-panel{padding:16px}.gkc-section-title{gap:12px}.gkc-section-title h2{font-size:24px}.gkc-item{grid-template-columns:40px minmax(0,1fr) auto;gap:8px;padding:8px 5px}.gkc-item img,.gkc-item-art{width:40px;height:46px}.gkc-item h3{font-size:15px}.gkc-stepper button{width:30px}.gkc-stepper output{min-width:18px}.gkc-designs{gap:8px}.gkc-design{padding:7px;letter-spacing:.06em}.gkc-button{padding-inline:14px}.gkc-export{grid-template-columns:1fr}.gkc-photo-controls .gkc-upload{width:100%}.gkc-preview-heading{flex-wrap:wrap}.gkc-stage{padding:16px}}
@media(prefers-reduced-motion:reduce){.gkc-app *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}