.yd-appdev-page{padding:0 16px 128px;background:#f5f8ff;color:#152238;min-height:100%;letter-spacing:0}.yd-appdev-nav{position:sticky;top:0;z-index:8;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;margin:0 -16px;padding:12px 16px;background:rgba(247,250,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(41,80,160,.08)}.yd-appdev-nav button{width:40px;height:40px;border:0;border-radius:12px;background:#fff;color:#1b3159;font-size:30px;line-height:1;box-shadow:0 5px 18px rgba(34,65,126,.1)}.yd-appdev-nav h1{margin:0;font-size:18px}.yd-appdev-nav p{margin:3px 0 0;color:#71809a;font-size:11px}.yd-appdev-nav>span{padding:7px 9px;border-radius:8px;background:#e8f0ff;color:#315ca8;font-size:11px;font-weight:700}.yd-appdev-hero{position:relative;min-height:188px;margin:14px 0 12px;border-radius:8px;overflow:hidden;background:#1c3268;box-shadow:0 14px 34px rgba(24,52,115,.18)}.yd-appdev-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.yd-appdev-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,34,78,.9),rgba(21,48,102,.62) 56%,rgba(19,48,95,.2))}.yd-appdev-hero-copy{position:relative;z-index:1;width:min(76%,430px);padding:25px 22px;color:#fff}.yd-appdev-hero-copy small{font-size:10px;font-weight:800;letter-spacing:1.2px;color:#95d8ff}.yd-appdev-hero-copy h2{margin:8px 0 9px;font-size:23px;line-height:1.22}.yd-appdev-hero-copy p{margin:0;color:#e3edff;font-size:12px;line-height:1.65}.yd-appdev-hero-copy div{display:flex;gap:6px;margin-top:15px;flex-wrap:wrap}.yd-appdev-hero-copy span{padding:5px 8px;border-radius:6px;background:rgba(255,255,255,.14);font-size:10px;font-weight:700}.yd-appdev-flow,.yd-appdev-form-card,.yd-appdev-brief,.yd-appdev-complete,.yd-appdev-recent{margin-top:12px;padding:16px;background:#fff;border:1px solid rgba(49,82,145,.09);border-radius:8px;box-shadow:0 9px 28px rgba(40,70,127,.07)}.yd-appdev-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}.yd-appdev-section-title b{font-size:16px}.yd-appdev-section-title span{font-size:10px;color:#8490a5}.yd-appdev-flow ol{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:0;padding:0;list-style:none}.yd-appdev-flow li{display:flex;align-items:center;gap:6px;min-width:0;color:#9aa5b7;font-size:10px;font-weight:700}.yd-appdev-flow li i{display:grid;place-items:center;flex:0 0 24px;height:24px;border-radius:7px;background:#eef2f8;color:#8995a9;font-style:normal}.yd-appdev-flow li.active{color:#244f9f}.yd-appdev-flow li.active i{background:#2878ff;color:#fff}.yd-appdev-form-card label,.yd-appdev-brief>label,.yd-appdev-modify label{display:block;margin-top:13px}.yd-appdev-form-card label>span,.yd-appdev-brief>label>span,.yd-appdev-modify label>span,.yd-appdev-form-card legend{display:block;margin-bottom:7px;color:#273650;font-size:12px;font-weight:800}.yd-appdev-form-card em,.yd-appdev-upload em{color:#9aa5b7;font-style:normal;font-weight:500}.yd-appdev-form-card textarea,.yd-appdev-form-card input,.yd-appdev-brief textarea,.yd-appdev-modify textarea{box-sizing:border-box;width:100%;border:1px solid #dce5f3;border-radius:8px;background:#f9fbff;color:#17243b;font:inherit;font-size:13px;outline:none;transition:border-color .18s,box-shadow .18s}.yd-appdev-form-card textarea,.yd-appdev-brief textarea,.yd-appdev-modify textarea{min-height:104px;padding:12px;resize:vertical}.yd-appdev-form-card input{height:44px;padding:0 12px}.yd-appdev-form-card textarea:focus,.yd-appdev-form-card input:focus,.yd-appdev-brief textarea:focus,.yd-appdev-modify textarea:focus{border-color:#5591ff;box-shadow:0 0 0 3px rgba(45,119,255,.1)}.yd-appdev-form-card fieldset{margin:15px 0 0;padding:0;border:0}.yd-appdev-types{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.yd-appdev-types button{min-height:40px;padding:5px;border:1px solid #dce5f3;border-radius:8px;background:#fff;color:#5b6880;font-size:11px;font-weight:700}.yd-appdev-types button.active{border-color:#2b79ff;background:#eaf2ff;color:#1d5fcb;box-shadow:inset 0 0 0 1px #2b79ff}.yd-appdev-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.yd-appdev-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.yd-appdev-checks label{display:flex;align-items:center;gap:8px;margin:0;padding:10px;border-radius:8px;background:#f4f7fc}.yd-appdev-checks input{width:16px;height:16px}.yd-appdev-checks span{margin:0!important;font-size:11px!important}.yd-appdev-upload{position:relative;padding:15px;border:1px dashed #91b7ff;border-radius:8px;background:#f1f6ff}.yd-appdev-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.yd-appdev-upload b{display:block;color:#2868cf;font-size:13px}.yd-appdev-upload small{display:block;margin-top:5px;color:#78869e;font-size:10px}.yd-appdev-primary{width:100%;min-height:46px;margin-top:16px;border:0;border-radius:8px;background:linear-gradient(135deg,#1f6fff,#25a4e8);color:#fff;font-size:14px;font-weight:800;box-shadow:0 9px 20px rgba(32,113,232,.22)}.yd-appdev-primary:active,.yd-appdev-actions button:active,.yd-appdev-main-actions button:active{transform:scale(.98)}.yd-appdev-recent button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 0;border:0;border-top:1px solid #edf1f7;background:none;text-align:left}.yd-appdev-recent button:first-of-type{border-top:0}.yd-appdev-recent button b{font-size:12px}.yd-appdev-recent button span{color:#8490a4;font-size:10px}.yd-appdev-brief-head{padding:16px;border-radius:8px;background:linear-gradient(135deg,#eaf1ff,#f5f9ff 55%,#e8f8ff)}.yd-appdev-brief-head small{color:#3270d3;font-weight:800}.yd-appdev-brief-head h2{margin:7px 0;font-size:20px}.yd-appdev-brief-head p{margin:0;color:#63728b;font-size:12px;line-height:1.7}.yd-appdev-brief-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.yd-appdev-brief-block{padding:12px;border:1px solid #e3e9f3;border-radius:8px}.yd-appdev-brief-block>b{font-size:12px}.yd-appdev-brief-block ul{margin:8px 0 0;padding-left:17px;color:#617088;font-size:11px;line-height:1.65}.yd-appdev-actions,.yd-appdev-main-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:9px;margin-top:14px}.yd-appdev-actions button,.yd-appdev-main-actions button{min-height:43px;border:1px solid #cfdaeb;border-radius:8px;background:#fff;color:#30415e;font-weight:800}.yd-appdev-actions .primary,.yd-appdev-main-actions .primary{border-color:#2878ff;background:#2878ff;color:#fff}.yd-appdev-progress{margin-top:12px;padding:28px 20px;border-radius:8px;background:#fff;text-align:center;box-shadow:0 12px 32px rgba(43,76,139,.08)}.yd-appdev-loader{display:flex;justify-content:center;gap:6px}.yd-appdev-loader i{width:8px;height:8px;border-radius:50%;background:#2c7dff;animation:ydAppPulse 1.1s infinite ease-in-out}.yd-appdev-loader i:nth-child(2){animation-delay:.16s}.yd-appdev-loader i:nth-child(3){animation-delay:.32s}@keyframes ydAppPulse{0%,80%,100%{opacity:.25;transform:scale(.75)}40%{opacity:1;transform:scale(1.1)}}.yd-appdev-progress h2{margin:15px 0 5px;font-size:18px}.yd-appdev-progress>p,.yd-appdev-progress>small{color:#77869d;font-size:11px}.yd-appdev-progress ol{max-width:330px;margin:20px auto;padding:0;list-style:none;text-align:left}.yd-appdev-progress li{display:flex;align-items:center;gap:10px;padding:8px;color:#8d98aa;font-size:11px}.yd-appdev-progress li span{width:8px;height:8px;border-radius:50%;background:#dce4f0}.yd-appdev-progress li.active{color:#225fbf;font-weight:800}.yd-appdev-progress li.active span{background:#2878ff;box-shadow:0 0 0 5px rgba(40,120,255,.12)}.yd-appdev-complete-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.yd-appdev-complete-head small{color:#2878ff;font-weight:800}.yd-appdev-complete-head h2{margin:5px 0;font-size:20px}.yd-appdev-complete-head p{margin:0;color:#7a879b;font-size:11px}.yd-appdev-complete-head>span{padding:7px 9px;border-radius:7px;font-size:10px;font-weight:800}.yd-appdev-complete-head .passed{background:#e8f8ef;color:#16824b}.yd-appdev-complete-head .warning{background:#fff2dc;color:#a76600}.yd-appdev-preview{margin-top:14px;overflow:hidden;border:1px solid #dce5f2;border-radius:8px;background:#eef3fa}.yd-appdev-browser{display:flex;align-items:center;gap:5px;height:31px;padding:0 10px;background:#e4eaf3}.yd-appdev-browser span{width:7px;height:7px;border-radius:50%;background:#9ca9bb}.yd-appdev-browser span:first-child{background:#ff7575}.yd-appdev-browser span:nth-child(2){background:#ffc65a}.yd-appdev-browser span:nth-child(3){background:#55c784}.yd-appdev-browser b{margin-left:5px;color:#65738a;font-size:10px}.yd-appdev-preview iframe{display:block;width:100%;height:460px;border:0;background:#fff}.yd-appdev-main-actions{grid-template-columns:repeat(3,1fr)}.yd-appdev-main-actions button{font-size:11px}.yd-appdev-public{margin-top:10px;padding:10px;border-radius:8px;background:#eef7ff}.yd-appdev-public b{display:block;font-size:11px}.yd-appdev-public a{display:block;margin-top:4px;overflow:hidden;color:#2472d8;font-size:10px;text-overflow:ellipsis}.yd-appdev-modify{display:none;margin-top:13px;padding:13px;border-radius:8px;background:#f3f7ff}.yd-appdev-modify.show{display:block}.yd-appdev-test,.yd-appdev-versions{margin-top:14px;padding-top:13px;border-top:1px solid #e8edf5}.yd-appdev-test>b,.yd-appdev-versions>b{font-size:13px}.yd-appdev-test p{display:flex;gap:8px;margin:8px 0;color:#5d6b81;font-size:10px}.yd-appdev-test i{min-width:30px;font-style:normal;font-weight:800}.yd-appdev-test .ok i{color:#18814a}.yd-appdev-test .bad i{color:#c14040}.yd-appdev-versions p{display:grid;grid-template-columns:50px 1fr auto;gap:8px;margin:0;padding:9px 0;border-bottom:1px solid #eef2f7;font-size:10px}.yd-appdev-versions span{font-weight:800}.yd-appdev-versions em{color:#66758c;font-style:normal}.yd-appdev-versions small{color:#8d99aa}.yd-appdev-new{width:100%;min-height:42px;margin-top:14px;border:1px solid #cad8ed;border-radius:8px;background:#fff;color:#3461a7;font-weight:800}@media(max-width:380px){.yd-appdev-types{grid-template-columns:repeat(3,1fr)}.yd-appdev-grid,.yd-appdev-brief-grid{grid-template-columns:1fr}.yd-appdev-flow ol{grid-template-columns:1fr 1fr;row-gap:9px}.yd-appdev-main-actions{grid-template-columns:1fr 1fr}.yd-appdev-preview iframe{height:400px}}