.grc-web-workspace,.grc-image-viewer{box-sizing:border-box;border:0;max-width:none;max-height:none;width:100vw;height:100dvh;margin:0;padding:0;background:#071421;color:#e9f1f7;font-family:system-ui,-apple-system,sans-serif}.grc-web-workspace *,.grc-image-viewer *{box-sizing:border-box}.grc-web-workspace::backdrop,.grc-image-viewer::backdrop{background:#050b12}.grc-web-workspace{overflow:auto;overscroll-behavior:contain}.grc-web-workspace button,.grc-image-viewer button{font:inherit;cursor:pointer;border:1px solid #4a6279;border-radius:10px;padding:11px 15px;background:#14293b;color:#f2f6f9;min-height:44px}.grc-web-workspace button:focus-visible,.grc-image-viewer button:focus-visible{outline:3px solid #f2c063;outline-offset:3px}.grc-web-workspace button:disabled{cursor:wait;opacity:.5}.grc-web-top{position:sticky;top:0;z-index:2;background:#0b1d2de8;backdrop-filter:blur(10px);border-bottom:1px solid #2e465b;display:flex;gap:12px;align-items:center;justify-content:space-between;padding:calc(12px + env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 12px max(20px,env(safe-area-inset-left))}.grc-web-top h1{font-size:18px;line-height:1.4;margin:0;max-width:75%}.grc-web-main{width:min(940px,100%);margin:0 auto;padding:24px max(20px,env(safe-area-inset-right)) max(40px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.grc-web-meta{color:#83e0ce;font-weight:700}.grc-web-context,.grc-web-explanation{white-space:pre-wrap;line-height:1.65}.grc-web-main h2{font-size:23px;line-height:1.45}.grc-web-progress{width:100%;accent-color:#50d4b6;height:12px}.grc-preview{margin:20px 0;min-height:100px;border:1px solid #345168;border-radius:14px;background:#0d2132;padding:12px;text-align:center}.grc-preview button.grc-image-open{border:0;padding:0;display:block;width:100%;background:transparent}.grc-preview img{display:block;width:100%;max-height:240px;object-fit:contain;border-radius:6px;image-rendering:auto}.grc-preview p{margin:12px 0 2px;color:#9bedda;font-size:14px}.grc-image-status{padding:26px;color:#c8d6e3}.grc-web-choices{display:grid;gap:12px;margin:22px 0}.grc-web-option{display:flex;align-items:flex-start;gap:12px;cursor:pointer;background:#10273a;border:1px solid #345168;border-radius:12px;padding:16px;line-height:1.5}.grc-web-option:has(input:checked){border:2px solid #52d6b8;background:#103d3d;padding:15px}.grc-web-option input{width:20px;height:20px;accent-color:#4dd5b6;flex:none;margin:2px}.grc-web-input{width:100%;min-height:52px;border:1px solid #608095;background:#112b40;color:#fff;font:inherit;border-radius:10px;padding:14px;margin:18px 0}.grc-web-primary{background:#166b5b!important;border-color:#50c4ac!important;font-weight:700!important}.grc-web-hint{padding:12px 16px;background:#142d40;border-radius:10px;line-height:1.6}.grc-web-hint summary{cursor:pointer;color:#acddf5}.grc-web-error{color:#ffb6a9;white-space:pre-wrap}.grc-order-row{display:flex;gap:8px;align-items:center;padding:12px;border:1px solid #345168;border-radius:10px;background:#112b40;margin:9px 0}.grc-order-row span{flex:1;line-height:1.5}.grc-order-row button{padding:8px 12px}.grc-order-drop{border:2px dashed #62d6be;border-radius:12px;padding:15px;margin-top:14px}.grc-web-audio{width:100%;margin:14px 0}.grc-image-viewer{display:none;flex-direction:column;overflow:hidden;touch-action:none}.grc-image-viewer[open]{display:flex}.grc-viewer-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#122331;padding:calc(10px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left));z-index:1}.grc-viewer-toolbar strong{margin-right:auto}.grc-viewer-stage{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:none;cursor:grab;user-select:none}.grc-viewer-stage:active{cursor:grabbing}.grc-viewer-stage img{position:absolute;left:0;top:0;max-width:none;max-height:none;transform-origin:0 0;user-select:none;pointer-events:none;will-change:transform}.grc-viewer-help{margin:0;font-size:13px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#122331;color:#b3c5d4}.grc-web-working{padding:40px;text-align:center}.grc-web-spinner{display:inline-block;border:3px solid #3b596d;border-top-color:#5ce2c1;border-radius:50%;width:28px;height:28px;animation:grc-spin .8s linear infinite}@keyframes grc-spin{to{transform:rotate(360deg)}}@media(max-width:600px){.grc-web-top h1{font-size:15px}.grc-web-main{padding-top:18px}.grc-preview img{max-height:190px}.grc-viewer-toolbar strong{font-size:14px}.grc-image-viewer button{font-size:12px;padding:9px}.grc-viewer-help{font-size:11px}}@media(prefers-reduced-motion:reduce){.grc-web-spinner{animation:none}}

.grc-drop-zone{padding:20px;border:2px dashed #72bfae;border-radius:12px;margin:16px 0;color:#d9fff3}