@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500&display=swap);:root{--bg-shell:#f4f8fb;--bg-mist:#dff0ea;--bg-sand:#fff0dc;--surface:#fff;--surface-soft:#f7fbff;--ink:#152231;--ink-soft:#4d6077;--line:#d5e3f0;--line-strong:#b9ccdf;--brand:#0f766e;--brand-strong:#0b5f59;--accent:#ea580c;--accent-soft:#fff0e6;--ok:#15803d;--warn:#b45309;--danger:#b91c1c;--shadow-soft:0 14px 34px #13263914;--shadow-card:0 8px 18px #0f203614}*{box-sizing:border-box}#root,body,html{min-height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(1300px 700px at 12% -8%,#dff0ea 0,#0000 62%),radial-gradient(1100px 700px at 90% -18%,#fff0dc 0,#0000 58%),#f4f8fb;background:radial-gradient(1300px 700px at 12% -8%,var(--bg-mist) 0,#0000 62%),radial-gradient(1100px 700px at 90% -18%,var(--bg-sand) 0,#0000 58%),var(--bg-shell);color:#152231;color:var(--ink);font-family:Space Grotesk,Segoe UI,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden;overflow-y:auto}code{font-family:IBM Plex Mono,Menlo,Monaco,Consolas,monospace}.app-shell{min-height:100vh}.legal-footer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f2231d6;border:1px solid #ffffff29;border-radius:999px;bottom:10px;padding:6px 12px;position:fixed;right:14px;z-index:999}.legal-footer a{color:#fff;font-size:12px;letter-spacing:.02em;text-decoration:none}.legal-footer a:hover{text-decoration:underline}@media (max-width:768px){.legal-footer{bottom:8px;right:10px}}.app-container{background:#fff;border:1px solid #ddd;border-radius:20px;box-shadow:0 4px 20px #00000026;font-family:-apple-system,BlinkMacSystemFont,sans-serif;height:100vh;margin:auto;max-width:420px;padding:0;scroll-behavior:smooth}.top-bar{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:12px 14px}.icon-btn{background:none;border:none;cursor:pointer;font-size:28px}.logo-area{align-items:center;display:flex;gap:8px}.logo-text{font-size:20px;font-weight:600}.logo-icon{height:52px;object-fit:contain;width:52px}.view-switch-container{display:flex;justify-content:center;margin:12px 0 14px}.view-switch-track{background:#dcdcdc;border-radius:40px;display:flex;overflow:hidden;padding:4px;position:relative;width:300px}.view-switch-slider{border-radius:30px;box-shadow:0 2px 5px #00000026;height:calc(100% - 8px);left:4px;position:absolute;top:4px;transition:transform .25s ease;width:calc(50% - 4px);z-index:0}.view-switch-option{background:#0000;border:none;border-radius:30px;color:#444;cursor:pointer;flex:1 1;font-size:15px;font-weight:500;padding:8px 0;position:relative;transition:color .2s ease;z-index:1}.view-switch-option.active{color:#000;font-weight:600}.drone-wrapper{background:#111;border:1px solid #222;border-radius:8px;height:clamp(320px,52vh,620px);overflow:hidden;text-align:center;width:100%}.drone-img{width:90%}.drone-canvas{display:block;height:100%;width:100%}.viewer-container{margin-bottom:12px;padding:0 14px}.spec-section{display:flex;justify-content:space-between;padding:10px 14px}.spec-left .spec-card{background:#f5f5f5;border-radius:8px;margin:6px 0;padding:8px}.spec-right .spec-info{display:flex;justify-content:space-between;margin:8px 0}.spec-card{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;gap:10px;margin:6px 0;padding:8px}.spec-icon{height:32px;width:32px}.bottom-buttons{background:#fff;border-top:1px solid #ddd;display:flex;justify-content:space-around;padding:14px 14px calc(14px + env(safe-area-inset-bottom, 0px))}@media (max-width:768px){.bottom-buttons{padding-bottom:calc(14px + max(env(safe-area-inset-bottom, 0px), 50px))}}.action-btn{border:none;font-size:16px;padding:10px 14px}.analysis,.order,.save{background:#4fa3ff;color:#fff}.menu-backdrop{background:#00000014}.menu-item{background:#0000;border:none;border-bottom:1px solid #fff6;color:#fff;cursor:pointer;font-size:18px;font-weight:400;letter-spacing:.3px;padding:20px 18px;text-align:left;width:100%}.menu-item:hover{background:#ffffff26;transition:background .2s ease}.drawer-top-right{display:flex;justify-content:flex-end;padding:12px 14px}.drawer-top-right .menu-btn{color:#fff;font-size:30px}.section-title{font-size:16px;margin:14px 14px 6px}.input-field{background:#fff;border:1px solid #ddd;border-radius:10px;margin:0 14px;padding:12px;width:calc(100% - 28px)}.search-row{align-items:center;background:#fff;border:1px solid #ddd;border-radius:18px;display:flex;gap:6px;margin:6px 14px;padding:6px 10px}.search-input{border:none;flex:1 1;font-size:14px;outline:none}.search-btn-small{background:none;border:none;cursor:pointer;font-size:18px}.select-row{align-items:center;display:flex;gap:10px;margin:6px 14px}.reset-btn{background:#df3d2c;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px 14px}.slider{margin:4px 14px 16px;width:calc(100% - 28px)}.menu-overlay{display:flex;inset:0;pointer-events:none;position:absolute;z-index:100}.menu-drawer{animation:slideInPhone .2s ease forwards;background:#64a3d5;border-right:1px solid #00000026;display:flex;flex-direction:column;height:100%;max-width:280px;padding-top:30px;pointer-events:auto;transform:translateX(-100%);width:65%;z-index:110}.menu-backdrop{animation:fadeInPhone .1s ease forwards;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;flex:1 1;pointer-events:auto}@keyframes slideInPhone{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes fadeInPhone{0%{opacity:0}to{opacity:1}}.component-select-card{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;display:flex;gap:12px;margin:10px 0;padding:12px}.component-select-icon{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000000d;display:flex;flex-shrink:0;font-size:26px;height:50px;justify-content:center;width:50px}.component-select-content{flex:1 1;min-width:0}.component-select-label{color:#666;font-size:12px;font-weight:500;margin-bottom:4px}.component-select-dropdown{background:#fff;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:14px;padding:8px 10px;width:100%}.component-select-dropdown:focus{border-color:#4fa3ff;outline:none}.info-message{background:#fff3e0;border-left:4px solid #ffa726;color:#e65100}.info-message,.success-message{border-radius:6px;font-size:13px;margin:16px 0;padding:12px}.success-message{background:#e8f5e9;border-left:4px solid #66bb6a;color:#2e7d32}.action-btn:disabled{cursor:not-allowed;filter:grayscale(.5)}.spec-section-grouped{display:flex;flex-direction:column;gap:14px;padding:10px 16px}.spec-card-group{background:#f8f9fb;border:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d;padding:12px 14px}.spec-header{gap:10px}.spec-header,.spec-icon{align-items:center;display:flex}.spec-icon{border-radius:10px;font-size:22px;height:38px;justify-content:center;width:38px}.overall-icon{background:#e8f5e9}.propeller-icon{background:#e0f2f1}.spec-title{color:#333;font-size:14px;font-weight:600}.spec-value{color:#555;font-size:13px}.spec-divider{border-top:1px solid #e0e0e0;margin:8px 0}.spec-info{color:#444;display:flex;font-size:13px;justify-content:space-between;padding:3px 0}.spec-info span{color:#666}.spec-info b{color:#111;font-weight:600}@media (min-width:768px){.app-container{border:1px solid #d5dbe4;border-radius:18px;box-shadow:0 10px 30px #0f172a1f;height:calc(100vh - 24px);margin:12px auto;max-width:min(1200px,calc(100vw - 32px))}.top-bar{padding:14px 24px}.logo-text{font-size:22px}.view-switch-container{margin:14px 0 18px}.view-switch-track{width:360px}.viewer-container{margin-bottom:16px;padding:0 24px}.section-title{margin:16px 24px 8px}.input-field{width:calc(100% - 48px)}.input-field,.search-row,.select-row,.slider{margin-left:24px;margin-right:24px}.slider{width:calc(100% - 48px)}.spec-section-grouped{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 24px 18px}.bottom-buttons{gap:12px;justify-content:flex-end;padding:12px 24px}.bottom-buttons .action-btn{min-width:136px}.menu-drawer{max-width:360px;width:min(320px,38vw)}}@keyframes page-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.app-container{animation:page-enter .45s ease both;background:linear-gradient(180deg,#fff,#f7fbff);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-soft);height:calc(100vh - 28px);margin:14px auto;max-width:min(1220px,calc(100vw - 34px));min-height:calc(100vh - 28px);overflow-x:hidden;overflow-y:auto;position:relative}.top-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:20}.icon-btn{align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;color:var(--ink);display:inline-flex;font-size:22px;height:40px;justify-content:center;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;width:40px}.icon-btn:hover{border-color:var(--line-strong);box-shadow:0 6px 16px #13283d1f;transform:translateY(-1px)}.logo-area{gap:10px}.logo-text{letter-spacing:.02em}.logo-icon{height:44px;width:44px}.view-switch-track{background:linear-gradient(180deg,#edf4fb,#dfecf8);border:1px solid var(--line)}.view-switch-slider{background:#fff;box-shadow:0 8px 18px #182d4426}.view-switch-option{color:var(--ink-soft)}.view-switch-option.active{color:var(--ink)}.viewer-container{margin-top:6px}.section-title{color:var(--ink);font-size:18px;font-weight:700}.component-select-dropdown,.input-field{background:#fff;border:1px solid var(--line);color:var(--ink);transition:border-color .2s ease,box-shadow .2s ease}.component-select-dropdown:focus,.input-field:focus{border-color:var(--brand);box-shadow:0 0 0 3px #0f766e1f;outline:none}.reset-btn{background:#fff4f4;border:1px solid #f0c6c6;color:#ab1c1c;font-weight:600}.bottom-buttons{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border-top:1px solid var(--line);bottom:0;position:-webkit-sticky;position:sticky}.action-btn{border:1px solid #0000;border-radius:12px;font-weight:700;letter-spacing:.01em;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.action-btn:hover{box-shadow:0 8px 16px #12263a26;transform:translateY(-1px)}.action-btn.analysis,.action-btn.save{background:linear-gradient(135deg,var(--brand) 0,#0c948a 100%);color:#fff}.action-btn.order{background:linear-gradient(135deg,var(--accent) 0,#f97316 100%);color:#fff}.action-btn:disabled{box-shadow:none;opacity:.52;transform:none}.menu-backdrop{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#07111f61}.menu-drawer{background:linear-gradient(180deg,#195886,#174f79 52%,#133f63);border-right:1px solid #ffffff24;box-shadow:10px 0 30px #05162759}.menu-item{font-weight:500;letter-spacing:.02em}.menu-item:hover{background:#fff3}.spec-card-group{animation:rise-in .4s ease both;background:linear-gradient(180deg,#fff,#f6fbff);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-card)}.spec-title{color:var(--ink)}.spec-value{color:var(--ink-soft)}.spec-divider{border-top-color:#deebf6}.spec-info{color:var(--ink-soft)}.spec-info b{color:var(--ink)}.component-select-card{animation:rise-in .35s ease both;background:linear-gradient(180deg,#fff,#f8fcff);border:1px solid var(--line);box-shadow:var(--shadow-card)}.component-select-icon{border:1px solid #e3eef8}.info-message,.success-message{border-left-width:5px}.message-bar{border:1px solid #0000;font-size:14px;padding:12px 14px}.message-bar.success{background:#ecfdf3;border-color:#b8ebcc;color:#11663a}.message-bar.error{background:#fff1f1;border-color:#f4cccc;color:#9e1c1c}.message-bar.info{background:#e9f4ff;border-color:#c8ddf6;color:#1d4f88}.empty-state{margin-top:8px}.component-label{color:var(--ink-soft);font-size:12px;font-weight:600;margin-bottom:3px}.link{color:var(--brand-strong);font-weight:600;text-decoration:none}.link:hover{text-decoration:underline}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f1f306b;display:grid;inset:0;padding:16px;place-items:center;position:fixed;z-index:1200}.modal-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 34px #0a1a2a33;overflow:hidden;width:min(460px,96vw)}.modal-body{align-items:flex-start;display:flex;gap:12px;padding:18px 18px 8px}.modal-icon{font-size:24px;line-height:1}.modal-message{color:var(--ink);font-size:15px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;padding:12px 18px 18px}@media (max-width:767px){.app-container{border-left:0;border-radius:0;border-right:0;box-shadow:none;height:100vh;margin:0 auto;max-width:430px;min-height:100vh;width:100%}.top-bar{-webkit-backdrop-filter:none;backdrop-filter:none}}.page-header{border-bottom:1px solid #e0e0e0;padding:16px 14px}.page-title{color:#333;font-size:24px;font-weight:600;margin:0}.analysis-content{padding-bottom:80px}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#4fa3ff;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{background:#ffebee;border-radius:8px;color:#c62828;margin:20px;padding:20px;text-align:center}.section-header{color:#333;font-size:18px;font-weight:600;margin:20px 14px 12px}.components-section{margin-bottom:20px}.component-card{align-items:center;background:#f5f5f5;border-radius:12px;display:flex;gap:12px;margin:8px 14px;padding:12px 14px}.component-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.motor-icon{background:#e3f2fd}.propeller-icon{background:#e8f5e9}.battery-icon{background:#fff3e0}.fc-icon{background:#f3e5f5}.component-info{flex:1 1}.component-title{color:#666;font-size:12px;margin-bottom:2px}.component-value{color:#333;font-size:15px;font-weight:600}.metrics-section{margin-bottom:20px}.metric-card{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:12px;display:flex;gap:14px;margin:8px 14px;padding:14px}.metric-card.highlight{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.metric-icon{align-items:center;background:#f5f5f5;border-radius:12px;display:flex;flex-shrink:0;font-size:26px;height:50px;justify-content:center;width:50px}.metric-card.highlight .metric-icon{background:#fff3}.metric-content{flex:1 1}.metric-label{color:#666;font-size:13px;margin-bottom:4px}.metric-card.highlight .metric-label{color:#ffffffe6}.metric-value{color:#333;font-size:24px;font-weight:700}.metric-value-large{color:#fff;font-size:32px;font-weight:700;line-height:1;margin-bottom:8px}.metric-subtitle{color:#999;font-size:11px;margin-top:2px}.metric-card.highlight .metric-subtitle{color:#fffc}.metric-badge{border-radius:12px;color:#fff;display:inline-block;font-size:11px;font-weight:600;margin-top:8px;padding:4px 10px}.flight-section{margin-bottom:20px}.flight-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);padding:0 14px}.flight-card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:14px;text-align:center}.flight-card.highlight{background:linear-gradient(135deg,#f093fb,#f5576c);border:none;color:#fff;grid-column:span 2}.flight-icon{font-size:28px;margin-bottom:8px}.flight-label{color:#666;font-size:11px;margin-bottom:6px}.flight-card.highlight .flight-label{color:#ffffffe6}.flight-value{color:#333;font-size:18px;font-weight:700}.flight-card.highlight .flight-value,.flight-card.highlight .flight-value-large{color:#fff}.flight-value-large{color:#fff;font-size:28px;font-weight:700}.chart-section{margin:20px 14px}.discharge-chart{background:#fff;border:1px solid #e0e0e0;border-radius:12px;margin-top:10px;padding:20px 10px}.chart-svg{height:auto;width:100%}.validation-section{border-radius:10px;margin:20px 14px;padding:14px}.validation-section.error{background:#ffebee;border:1px solid #ef5350}.validation-section.warning{background:#fff3e0;border:1px solid #ffa726}.validation-message{color:#333;font-size:13px;padding:8px 0}.cost-section{margin:20px 14px}.cost-card{background:linear-gradient(135deg,#43e97b,#38f9d7);border-radius:12px;color:#fff;padding:20px;text-align:center}.cost-label{font-size:14px;margin-bottom:8px;opacity:.9}.cost-value{font-size:36px;font-weight:700}@media (min-width:768px){.page-header{padding:18px 24px}.component-card,.metric-card,.section-header{margin-left:24px;margin-right:24px}.flight-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:0 24px}.flight-card.highlight{grid-column:span 3}.chart-section,.cost-section,.error-message,.validation-section{margin-left:24px;margin-right:24px}.discharge-chart{padding:20px}}@media (max-width:360px){.flight-grid{grid-template-columns:1fr}.flight-card.highlight{grid-column:span 1}}.page-title{letter-spacing:.01em}.section-header{color:var(--ink)}.component-card,.cost-card,.flight-card,.metric-card,.validation-section{animation:rise-in .35s ease both;border:1px solid var(--line);box-shadow:var(--shadow-card)}.component-card{background:linear-gradient(180deg,#fff,#f9fcff)}.metric-card{background:linear-gradient(180deg,#fff,#f8fcff)}.metric-card.highlight{background:linear-gradient(135deg,#0f766e,#0e8a7f);border:0}.flight-card{background:linear-gradient(180deg,#fff,#f8fcff)}.flight-card.highlight{background:linear-gradient(135deg,#ea580c,#fb923c)}.component-title,.flight-label,.metric-label,.metric-subtitle{color:var(--ink-soft)}.component-value,.flight-value,.metric-value{color:var(--ink)}.discharge-chart{background:linear-gradient(180deg,#fff,#f7fbff);border:1px solid var(--line);box-shadow:var(--shadow-card)}.validation-section.error{background:#fff4f4;border-color:#f0c9c9}.validation-section.warning{background:#fff7ec;border-color:#f0d6a9}.cost-card{background:linear-gradient(135deg,#0f766e,#14b8a6);border:0}.profile-identity{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.avatar-preview{margin-top:10px}.avatar-preview img{border:2px solid #ffffffb3;border-radius:12px;box-shadow:0 2px 6px #00000026;height:72px;object-fit:cover;width:72px}.pref-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);padding:0 14px 14px}.pref-card{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:12px;padding:12px}.pref-icon{font-size:22px;margin-bottom:6px}.pref-label{color:#666;font-size:12px;margin-bottom:6px}.pref-value{color:#333;font-size:15px;font-weight:600}.profile-identity{background:linear-gradient(135deg,var(--brand) 0,#0e8a7f 100%)}.pref-card{background:linear-gradient(180deg,#fff,#f8fcff);border:1px solid var(--line);box-shadow:var(--shadow-card)}.pref-label{color:var(--ink-soft);font-weight:600}.pref-value{color:var(--ink)}@media (min-width:992px){.pref-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:360px){.pref-grid{grid-template-columns:1fr}}.message-bar{animation:fadeIn .3s ease-out;border-radius:10px;font-weight:500;margin:12px 14px;padding:12px 16px}.message-bar.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message-bar.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.saved-page .saved-toolbar{align-items:center;display:flex;gap:10px;padding:0 14px}.saved-page .saved-search{flex:1 1}.saved-page .saved-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 14px 14px}@media (max-width:480px){.saved-page .saved-grid{grid-template-columns:1fr}}.saved-page .saved-list{list-style:none;margin:0;padding:0}.saved-page .saved-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 1px 3px #00000014;margin-bottom:14px;transition:transform .15s ease}.saved-page .saved-card:hover{transform:translateY(-2px)}.saved-page .saved-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:14px 16px 0}.saved-page .saved-title{color:#222;font-size:16px;font-weight:700;margin:0}.saved-page .saved-subtitle{color:#777;font-size:12px;margin:4px 0}.saved-page .saved-note{color:#444;font-size:13px;margin:0}.saved-page .saved-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;padding:0}.saved-page .action-btn{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:13px;padding:6px 12px;transition:background .2s ease,transform .1s ease}.saved-page .action-btn:hover{background:#f1f1f1;transform:translateY(-1px)}.saved-page .action-btn.analysis{background:#3b82f6;border:none}.saved-page .action-btn.analysis:hover{background:#2563eb}.saved-page .action-btn.secondary{background:#f5f5f5;color:#333}.saved-page .action-btn.secondary:hover{background:#eaeaea}.saved-page .action-btn.danger{background:#ffe6e6;border:1px solid #f2b5b5;color:#d33}.saved-page .action-btn.danger:hover{background:#fcc}.saved-page .component-grid{grid-gap:12px;border-top:1px solid #f0f0f0;display:grid;gap:12px;grid-template-columns:1fr;margin-top:10px;padding:0 16px 16px}.saved-page .component-card{align-items:center;background:#fafafa;border-radius:12px;box-shadow:0 2px 6px #0000000d;display:flex;padding:12px 14px;transition:transform .15s ease,box-shadow .15s ease}.saved-page .component-card:hover{box-shadow:0 4px 10px #00000014;transform:translateY(-2px)}.saved-page .component-icon{font-size:22px;margin-right:12px}.saved-page .saved-row{display:flex;font-size:13px;justify-content:space-between;padding:3px 0;word-break:break-all}.saved-page .saved-tag{color:#666;font-weight:500;width:140px}.saved-page .saved-val{color:#222;font-weight:600}.saved-page .message-bar{border-radius:8px;box-shadow:0 2px 6px #0000001a;font-weight:500;left:50%;padding:10px 18px;position:fixed;top:10px;transform:translateX(-50%);z-index:1000}.saved-page .message-bar.success{background:#d1fae5;color:#065f46}.saved-page .message-bar.error{background:#fee2e2;color:#991b1b}.saved-page .page-header{padding:16px 14px}.saved-page .saved-toolbar{padding:0}.saved-page .page-header .saved-toolbar .input-field{box-sizing:border-box;margin:0!important;width:100%!important}@media (min-width:992px){.saved-page .saved-list{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.saved-page .saved-card{margin-bottom:0}.saved-page .component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.saved-page .action-btn{min-width:0}}@media (max-width:480px){.saved-page .saved-header{align-items:flex-start;flex-direction:column}.saved-page .saved-actions{justify-content:flex-end;width:100%}.saved-page .saved-tag{width:100px}}.saved-page .saved-card{background:linear-gradient(180deg,#fff,#f8fcff);border:1px solid var(--line);box-shadow:var(--shadow-card)}.saved-page .saved-title{color:var(--ink)}.saved-page .saved-note,.saved-page .saved-subtitle,.saved-page .saved-tag{color:var(--ink-soft)}.saved-page .saved-val{color:var(--ink)}.saved-page .saved-actions{padding:0 16px 12px}.saved-page .action-btn{border:1px solid var(--line);border-radius:10px;font-weight:700}.saved-page .action-btn.analysis{background:linear-gradient(135deg,var(--brand) 0,#0e8a7f 100%);border:0;color:#fff}.saved-page .action-btn.secondary{background:#fff}.saved-page .action-btn.danger{background:#fff4f4;border-color:#f0c9c9;color:#a72222}.saved-page .component-card{background:linear-gradient(180deg,#fff,#f8fcff);border:1px solid var(--line)}.saved-page .component-label{color:var(--ink-soft);font-size:12px;font-weight:600;margin-bottom:2px}.saved-page .component-value{color:var(--ink);font-weight:700}