.poland-flag{display:inline-block;flex-shrink:0;width:32px;height:20px;border:0;border-radius:0;background:url('poland-flag.svg') center / 100% 100% no-repeat;outline:1px solid #a6aa9b;outline-offset:0;vertical-align:middle}
.origin-note,.studio-location{display:flex;align-items:center;gap:10px;color:#60655c;font-size:12px;margin:23px 0 0}
.origin-note{font-family:Consolas,'Courier New',monospace;font-size:11px;letter-spacing:.3px}
.hero>div{min-width:0}
.banana-editor{width:100%;border:1px solid #cdd0c1;border-radius:12px;background:#eeefe6;overflow:hidden;box-shadow:0 12px 0 -8px #dfe1d3;font-family:Consolas,'Courier New',monospace;color:#4d5646;user-select:none}
.editor-topline{height:43px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #d5d8ca;background:#f3f4eb;font-size:11px}
.asset-name{display:inline-flex;align-items:center;gap:7px;color:#30392a;font-weight:700}
.asset-icon{color:#82912f;font-size:18px}
.viewer-status{font-size:10px;color:#69725e}
.banana-stage{height:319px;position:relative;background:radial-gradient(ellipse at 50% 35%,#fcfcec99,transparent 75%),linear-gradient(#d8ddcd65 1px,transparent 1px),linear-gradient(90deg,#d8ddcd65 1px,transparent 1px);background-size:auto,31px 31px,31px 31px;overflow:hidden}
#banana-canvas{display:block;width:100%;height:100%;position:relative;z-index:1;touch-action:none;cursor:grab;opacity:0;outline-offset:-5px}
#banana-canvas:focus-visible{outline:3px solid #899936}
#banana-canvas.is-dragging{cursor:grabbing}
.banana-fallback{position:absolute;left:50%;top:50%;width:min(70%,280px);height:auto;transform:translate(-50%,-50%) rotate(-12deg);pointer-events:none}
.banana-editor[data-state=ready] #banana-canvas{opacity:1}
.banana-editor[data-state=ready] .banana-fallback{display:none}
.stage-label,.stage-stamp{position:absolute;z-index:2;pointer-events:none;font-size:9px;letter-spacing:1px;color:#78836b}
.stage-label{left:16px;top:15px}
.stage-stamp{right:16px;bottom:17px;font-size:8px;letter-spacing:.6px}
.axis-gizmo{position:absolute;bottom:7px;left:7px;width:68px;height:68px;z-index:2;pointer-events:none}
.axis-gizmo line{stroke-width:1.6}.axis-gizmo text{font-size:9px;font-weight:700;text-anchor:middle}.axis-gizmo [data-axis=x]{stroke:#b14f48;fill:#b14f48}.axis-gizmo [data-axis=y]{stroke:#69894a;fill:#69894a}.axis-gizmo [data-axis=z]{stroke:#547caa;fill:#547caa}.axis-gizmo text{stroke:none}
.rotation-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:13px 17px;border-top:1px solid #d4d8c8;background:#f4f5ed}
.axis-control{display:grid;grid-template-columns:14px 1fr;gap:3px 7px;align-items:center;font-size:11px;font-weight:700}
.axis-control output{grid-column:2;grid-row:1;font-size:10px;font-weight:400;color:#657159;text-align:right}
.axis-control input{grid-column:1/-1;grid-row:2;width:100%;margin:0;height:19px;cursor:ew-resize;accent-color:#788b39}
.axis-control input:focus-visible{outline:2px solid #87993f;outline-offset:3px}
.axis-x>span{color:#b14f48}.axis-y>span{color:#69894a}.axis-z>span{color:#547caa}
.editor-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 17px 0;border-top:1px solid #d4d8c8}
.editor-toolbar button{font-family:inherit;color:#414d34;font-size:10px;border:1px solid #c5cbb7;border-radius:4px;background:#f6f7ee;cursor:pointer;min-height:33px}
.editor-toolbar button:hover{background:#e0e6ce}.editor-toolbar button[aria-pressed=true]{background:#d7e68e;border-color:#91a840;color:#2d391d}.editor-toolbar button:disabled{opacity:.5;cursor:default}
.viewer-button{padding:7px 10px}.reset-button{display:flex;align-items:center;gap:6px}.reset-button span{font-size:15px}
.zoom-controls{display:flex;align-items:center;gap:8px}.zoom-controls button{width:31px;font-size:15px}.zoom-controls output{font-size:10px;width:38px;text-align:center;color:#657159}
.viewer-hint{margin:0;padding:11px 17px 13px;font-size:9px;text-align:center;line-height:1.5;color:#728064;letter-spacing:.1px}
.banana-editor[data-state=unavailable] .rotation-controls,.banana-editor[data-state=unavailable] .editor-toolbar,.banana-editor[data-state=unavailable] .axis-gizmo{display:none}
.about{row-gap:32px}
.studio-location{font-size:13px;margin-top:24px}
.studio-facts{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:24px;border-top:1px solid #d9dacf;margin:5px 0 0;padding-top:25px}
.studio-facts div+div{border-left:1px solid #d9dacf;padding-left:28px}
.studio-facts dt{font-family:Consolas,'Courier New',monospace;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#6c755f;margin:0 0 9px}
.studio-facts dd{margin:0;font-size:19px;font-weight:700;letter-spacing:-.4px}
.studio-follow{grid-column:1/-1;font-size:13px;line-height:1.7;color:#60655c;margin:-9px 0 0}
.studio-follow a{color:#303a21;text-decoration:underline;text-underline-offset:3px;font-weight:700}.studio-follow a:hover{color:#767a15}
.footer-tagline{display:inline-flex;align-items:center;gap:8px}
@media(max-width:1000px) and (min-width:641px){.hero{grid-template-columns:1.12fr 1fr;gap:25px}.banana-stage{height:282px}.editor-topline{padding:0 13px}.rotation-controls{padding:12px 13px;gap:11px}.editor-toolbar{padding:9px 12px 0;gap:7px}.viewer-button{padding:6px 7px}.zoom-controls{gap:4px}.zoom-controls button{width:25px}.viewer-hint{font-size:8px;padding-left:8px;padding-right:8px}}
@media(max-width:640px){.banana-editor{margin-top:31px}.banana-stage{height:287px}.editor-topline{height:43px}.origin-note{margin-top:21px;font-size:10px}.rotation-controls{padding:13px 16px;gap:14px}.editor-toolbar{padding:10px 16px 0}.editor-toolbar button{min-height:36px}.viewer-hint{padding:12px 12px 14px;font-size:9px}.studio-facts{grid-template-columns:1fr 1fr;gap:21px 16px;margin-top:3px;padding-top:23px}.studio-facts div+div{padding-left:20px}.studio-facts div:last-child{grid-column:1/-1;border:0;padding:0}.studio-facts dd{font-size:18px}.studio-follow{font-size:13px;margin:-4px 0 0}.studio-location{margin-top:20px}.about{row-gap:24px}}
@media(max-width:360px){.banana-stage{height:253px}.editor-topline{padding:0 12px}.rotation-controls{padding:12px;gap:10px}.editor-toolbar{padding:9px 12px 0;gap:6px}.viewer-button{padding:7px 8px}.zoom-controls{gap:4px}.zoom-controls button{width:27px}.viewer-hint{font-size:8px}}
@media(max-width:640px){.editor-toolbar button{min-height:40px}.axis-control input{height:27px}}