*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;min-height:100vh;background-color:#ae2424}#root{width:100%;min-height:100vh}.app-container{width:100%;max-width:600px;margin:0 auto;display:flex;justify-content:center;align-items:flex-start;min-height:100vh}.screen-container{width:100%;position:relative}.screen-image{width:100%;height:auto;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;pointer-events:none}.start-button-overlay{position:absolute;left:28.33%;top:82.8%;width:43.33%;height:6.52%;background:transparent;border:none;cursor:pointer;z-index:10}.qr-scan-button-overlay{position:absolute;left:6.94%;top:31.19%;width:86.67%;height:3.09%;background:transparent;border:none;cursor:pointer;z-index:10}.stamp-overlay{position:absolute;width:38.33%;height:7.42%;z-index:5;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;pointer-events:none}.stamp-1{left:30.83%;top:37.99%}.stamp-2{left:30.83%;top:56.78%}.stamp-3{left:30.83%;top:76.65%}.qr-page{padding:40px 20px;max-width:1200px;margin:0 auto;background-color:#fff;min-height:100vh}.qr-page h1{color:#ae2424;text-align:center;margin-bottom:10px;font-size:2em}.qr-subtitle{text-align:center;color:#666;margin-bottom:40px;font-size:1.1em}.qr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}.qr-item{display:flex;flex-direction:column;align-items:center;padding:20px;border:2px solid #e0e0e0;border-radius:12px;background-color:#fafafa}.qr-label{margin-top:15px;font-weight:700;color:#333;text-align:center;font-size:1.1em}.qr-url{margin-top:5px;color:#999;font-size:.85em;font-family:monospace;text-align:center;word-break:break-all}.qr-button-group{display:flex;gap:10px;margin-top:15px;width:100%;justify-content:center}.qr-copy-btn,.qr-download-btn{padding:10px 20px;border:none;border-radius:6px;font-size:.9em;font-weight:600;cursor:pointer;transition:background-color .2s,transform .1s;flex:1;max-width:140px}.qr-copy-btn{background-color:#f0f0f0;color:#333}.qr-copy-btn:hover{background-color:#e0e0e0}.qr-download-btn{background-color:#ae2424;color:#fff}.qr-download-btn:hover{background-color:#8f1d1d}.qr-copy-btn:active,.qr-download-btn:active{transform:scale(.98)}.qr-info{background-color:#fff3cd;border:1px solid #ffc107;border-radius:8px;padding:20px;margin-top:40px}.qr-info p{margin:10px 0;color:#856404;font-size:1em;line-height:1.6}@media print{.qr-page{background-color:#fff}.qr-item{break-inside:avoid;page-break-inside:avoid}.qr-info{display:none}}