*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a1a;background:#fafafa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}nav{background:#fff;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.nav-brand{color:#1a1a1a;font-size:1.2rem;font-weight:700;text-decoration:none}.nav-links{gap:1.5rem;display:flex}.nav-links a{color:#555;text-decoration:none}.nav-links a:hover{color:#1a1a1a}main{max-width:960px;margin:0 auto;padding:2rem}.hero{text-align:center;padding:4rem 0}.hero h1{margin-bottom:.5rem;font-size:2.5rem}.hero p{color:#555;margin-bottom:2rem;font-size:1.1rem}.btn{cursor:pointer;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;text-decoration:none;display:inline-block}.btn-primary{color:#fff;background:#06c}.btn-primary:hover{background:#0052a3}.login-container{max-width:400px;margin:4rem auto}.login-container h2{margin-bottom:.5rem}.login-container p{color:#555;margin-bottom:1.5rem}.login-container form{flex-direction:column;gap:1rem;display:flex}.login-container label{font-weight:600}.login-container input{border:1px solid #ccc;border-radius:6px;padding:.75rem;font-size:1rem}.error{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;padding:.75rem}.text-muted{color:#888}.browse-container h2{margin-bottom:.5rem}.browse-container>p{margin-bottom:2rem}.browse-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.tile-card{background:#fff;border:1px solid #e5e5e5;border-radius:8px;gap:1rem;padding:1.5rem;display:flex}.tile-card-icon{flex-shrink:0}.tile-card-icon img{object-fit:cover;border-radius:8px;width:48px;height:48px}.tile-card-body{flex:1;min-width:0}.tile-card-header{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.tile-card-header h3{margin:0}.tile-aspect-badge{color:#6b7280;white-space:nowrap;background:#f3f4f6;border-radius:4px;padding:.15rem .4rem;font-size:.7rem}.tile-description{color:#555;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:.75rem;font-size:.875rem;display:-webkit-box;overflow:hidden}.tile-description a{color:#06c;text-decoration:none}.tile-description a:hover{text-decoration:underline}.tile-card h3{margin-bottom:.5rem}.tile-meta{color:#555;margin-bottom:.75rem;font-size:.9rem}.tile-uri{color:#888;word-break:break-all;font-size:.8rem;display:block}.tile-owner{color:#888;text-overflow:ellipsis;font-size:.8rem;display:block;overflow:hidden}.tile-actions{margin-top:.75rem}.btn-sm{padding:.4rem 1rem;font-size:.875rem}.tile-view-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.tile-view-header h2{margin-bottom:.25rem}.tile-frame-container{aspect-ratio:1;background:#fff;border:1px solid #e5e5e5;border-radius:8px;width:100%;position:relative;overflow:hidden}.tile-aspect-1-1 .tile-frame-container{aspect-ratio:1}.tile-aspect-2-1 .tile-frame-container{aspect-ratio:2}.tile-aspect-3-1 .tile-frame-container{aspect-ratio:3}.tile-aspect-1-2 .tile-frame-container{aspect-ratio:1/2}.tile-aspect-1-3 .tile-frame-container{aspect-ratio:1/3}.tile-frame-container iframe{border:none;width:100%;height:100%}.tile-loading-icon{object-fit:cover;border-radius:12px;width:64px;height:64px}.tile-loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100%;padding:2rem;display:flex}.tile-loading-spinner{border:3px solid #e5e5e5;border-top-color:#06c;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite tile-spin}@keyframes tile-spin{to{transform:rotate(360deg)}}.tile-loading-name{color:#1a1a1a;font-size:1rem;font-weight:600}.tile-loading-skeleton{flex-direction:column;gap:.5rem;width:60%;max-width:300px;display:flex}.tile-loading-skeleton-line{background:#e5e5e5;border-radius:6px;height:12px;animation:1.5s ease-in-out infinite tile-pulse}.tile-loading-skeleton-line--short{width:60%}.tile-loading-skeleton-block{background:#e5e5e5;border-radius:6px;height:60px;animation:1.5s ease-in-out .3s infinite tile-pulse}@keyframes tile-pulse{0%,to{opacity:1}50%{opacity:.4}}.tile-error{background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:2rem;display:flex}.tile-error-title{color:#991b1b;margin-bottom:.5rem;font-weight:600}.tile-error-detail{color:#7f1d1d;font-size:.9rem}.error-page{text-align:center;padding:4rem 0}.error-page h1{color:#ccc;font-size:4rem}.error-page p{color:#555;margin:1rem 0}.error-page a{color:#06c}.tile-permission-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.tile-permission-dialog{background:#fff;border-radius:8px;width:90%;max-width:400px;padding:1.5rem;box-shadow:0 4px 24px #00000026}.tile-permission-dialog.tile-permission-warning{border-left:4px solid #f59e0b}.tile-permission-title{margin-bottom:.75rem;font-size:1rem;font-weight:700}.tile-permission-detail{color:#555;margin-bottom:.5rem;font-size:.875rem}.tile-permission-detail code{background:#f3f4f6;border-radius:3px;padding:.15rem .35rem;font-size:.8rem}.tile-permission-description{color:#333;margin-bottom:1rem;font-size:.875rem}.tile-permission-record-preview{color:#1f2937;white-space:pre-wrap;word-break:break-word;background:#f8f9fa;border:1px solid #e5e7eb;border-radius:6px;max-height:12rem;margin-bottom:1rem;padding:.75rem;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:.75rem;line-height:1.5;overflow-y:auto}.tile-permission-actions{justify-content:flex-end;gap:.75rem;display:flex}.btn-secondary{color:#374151;background:#e5e7eb}.btn-secondary:hover{background:#d1d5db}.tile-params-form{background:#fff;border:1px solid #e5e5e5;border-radius:8px;max-width:600px;padding:2rem}.tile-param-required{color:#dc2626;margin-left:.25rem}.studio-container h2{margin-bottom:.5rem}.studio-container>p{margin-bottom:2rem}.studio-form-group{margin-bottom:1.5rem}.studio-form-group label{margin-bottom:.5rem;font-weight:600;display:block}.studio-input{border:1px solid #ccc;border-radius:6px;width:100%;padding:.75rem;font-size:1rem}.studio-input-sm{padding:.4rem .75rem;font-size:.875rem}.drop-zone{text-align:center;border:2px dashed #ccc;border-radius:8px;justify-content:center;align-items:center;min-height:150px;margin-bottom:1.5rem;padding:2rem;transition:border-color .2s,background .2s;display:flex}.drop-zone-active{background:#f0f7ff;border-color:#06c}.drop-zone-prompt p{margin-bottom:.5rem}.file-list{text-align:left;width:100%}.file-item{background:#fff;border:1px solid #e5e5e5;border-radius:6px;align-items:center;gap:1rem;margin-bottom:.5rem;padding:.75rem;display:flex}.file-item-info{flex-direction:column;min-width:120px;display:flex}.file-item-name{font-size:.875rem;font-weight:600}.file-item-size,.file-item-type{font-size:.75rem}.file-item-path{flex:1;align-items:center;gap:.5rem;display:flex}.file-item-path label{white-space:nowrap;font-size:.875rem;font-weight:600}.file-item-remove{flex-shrink:0}.file-list-actions{margin-top:.75rem}.studio-actions{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.studio-progress{margin:1rem 0}.studio-progress p{color:#555;margin-bottom:.5rem;font-size:.875rem}.progress-bar{background:#e5e5e5;border-radius:3px;height:6px;overflow:hidden}.progress-bar-fill{background:#06c;border-radius:3px;height:100%;transition:width .3s}.studio-textarea{resize:vertical;min-height:80px;font-family:inherit}.studio-form-hint{margin-top:.25rem;font-size:.75rem}.studio-advanced-toggle{color:#666;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.875rem}.studio-advanced-toggle:hover{color:#1a1a1a}.studio-advanced-textarea{-moz-tab-size:2;tab-size:2;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:.8125rem}.studio-advanced-hint{margin-top:.25rem;font-size:.75rem}.text-error{color:#b91c1c}.icon-upload-row{align-items:center;gap:.75rem;display:flex}.icon-preview{object-fit:cover;border:1px solid #e5e5e5;border-radius:8px;width:48px;height:48px}.post-viewer-header{justify-content:flex-end;margin-bottom:1.5rem;display:flex}.post-card{background:#fff;border:1px solid #e5e5e5;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.post-card-author{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.post-card-handle{font-size:1rem}.post-card-time{color:#888;font-size:.85rem}.post-card-text{white-space:pre-wrap;word-break:break-word;margin-bottom:.75rem;font-size:1.1rem;line-height:1.6}.post-card-uri{color:#888;word-break:break-all;font-size:.8rem;display:block}.post-tile-embed{border:1px solid #e5e5e5;border-radius:8px;margin-top:.75rem;overflow:hidden}.post-tile-embed-header{background:#fafafa;border-bottom:1px solid #e5e5e5;padding:.625rem .75rem}.post-tile-embed-name{color:#1a1a1a;font-size:.9rem;font-weight:600}.post-tile-embed-frame .tile-frame-container{aspect-ratio:auto;border:none;border-radius:0;height:320px}