/* Code-render export recipes; verbatim rules from current ink-hub.css. Not AI-generated artwork. */
*{box-sizing:border-box}
html,body{margin:0;background:transparent}
/* ink-hub.css:4 */
.app-shell{position:relative;background:linear-gradient(#faf6ead9,#f7f0e3df),url('paper-texture.png') center/600px;max-width:480px;padding-bottom:1px}
/* ink-hub.css:5 */
.peripheral-frame{position:absolute;z-index:22;inset:7px;pointer-events:none;border:1px solid #b9914855;min-height:calc(100dvh - 14px)}
/* ink-hub.css:6 */
.peripheral-frame i{position:absolute;width:23px;height:23px;border-top:1px solid #b88b3e;border-left:1px solid #b88b3e;left:-2px;top:-2px}
/* ink-hub.css:7 */
.peripheral-frame i:before{content:'';position:absolute;inset:4px 10px 10px 4px;border:1px solid #b88b3e}
/* ink-hub.css:8 */
.peripheral-frame i:after{content:'';position:absolute;inset:8px 5px 5px 8px;border-top:1px solid #b88b3e;border-left:1px solid #b88b3e}
/* ink-hub.css:9 */
.peripheral-frame i:nth-child(2){left:auto;right:-2px;transform:rotate(90deg)}
/* ink-hub.css:10 */
.peripheral-frame i:nth-child(3){top:auto;bottom:-2px;transform:rotate(-90deg)}
/* ink-hub.css:11 */
.peripheral-frame i:nth-child(4){top:auto;bottom:-2px;left:auto;right:-2px;transform:rotate(180deg)}
/* ink-hub.css:23 */
.ink-scene{position:absolute;inset:0;pointer-events:none;z-index:-1}.stage-art{width:calc(100% + 48px);height:67%;max-height:420px;left:-24px;bottom:-6px;object-fit:contain;object-position:center bottom;filter:saturate(.84)}
/* ink-hub.css:24 */
.scene-sun{position:absolute;width:78px;height:78px;right:2%;top:32%;border-radius:50%;background:radial-gradient(circle,#e5aa8145,#df9c6630)}
/* ink-hub.css:27 */
.scene-caption{margin-top:18px;text-align:center;color:#617361}.scene-caption strong{font:26px YiZiBrush;letter-spacing:5px;display:block;color:#244a40}.scene-caption span{font-family:'Songti SC',serif;font-size:13px}.is-tower .stage-art{height:60%;width:88%;left:6%;bottom:-4px}.is-tower .scene-sun{top:48%;right:2%;width:63px;height:63px}

/* Isolated export mounts only. These do not change the component's strokes or gradients. */
.frame-preview{position:relative;width:390px;height:844px;background:transparent;isolation:isolate}
.corner-preview{position:relative;width:120px;height:120px;background:transparent;isolation:isolate}
.corner-preview .peripheral-frame{inset:30px;min-height:0;border:none}
.sun-preview{position:relative;isolation:isolate;width:300px;height:300px;background:transparent}
.paper-preview{width:390px;height:844px;min-height:844px;max-width:480px}