/* V30 Editor and Audio workflow enhancements. Existing AdSense code and CSS untouched. */
.xs30-project,.xs30-clip-panel{margin:16px 0;padding:18px;background:linear-gradient(135deg,#132a3c,#0e1b30);border:1px solid #46748b;border-radius:16px}
.xs30-project{display:flex;align-items:center;flex-wrap:wrap;gap:16px;justify-content:space-between}
.xs30-project p,.xs30-clip-heading p{font-size:13px;line-height:1.5;color:#bfd0e2;margin:6px 0;max-width:640px}
.xs30-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.xs30-file-btn{cursor:pointer;display:inline-flex;align-items:center}
.xs30-hint{color:#b9d6e4;font-size:13px}.xs30-hint.error{color:#ffb6b6}
.xs30-info{margin:12px 0;padding:12px 14px;background:#123144;border:1px solid #426b7b;color:#e1eff9;border-radius:12px;font-size:13px;line-height:1.65}
.xs30-clip-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:10px}.xs30-clip-heading h3{margin:0}.xs30-clip-heading>span{flex-shrink:0;border-radius:18px;padding:6px 12px;background:#315369;font-size:13px}
.xs30-clip-list{display:grid;gap:7px;margin:12px 0}.xs30-clip-item{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:8px 10px;border:1px solid #35516a;border-radius:10px;background:#0a1727}.xs30-clip-item span{margin-inline-end:auto;font-size:13px;font-variant-numeric:tabular-nums}
.xs30-select-label{display:flex;gap:5px;align-items:center;font-size:13px;color:#dceefb}.xs30-select-label select{padding:9px;background:#102838;color:#fff;border:1px solid #466d87;border-radius:9px}
@media(max-width:720px){.xs30-project,.xs30-clip-panel{padding:12px}.xs30-actions .btn{min-height:44px;flex:1 1 auto}.xs30-clip-heading{flex-wrap:wrap}.xs30-clip-item span{flex-basis:100%}}
@media print{.xs30-project,.xs30-clip-panel,.xs30-info{display:none!important}}

/* Single-task writing mode for smaller screens and reduced distractions. */
body.xs30-focus .topbar,body.xs30-focus .hero,body.xs30-focus .panel,body.xs30-focus .xs28-ad-area,body.xs30-focus .footer{display:none!important}
body.xs30-focus .shell{display:block!important;max-width:1180px;margin:0 auto;padding:8px}
body.xs30-focus #doc-editor-view{display:block!important;width:100%;max-width:100%;margin:0 auto;padding:12px}
body.xs30-focus .editor-surface{overflow:visible!important}
body.xs30-focus .doc-page{width:100%!important;max-width:860px!important;min-height:65vh!important;margin-inline:auto!important;padding:clamp(16px,4vw,50px)!important;box-sizing:border-box!important;font-size:clamp(16px,1.5vw,19px);line-height:1.7}
@media print{body.xs30-focus .doc-page{width:210mm!important;max-width:none!important;min-height:297mm!important;padding:18mm!important}}
